:root{--blue:#1769d2;--ink:#26303b;--muted:#77818e;--line:#e1e6ec;--bg:#f5f6f8;--green:#178560;--orange:#b86e12;--red:#c74550;--side:230px}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:13px;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
.topbar{height:48px;background:var(--blue);color:white;position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;padding:0 12px}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;min-width:218px}.brand span{width:28px;height:28px;border-radius:4px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:10px}.brand b{font-size:14px}.search{height:30px;width:min(500px,42vw);background:rgba(255,255,255,.14);display:flex;align-items:center;gap:7px;padding:0 9px}.search input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:11px}.search input::placeholder{color:#d9e7f8}.topright{margin-left:auto;display:flex;gap:14px;align-items:center}.topright a{color:#fff;text-decoration:none;font-size:10px}.avatar{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:9px;font-weight:800}
.sidebar{position:fixed;top:48px;bottom:0;left:0;width:var(--side);background:#fff;border-right:1px solid #dce2e8;z-index:50;overflow:auto;padding-bottom:20px}.workspace{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:8px 12px}.workspace>span{width:32px;height:32px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-weight:800}.workspace b{display:block;font-size:11px}.workspace small{font-size:8px;color:#929ca8}.sidebar>a{height:32px;display:flex;align-items:center;padding:0 12px 0 16px;text-decoration:none;color:#58636f;font-size:10px;border-left:3px solid transparent}.sidebar>a:hover{background:#f6f8fb}.sidebar>a.active{background:#edf5ff;color:var(--blue);font-weight:700;border-left-color:var(--blue)}.cap{font-size:8px;font-weight:800;letter-spacing:.55px;color:#a0a8b2;padding:12px 14px 4px;border-top:1px solid #f0f2f4}
.content{margin-left:var(--side);padding-top:48px}.localbar{height:44px;position:sticky;top:48px;z-index:40;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 16px}.localbar>div:first-child{display:flex;gap:7px;color:#8b95a1;font-size:9px}.localbar strong{color:#48525e}.actions{display:flex;gap:5px}.btn,.primary{height:29px;border-radius:3px;padding:0 10px;font-size:9px}.btn{border:1px solid #d4dae1;background:#fff}.primary{border:1px solid #0f5bb9;background:var(--blue);color:#fff;font-weight:700}
.page{padding:15px 17px 30px;max-width:1750px;margin:auto}.pagehead{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.pagehead h1{font-size:17px;margin:0}.pagehead p{font-size:9px;color:#7e8895;margin:3px 0}.chip{font-size:8px;color:#1769d2;background:#edf5ff;border-radius:9px;padding:3px 7px;vertical-align:middle}.statusline{display:flex;gap:6px;align-items:center}.statusline>span{font-size:9px;padding:5px 8px;border-radius:10px;background:#edf1f5}.status.open{background:#fff2df;color:var(--orange)}.status.closed{background:#e9f7f1;color:var(--green)}
.card{background:#fff;border:1px solid var(--line);margin-bottom:8px}.cardhead{height:38px;background:#fafbfc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 10px}.cardhead h2{font-size:10px;margin:0}.cardhead small{font-size:8px;color:#929ca8}.cardhead .btn{margin-left:auto}
.formgrid{display:grid;gap:7px;padding:9px 10px}.g4{grid-template-columns:repeat(4,minmax(150px,1fr))}.g3{grid-template-columns:repeat(3,minmax(150px,1fr))}.formgrid label{font-size:8px;font-weight:700;color:#5b6571;display:grid;gap:4px}.formgrid input,.formgrid select,.formgrid textarea{height:31px;border:1px solid #d4dae2;background:#fff;padding:0 7px;font-size:9px;outline:0}.formgrid textarea{height:62px;padding-top:6px;resize:vertical}.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{border-color:#7aa6e8;box-shadow:0 0 0 2px #eef5ff}.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:1/-1}
.checks{display:flex;align-items:center;flex-wrap:wrap;gap:15px;border:1px solid var(--line);background:#fafbfd;padding:7px}.checks label{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:500}.checks input{height:auto;accent-color:var(--blue)}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:31px;background:#fafbfc;border-bottom:1px solid var(--line);padding:0 6px;text-align:left;font-size:8px;color:#717c89;text-transform:uppercase}td{height:33px;border-bottom:1px solid #eef1f4;padding:2px 3px;font-size:9px}.wide table{min-width:1900px}td input{height:27px;width:100%;min-width:60px;border:1px solid #d9dee5;padding:0 5px;font-size:9px}.w160{min-width:160px!important}.money{text-align:right;font-weight:700;min-width:95px}.stock{border:0;background:transparent;color:var(--blue);font-size:8px}.del{width:21px;height:21px;border:1px solid #e1b6bb;background:#fff;color:var(--red);border-radius:3px}
.twocol{display:grid;grid-template-columns:1.25fr .75fr;gap:8px}.closerow{border-top:1px solid var(--line);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.closerow input{accent-color:var(--blue)}.summarycard{align-self:start}.summary{padding:7px 10px}.sumrow{height:35px;display:grid;grid-template-columns:1fr 145px;align-items:center;border-bottom:1px solid #eef1f4}.sumrow span{font-size:9px;color:#606b77}.sumrow b{text-align:right;font-size:10px}.sumrow input{height:27px;border:1px solid #d6dce3;text-align:right;padding:0 6px;font-size:9px}.sumrow.grand{background:#edf5ff;margin:5px -4px 0;padding:0 6px;border:1px solid #c9ddf9}.sumrow.grand span,.sumrow.grand b{font-size:11px;color:#155fb9;font-weight:800}
.docgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px}.doc{min-height:72px;border:1px solid var(--line);background:#fff;text-align:left;padding:10px}.doc:hover{border-color:#a7c1ea;background:#fbfdff}.doc b{display:block;font-size:10px;margin:4px 0}.doc small{font-size:8px;color:#8b95a1}
#toast{position:fixed;right:15px;bottom:15px;z-index:200;background:#26303b;color:#fff;padding:10px 13px;border-radius:4px;font-size:9px;opacity:0;transform:translateY(8px);transition:.15s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.docgrid{grid-template-columns:repeat(2,1fr)}.span3,.span4{grid-column:1/-1}}
@media(max-width:760px){:root{--side:0px}.sidebar{display:none}.brand{min-width:auto}.brand b,.topright a{display:none}.search{width:55vw;margin-left:8px}.content{margin-left:0}.page{padding:10px}.localbar{overflow:auto}.g4,.g3{grid-template-columns:1fr}.span2,.span3,.span4{grid-column:1}.pagehead{display:block}.statusline{margin-top:7px}.docgrid{grid-template-columns:1fr 1fr}}