:root{--ink:#18211d;--muted:#6f7b75;--line:#e4e9e6;--cream:#f4f3ed;--green:#173c2e;--sage:#dce8df;--white:#fff;--amber:#f2b84b;--red:#d85c54;--blue:#4e77bf;--shadow:0 14px 38px rgba(30,51,42,.08)}
.login-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#0e2d22,#1d4a38);display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:36px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.login-card .brand-mark{margin-bottom:20px}.login-card h1{margin:7px 0 25px}.login-card label{display:grid;gap:7px;margin-top:15px;color:#64736b;font-size:12px}.login-card input{border:1px solid #dbe3de;border-radius:11px;padding:13px;font:inherit;outline:none}.login-card input:focus{border-color:#3d745c}.login-card .primary{width:100%;margin-top:8px}.login-error{min-height:20px;color:#aa4941;font-size:12px}.user{cursor:pointer;color:var(--ink)}
.excel-link{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:10px 13px;border-radius:10px;background:#edf3ef;color:#214a39;text-decoration:none;font-weight:700;font-size:13px}.excel-link:hover{background:#dfeae3}
.packing-summary{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.packing-summary span{padding:3px 6px;border-radius:6px;background:#eaf1ed;color:#476355;font-size:10px;white-space:nowrap}.packing-summary b{color:#193e2f}.packing-breakdown{display:grid;gap:4px;margin-top:6px}.packing-row{display:grid;grid-template-columns:auto 1fr;gap:3px 6px;align-items:center;padding:5px 7px;border-left:3px solid #88aa98;border-radius:6px;background:#f5f8f6;font-size:10px}.packing-row small{grid-column:2;color:#78857e}.packing-row .packing-equation{color:#243e32;font-weight:700}.packing-kind{padding:2px 5px;border-radius:5px;background:#dfeae4;color:#315b48;font-weight:700}.packing-row.tail-box{border-left-color:#e2a23c;background:#fff8e9}.packing-row.tail-box .packing-kind{background:#ffe7b5;color:#8b5b0d}.packing-row.mixed-box{border-left-color:#6a78c7;background:#f0f2ff}.packing-row.mixed-box .packing-kind{background:#dde2ff;color:#3f4b9d}.item-card{align-items:flex-start}.item-card>div:last-child{min-width:0}
.product-meta{display:block;margin-top:3px;max-width:210px;color:#6a766f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.task-panel{margin-bottom:18px}.task-list{padding:0 18px 18px}.task-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(460px,1.7fr);gap:16px;align-items:center;padding:13px 4px;border-top:1px solid var(--line)}.task-order{display:grid;gap:4px}.task-order small{color:var(--muted);font-size:11px}.task-tags{display:flex;gap:5px;flex-wrap:wrap}.task-tags span{font-size:10px;padding:4px 7px;border-radius:999px;background:#fff0d2;color:#8a5b0c}.quick-logistics{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:7px}.quick-logistics input,.quick-logistics select{min-width:0;border:1px solid #dfe5e1;border-radius:9px;padding:9px 10px;font:inherit;font-size:12px;outline:none}.quick-logistics input:focus,.quick-logistics select:focus{border-color:#527d68}.quick-logistics .primary{padding:9px 15px}.task-empty{padding:24px;text-align:center;color:#668074;background:#f7faf8;border-radius:12px}.task-row>.secondary{justify-self:end}
@media(max-width:1000px){.task-row{grid-template-columns:1fr}.quick-logistics{grid-template-columns:1fr 1fr}.task-row>.secondary{justify-self:start}}@media(max-width:680px){.quick-logistics{grid-template-columns:1fr}.task-list{padding:0 12px 12px}}

/* Boss dashboard */
.finance-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px;margin-bottom:24px}.finance-card{min-height:142px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 5px 22px rgba(20,44,33,.035);display:flex;flex-direction:column;justify-content:center}.finance-card small{color:var(--muted);font-size:12px;font-weight:650}.finance-card strong{display:block;margin:8px 0 6px;font-size:28px;line-height:1.05;font-variant-numeric:tabular-nums}.finance-card p{margin:0;color:#89948e;font-size:11px}.finance-card.primary-card{color:#fff;border-color:#173c2e;background:linear-gradient(135deg,#173c2e,#2d5d48);box-shadow:var(--shadow)}.finance-card.primary-card small,.finance-card.primary-card p{color:#c5d8ce}.finance-card.primary-card strong{font-size:34px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:0 2px 12px}.section-title h2{margin:0}.section-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.section-title>span{color:var(--muted);font-size:12px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.flow-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:17px;border:1px solid var(--line);background:#fff}.flow-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;font-size:20px;font-weight:800}.flow-card small{color:var(--muted);font-size:11px}.flow-card strong{display:block;margin:3px 0;font-size:25px;font-variant-numeric:tabular-nums}.flow-card p{margin:0;color:var(--muted);font-size:11px}.flow-card.factory .flow-icon{color:#8a5d10;background:#fff0cf}.flow-card.transit .flow-icon{color:#3e63a4;background:#e7eefb}.flow-card.arrived .flow-icon{color:#2e7652;background:#e0f1e6}.ratio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.ratio-panel{min-height:250px}.share-list{display:grid;gap:15px;padding:3px 22px 22px}.share-row{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center}.share-rank{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eef3ef;color:#466454;font-size:10px;font-weight:800}.share-content{min-width:0}.share-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px}.share-label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-label span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.share-track{height:7px;border-radius:999px;background:#edf1ee;overflow:hidden}.share-track i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#315e49,#69a07e)}.ratio-grid .ratio-panel:last-child .share-track i{background:linear-gradient(90deg,#b9802d,#e1b765)}.share-empty{padding:34px;text-align:center;color:var(--muted)}
@media(max-width:1180px){.finance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.flow-grid,.ratio-grid{grid-template-columns:1fr}.finance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.finance-grid{grid-template-columns:1fr}.finance-card{min-height:120px}.flow-grid{grid-template-columns:1fr}.section-title{align-items:start;gap:8px;flex-direction:column}}
.quality-grid{display:grid;grid-template-columns:.72fr 1.14fr 1.14fr;gap:18px;margin-bottom:18px}.quality-metric{min-height:240px;border-radius:18px;padding:24px;color:#fff;background:linear-gradient(150deg,#234c3a,#173c2e);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.quality-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:14px;background:rgba(255,255,255,.12);font-size:23px}.quality-metric small{color:#c9dad1;font-size:12px}.quality-metric strong{margin:8px 0;font-size:36px;font-variant-numeric:tabular-nums}.quality-metric p{margin:0;color:#aebfb6;font-size:11px;line-height:1.5}.quality-panel{min-height:240px}.alert-list{display:grid;padding:0 16px 16px}.alert-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 6px;display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer;color:var(--ink)}.alert-row:hover{background:#f8faf8}.alert-dot{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e7eef9;color:#4365a0;font-size:10px;font-weight:800}.alert-row.risk .alert-dot{background:#fde8e4;color:#ad4c43}.alert-row strong{display:block;font-size:12px}.alert-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.alert-row b{font-size:10px;color:#47705d}.alert-empty{padding:38px 12px;text-align:center;color:#668074;font-size:12px}.risk-count{background:#fde8e4;color:#a84d45}
.quality-summary{min-height:240px;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;text-align:left;cursor:pointer;color:var(--ink);box-shadow:0 5px 22px rgba(20,44,33,.035);display:flex;flex-direction:column;justify-content:center}.quality-summary:hover{border-color:#b9cbc1;transform:translateY(-1px)}.quality-summary small{color:var(--muted);font-size:12px}.quality-summary strong{display:block;margin:8px 0;font-size:36px}.quality-summary p{margin:0;color:var(--muted);font-size:11px}.quality-summary span{margin-top:24px;color:#3f6c57;font-size:11px;font-weight:700}.quality-summary.risk strong{color:#b35147}.quality-summary.missing strong{color:#9a6b1e}.clerk-panel{margin-top:18px}
@media(max-width:1050px){.quality-grid{grid-template-columns:1fr 1fr}.quality-metric{grid-column:1/-1;min-height:170px}}@media(max-width:900px){.quality-grid{grid-template-columns:1fr}.quality-metric{grid-column:auto}}
.clerk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.clerk-kpis article{padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff}.clerk-kpis small,.clerk-kpis span{display:block;color:var(--muted);font-size:11px}.clerk-kpis strong{display:block;margin:5px 0;font-size:28px}.workbench-list{padding:0 18px 18px}.workbench-row{width:100%;display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;padding:14px 5px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;color:var(--ink)}.workbench-row:hover{background:#f8faf8}.workbench-tag{justify-self:start;padding:5px 8px;border-radius:999px;background:#fff0d2;color:#895a0b;font-size:10px;font-weight:700}.workbench-row.overdue .workbench-tag{background:#fde7e4;color:#a84b43}.workbench-row.logistics .workbench-tag{background:#e5ecfa;color:#41629d}.workbench-row strong{display:block;font-size:13px}.workbench-row small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.workbench-row b{font-size:11px;color:#476c5b}.purchase-list{padding:0 12px 12px}.purchase-row{display:grid;grid-template-columns:1.5fr .7fr .55fr .65fr 24px;gap:16px;align-items:center;padding:15px 10px;border-top:1px solid var(--line);cursor:pointer}.purchase-row:hover{background:#fafcf9}.purchase-row h3{display:inline-block;margin:0 0 5px 8px;font-size:14px}.purchase-row p,.purchase-row small{display:block;margin:0;color:var(--muted);font-size:11px}.purchase-row>div>strong{display:block;margin-top:4px;font-size:13px}.po-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.po-items-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.po-items-head h3{margin:0;font-size:15px}.po-items-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.po-items{display:grid;gap:8px}.po-item-row{display:grid;grid-template-columns:1fr 1.2fr .65fr .65fr 34px;gap:8px}.po-item-row input{min-width:0;border:1px solid #dfe5e1;border-radius:9px;padding:10px;font:inherit}.po-item-row button{border:0;border-radius:8px;background:#f7e8e6;color:#a54b43;cursor:pointer}.po-save{width:100%;margin-top:18px}.purchase-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.purchase-summary span{padding:12px;border-radius:11px;background:#f4f7f5}.purchase-summary small{display:block;color:var(--muted);font-size:10px}.purchase-summary strong{display:block;margin-top:4px;font-size:13px}.po-detail-items{border:1px solid var(--line);border-radius:12px;overflow:hidden}.po-detail-items>div{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;padding:11px;border-top:1px solid var(--line);font-size:12px}.po-detail-items>div:first-child{border-top:0}.po-detail-items span{color:var(--muted)}.linked-shipment{margin-top:12px;padding:10px;border-radius:9px;background:#e6f1ea;color:#346049;font-size:12px}.po-update{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:18px}.po-update .primary{height:41px}
@media(max-width:900px){.clerk-kpis{grid-template-columns:1fr 1fr}.purchase-row{grid-template-columns:1fr .8fr 24px}.purchase-row>div:nth-child(3),.purchase-row>div:nth-child(4){display:none}.purchase-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.clerk-kpis{grid-template-columns:1fr 1fr}.workbench-row{grid-template-columns:1fr}.workbench-row b{display:none}.po-form,.po-update{grid-template-columns:1fr}.po-item-row{grid-template-columns:1fr 1fr}.po-item-row button{min-height:38px}}
.finance-factory-panel{margin-bottom:18px}.finance-factory-panel table{min-width:900px}.finance-page-cards{margin-bottom:18px}.secondary.compact{padding:7px 10px;font-size:11px;white-space:nowrap}.finance-recent-panel{margin-bottom:18px}.finance-recent-list{display:grid;padding:0 18px 18px}.finance-entry{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid var(--line)}.finance-entry>div strong{display:block;font-size:12px}.finance-entry>div small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.finance-entry>b{font-size:12px;font-variant-numeric:tabular-nums}.finance-type{justify-self:start;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}.finance-type.payable{background:#fff0d2;color:#8b5b0d}.finance-type.paid{background:#e1f0e6;color:#2d7350}@media(max-width:1000px){.sidebar .nav{font-size:0;text-align:center}.sidebar .nav span{font-size:18px}}@media(max-width:800px){.finance-entry{grid-template-columns:70px 1fr}.finance-entry>b{grid-column:2}}
*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#15382b;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d9e6dc;color:#173c2e;font-family:Georgia;font-size:24px}.brand strong{display:block;letter-spacing:2px}.brand small{opacity:.6}.sidebar nav{display:grid;gap:8px}.nav{border:0;background:transparent;color:#cddad3;text-align:left;padding:13px 15px;border-radius:12px;font-size:14px;cursor:pointer}.nav span{display:inline-block;width:26px}.nav:hover,.nav.active{background:#28503f;color:white}.sidebar-note{margin-top:auto;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:12px;line-height:1.7;color:#b9ccc2}main{margin-left:232px;min-height:100vh;padding:28px 38px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{margin:1px 0 0;font-size:28px}h2{font-size:18px;margin:0 0 4px}.eyebrow{font-size:10px;letter-spacing:2px;color:#829087;margin:0}.user{font-size:13px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ca26b;margin-right:7px}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(115deg,#173c2e,#285743);border-radius:22px;color:#fff;padding:28px 32px;display:flex;justify-content:space-between;min-height:150px;box-shadow:var(--shadow);overflow:hidden}.hero p{margin:0 0 8px;color:#cbdcd3}.hero strong{display:block;font-size:38px;letter-spacing:-1px}.hero small{display:block;margin-top:10px;color:#adc3b7}.hero-art{display:flex;align-items:flex-end;gap:10px;transform:rotate(-4deg);opacity:.75}.hero-art span{width:34px;border-radius:20px 20px 5px 5px;background:#b8ceb9}.hero-art span:nth-child(1){height:52px}.hero-art span:nth-child(2){height:90px}.hero-art span:nth-child(3){height:120px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px}.kpi .icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700}.icon.amber{background:#fff2d7;color:#9c6813}.icon.blue{background:#e4edfb;color:#3762a4}.icon.red{background:#fde8e7;color:#b64b45}.icon.green{background:#dff2e6;color:#2e8252}.kpi small{display:block;color:var(--muted);margin-bottom:4px}.kpi strong{font-size:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 22px rgba(20,44,33,.035)}.panel-head{padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between}.panel-head p{margin:0;color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#7e8983;text-align:left;background:#fafbf9}th,td{padding:14px 22px;border-top:1px solid var(--line)}td strong{font-size:14px}.money{font-variant-numeric:tabular-nums;font-weight:700}.link-button{border:0;background:none;color:#2f6952;cursor:pointer;font-weight:600}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.search{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px;display:flex;align-items:center;gap:8px;min-width:390px}.search input{border:0;outline:0;width:100%;padding:12px 0;font-size:14px}.primary,.secondary,.danger-soft{border:0;border-radius:11px;padding:11px 17px;font-weight:650;cursor:pointer}.primary{background:#173c2e;color:#fff}.secondary{background:#edf3ef;color:#214a39}.danger-soft{background:#fce8e6;color:#aa4941}.count{font-size:12px;background:#edf3ef;color:#35634f;padding:6px 10px;border-radius:999px}.shipment-list{padding:0 12px 12px}.shipment{display:grid;grid-template-columns:68px 1.2fr .9fr .75fr .9fr 42px;gap:14px;align-items:center;padding:14px 10px;border-top:1px solid var(--line);cursor:pointer}.shipment:hover{background:#fafcf9}.thumb{width:64px;height:64px;object-fit:cover;background:#edf0ed;border-radius:11px}.thumb.placeholder{display:grid;place-items:center;color:#849189}.shipment h3{font-size:14px;margin:0 0 5px}.shipment p,.shipment small{margin:0;color:var(--muted);font-size:12px}.status{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;background:#fff2d7;color:#865b12}.status.transit{background:#e4edfb;color:#3762a4}.status.done{background:#dff2e6;color:#2e8252}.status.error{background:#fde8e7;color:#b64b45}.import-layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);gap:18px}.dropzone{margin:8px 22px 22px;min-height:300px;border:1.5px dashed #b8c7bf;border-radius:16px;background:#fafcf9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.dropzone:hover{border-color:#3e715a;background:#f5faf6}.dropzone input{display:none}.upload-icon{font-size:30px;width:56px;height:56px;border-radius:18px;background:#e1eee5;color:#285740;display:grid;place-items:center;margin-bottom:15px}.dropzone small{color:var(--muted);margin-top:8px}.loading{margin:0 22px 22px;padding:12px;border-radius:10px;background:#eef5f0;color:#2d624b;text-align:center}.preview-panel{padding-bottom:20px}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 18px}.summary-cell{background:#f5f7f4;border-radius:12px;padding:12px}.summary-cell small{display:block;color:var(--muted);font-size:11px}.summary-cell strong{font-size:17px}.form-grid{padding:0 22px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted)}.field input,.field select{border:1px solid #dfe5e1;border-radius:9px;padding:10px 11px;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#527d68}.preview-items{margin:0 22px 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;border-top:1px solid var(--line)}.preview-item:first-child{border-top:0}.preview-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.preview-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px}.duplicate{margin:0 22px 15px;padding:10px 12px;border-radius:10px;background:#fde8e7;color:#a4453f;font-size:12px}.modal{position:fixed;inset:0;background:rgba(10,24,18,.45);display:grid;place-items:center;padding:30px;z-index:10}.modal-card{position:relative;background:#fff;border-radius:20px;width:min(820px,95vw);max-height:88vh;overflow:auto;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;color:#718078;cursor:pointer}.detail-head{display:flex;gap:16px;align-items:center;margin-bottom:20px}.detail-head img{width:92px;height:92px;object-fit:cover;border-radius:14px}.detail-head h2{font-size:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-box{border:1px solid var(--line);border-radius:14px;padding:16px}.detail-box h3{font-size:14px;margin:0 0 13px}.items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.item-card{display:flex;gap:9px;background:#f7f9f6;border-radius:10px;padding:8px}.item-card img{width:52px;height:52px;object-fit:cover;border-radius:7px}.ledger-list{display:grid;gap:8px}.ledger-entry{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.positive{color:#a64d3d}.negative{color:#2e7652}.toast{position:fixed;right:28px;bottom:28px;background:#173c2e;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:var(--shadow);z-index:20}.hidden{display:none!important}@media(max-width:1000px){.sidebar{width:82px}.brand div,.nav:not(.active){font-size:0}.brand{justify-content:center}.nav span{font-size:18px}.sidebar-note{display:none}main{margin-left:82px;padding:24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.import-layout{grid-template-columns:1fr}.shipment{grid-template-columns:60px 1fr .8fr 40px}.shipment .hide-mobile{display:none}}@media(max-width:680px){main{margin-left:0;padding:18px}.sidebar{position:fixed;z-index:8;inset:auto 0 0 0;width:auto;height:62px;flex-direction:row;padding:8px}.brand,.sidebar-note{display:none}.sidebar nav{display:flex;width:100%}.nav{flex:1;text-align:center}.nav span{width:auto;margin-right:5px}.kpi-grid{grid-template-columns:1fr 1fr}.hero{min-height:130px}.hero strong{font-size:30px}.search{min-width:0;flex:1}.shipment{grid-template-columns:54px 1fr 36px}.shipment .mobile-hide{display:none}.detail-grid{grid-template-columns:1fr}.items-grid{grid-template-columns:1fr}}