@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--ink:#17181c;--muted:#636b78;--line:#e4e4e7;--line-soft:#f0f1f3;--blue:#2563eb;--blue-hover:#1d4ed8;--bg:#fafafa;--nav:#fff;--surface:#fff;--surface-hover:#f4f4f5;--blue-soft:#eff6ff;--input:#fff;--shadow:#11182708;--success-bg:#f0fdf4;--success-text:#166534;--success-line:#bbf7d0;--warn-bg:#fffbeb;--warn-text:#92400e;--warn-line:#fde68a;--danger-bg:#fef2f2;--danger-text:#b91c1c;--danger-line:#fecaca}
[data-theme="dark"]{color-scheme:dark;--ink:#f4f4f5;--muted:#a1a1aa;--line:#303038;--line-soft:#292931;--blue:#60a5fa;--blue-hover:#93c5fd;--bg:#16171b;--nav:#1d1e23;--surface:#222329;--surface-hover:#2c2d34;--blue-soft:#1e3a5f;--input:#27282e;--shadow:#00000040;--success-bg:#13331f;--success-text:#86efac;--success-line:#256c3e;--warn-bg:#382c12;--warn-text:#fcd34d;--warn-line:#805d19;--danger-bg:#3e1b20;--danger-text:#fca5a5;--danger-line:#7f3039}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--ink);font-size:14px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e7f0ff,var(--bg) 42%,#e8f6ed)}[data-theme="dark"] .login{background:linear-gradient(135deg,#10213c,var(--bg) 42%,#13291b)}.login-card{position:relative;width:min(410px,calc(100% - 32px));padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px var(--shadow)}.login-language{position:absolute;right:18px;top:16px;display:flex;gap:7px}.login-language a{font-size:11px;color:var(--muted);text-decoration:none}.login-language a:hover{color:var(--blue)}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700}.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#0ea5e9);position:relative}.mark:after{content:'';position:absolute;inset:8px;border:2px solid white;border-radius:4px}.login h1{font-size:24px;margin:32px 0 6px}.muted{color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:18px 0 6px}input,select,textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--ink)}textarea{min-height:76px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #93c5fd;border-color:var(--blue)}button,.btn{font:inherit;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 12px;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover,button:hover{background:var(--surface-hover)}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:var(--blue-hover);color:#fff}.danger{color:var(--danger-text)}.error{margin-top:16px;background:var(--danger-bg);color:var(--danger-text);padding:10px;border:1px solid var(--danger-line);border-radius:8px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;width:240px;padding:18px 12px;background:var(--nav);border-right:1px solid var(--line)}.company{font-size:11px;color:var(--muted);padding:3px 8px 18px}.nav{display:block;text-decoration:none;color:var(--ink);padding:8px 10px;border-radius:8px;margin:2px 0;font-weight:500}.nav:hover{background:var(--surface-hover)}.nav.active{background:var(--blue-soft);color:var(--blue)}.nav small{float:right;background:var(--line);padding:1px 6px;border-radius:10px}.content{grid-column:2}.topbar{height:58px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-controls{display:flex;gap:8px;align-items:center}.compact-form{display:inline;margin:0}.preference-select{width:auto;padding:5px 7px;font-size:12px}.icon-button,.small-button{padding:5px 8px;min-height:30px}.icon-button{font-size:16px;width:32px;justify-content:center}.user-summary{white-space:nowrap}.page{padding:26px;max-width:1460px}.pagehead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.page h1{font-size:22px;margin:0 0 4px}.page p{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 2px var(--shadow)}.kpi{font-size:28px;font-weight:700;margin-top:9px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.tablecard{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow-x:auto}.tabletitle{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:600;display:flex;justify-content:space-between}table{border-collapse:collapse;width:100%}th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--bg);text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}.ref{color:var(--blue);font-weight:600;text-decoration:none}.badge{font-size:11px;border-radius:99px;padding:3px 7px;display:inline-block;border:1px solid}.b-green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.b-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.b-amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.b-gray{color:#52525b;background:#f4f4f5;border-color:#e4e4e7}.b-red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.b-purple{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}[data-theme="dark"] .b-green{color:#86efac;background:#13331f;border-color:#256c3e}[data-theme="dark"] .b-blue{color:#bfdbfe;background:#1e3a5f;border-color:#315b8a}[data-theme="dark"] .b-amber{color:#fcd34d;background:#382c12;border-color:#805d19}[data-theme="dark"] .b-gray{color:#d4d4d8;background:#34343b;border-color:#4a4a52}[data-theme="dark"] .b-red{color:#fca5a5;background:#3e1b20;border-color:#7f3039}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.toolbar input{max-width:320px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto}.kanban-col{background:var(--surface-hover);border-radius:12px;padding:10px;min-height:240px}.kanban-title{font-size:12px;font-weight:700;margin:0 0 10px}.shipment-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:11px;margin-bottom:8px}.shipment-card:hover{border-color:var(--muted);box-shadow:0 3px 10px var(--shadow)}.shipment-card .route{font-size:12px;color:var(--muted);margin:7px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.detailgrid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.kv{display:grid;grid-template-columns:150px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.kv span:first-child{color:var(--muted)}.notice{padding:11px;border-radius:8px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-text);margin-bottom:15px}.flash{padding:10px 12px;border-radius:8px;background:var(--success-bg);border:1px solid var(--success-line);color:var(--success-text);margin-bottom:14px}.section{margin-top:17px}.actions{display:flex;gap:8px;flex-wrap:wrap}.right{text-align:right}.empty{color:var(--muted);padding:22px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.localized-currency{font-variant-numeric:tabular-nums;white-space:nowrap}.print-only{display:none}@media(max-width:900px){.shell{display:block}.sidebar{position:static;width:auto}.content{grid-column:auto}.cards,.grid2,.detailgrid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,240px)}.page{padding:17px}.topbar{height:auto;min-height:58px;padding:10px 15px;gap:10px}.topbar-controls{flex-wrap:wrap;justify-content:flex-end}.user-summary{display:none}.formgrid{grid-template-columns:1fr}.sidebar .nav{display:inline-block}}@media print{.sidebar,.topbar,.pagehead .actions,.no-print{display:none!important}.shell{display:block}.content{display:block}.page{padding:0;max-width:none}.card,.tablecard{border:0;box-shadow:none}.print-only{display:block}.invoice-print{font-size:12px}.invoice-print h1{font-size:24px}}