:root{font-family:Inter,Arial,sans-serif;color:#152e40;background:#f3f6f8;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:#111c25;color:white;border-radius:9px;padding:12px 17px;font-weight:600}button:hover{filter:brightness(1.18)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #d8e1e7;border-radius:8px;padding:12px;background:#fff;color:#152e40}textarea{resize:vertical;min-height:90px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:20px}h3{font-size:16px}small,.muted{color:#688092}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#102b3e;color:#fff;padding:30px 21px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{background:white;border-radius:8px;padding:12px;display:block}.brand img{width:155px;max-height:68px;object-fit:contain;display:block;margin:auto}.sidebar .sub{color:#9db4c5;text-transform:uppercase;letter-spacing:2px;font-size:10px;margin:23px 12px 12px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{background:transparent;text-align:left;color:#adc2d0;font-size:14px}.nav button.active{background:#244458;color:#fff}.nav button .icon{margin-right:10px}.sidebar .bottom{margin-top:auto;font-size:12px;color:#a3bbcb;line-height:1.8;padding:15px 10px}.sidebar .bottom strong{color:white;display:block;font-size:14px}.logout{background:#244458;width:100%;margin-top:13px}.main{max-width:1360px;width:100%;padding:0 42px 50px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4e9;margin-bottom:30px;padding:24px 0;font-size:12px;color:#6b8191}.top strong{color:#233e51}.titleline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#648398;font-weight:700;margin-bottom:10px}.titleline p{font-size:14px;color:#688092;margin-bottom:0}.badge{font-size:11px;background:#e8f5ee;color:#247856;padding:7px 10px;border-radius:20px;white-space:nowrap}.badge.amber{background:#fff3dd;color:#956321}.badge.red{background:#fff0eb;color:#b35a37}.badge.blue{background:#e8f0fb;color:#3c6899}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid #e0e7eb;border-radius:12px;padding:21px}.stat span{font-size:12px;color:#6e8493}.stat strong{font-size:31px;display:block;margin:10px 0}.stat small{font-size:11px}.panel{background:white;border:1px solid #e0e7eb;border-radius:12px;padding:25px;margin:20px 0}.banner{background:#eaf2f7;border:1px solid #d7e6f0;border-radius:10px;padding:16px 20px;font-size:13px;line-height:1.7}.banner strong{display:block}.banner.orange{background:#fff7eb;border-color:#f4e3c8;color:#805f2d}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar select{width:auto;min-width:160px}.toolbar input{flex:1;min-width:180px}.secondary{background:#edf2f5;color:#314f62}.danger{background:#fff1ed;color:#a8442a}.outline{background:white;border:1px solid #ccd9e1;color:#304f62}.grid{display:grid;grid-template-columns:1.35fr .8fr;gap:22px}.grid .panel{margin-top:0}.fieldrow{display:grid;grid-template-columns:2fr 1fr 1fr 40px;gap:9px;margin:10px 0;align-items:center}.fieldrow button{padding:11px;background:#f2f5f7;color:#637d8f}.fieldhead{font-size:11px;color:#7d91a0}.priority{background:#fff8f0;border:1px solid #f4e0c8;padding:15px;border-radius:9px;display:flex;gap:12px;align-items:start;font-size:13px;margin:20px 0}.priority input{width:18px;margin:0;accent-color:#d48a4e}.priority label{margin:0}.priority small{display:block;line-height:1.7;margin-top:5px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.order{background:white;border:1px solid #dfe7ed;border-radius:12px;padding:22px;margin-bottom:14px}.order.priority-order{border-left:3px solid #d6a16d}.orderhead{display:flex;justify-content:space-between;gap:12px;align-items:start}.orderno{font-size:10px;letter-spacing:1.2px;color:#7f94a2;text-transform:uppercase;margin-bottom:9px}.order h3{margin-bottom:6px}.order .meta{font-size:12px;color:#6b8394;line-height:1.7}.items{border-top:1px solid #edf1f4;margin-top:16px;padding-top:12px}.item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;gap:12px}.item span:last-child{color:#6c8394;white-space:nowrap}.empty{text-align:center;padding:48px 15px;color:#728b9b}.empty strong{display:block;color:#355267;margin-bottom:9px}.history{font-size:12px;color:#698292;line-height:1.8;margin-top:15px}.history summary{cursor:pointer;color:#36576d}.history div{border-top:1px solid #eef2f4;padding:8px 0}.login{max-width:450px;margin:7vh auto;background:white;border:1px solid #dfe7ed;border-radius:18px;padding:35px;box-shadow:0 20px 80px #102b3e0a}.login img{width:175px;display:block;margin:0 auto 30px}.login h1{font-size:25px}.login .tabs{display:flex;gap:7px;margin:22px 0}.login .tabs button{flex:1}.login .submit{width:100%;margin-top:20px}.login p{font-size:13px;line-height:1.7;color:#6b8394}.error{color:#a93d2c;background:#fff0ec;padding:12px;border-radius:8px;margin:14px 0;font-size:13px}.loading{padding:60px;text-align:center;color:#688092}#toast{position:fixed;bottom:25px;right:25px;background:#173e35;color:white;border-radius:10px;padding:15px 22px;max-width:90vw;box-shadow:0 8px 30px #0002;display:none;z-index:20}.settinggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.invrow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecf1f4;padding:14px 0;gap:15px}.invrow p{margin:3px 0;font-size:12px;color:#6b8394}a{color:#386d91}.footnote{font-size:12px;color:#748c9b;line-height:1.8;margin-top:20px}.tags{display:flex;gap:7px;flex-wrap:wrap}.demo{background:#fff4dc;padding:10px 20px;text-align:center;font-size:12px}.active-label{color:#277d57}.searchlabel{font-size:12px;font-weight:600}button:focus-visible,a:focus-visible{outline:3px solid #b2d9f4;outline-offset:3px}
@media(max-width:1000px){.shell{grid-template-columns:205px 1fr}.main{padding:0 22px 35px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{padding:23px 15px}.brand img{width:145px}}
@media(max-width:680px){.shell{display:block}.sidebar{position:static;height:auto;padding:14px}.brand{width:140px;padding:6px}.brand img{width:118px;height:37px}.sidebar .sub,.sidebar .bottom{display:none}.nav{flex-direction:row;overflow:auto;margin-top:12px;gap:3px}.nav button{white-space:nowrap;padding:11px;font-size:12px}.main{padding:0 16px 30px}.top{padding:17px 0;margin-bottom:22px}.titleline{align-items:start}h1{font-size:25px}.titleline>button{font-size:12px;padding:11px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:27px}.panel,.order{padding:18px}.settinggrid{grid-template-columns:1fr}.fieldrow{grid-template-columns:1.6fr .8fr .8fr 33px;gap:5px}.fieldrow input{padding:9px 6px;font-size:12px}.login{margin:20px 14px;padding:27px}.badge{font-size:10px}.orderhead{flex-wrap:wrap}.toolbar select{width:100%}}

#mobilelogout{display:none}@media(max-width:680px){#mobilelogout{display:block;padding:8px;font-size:11px}.top{gap:8px}.top>span:first-child{display:none}}