:root{
  --nav:#071426;--nav-2:#0b1d36;--blue:#1479f8;--blue-2:#46b5ff;--bg:#eef3f9;
  --surface:#ffffff;--text:#152238;--muted:#6b7a90;--line:#dfe7f0;--green:#169c5b;
  --red:#c93434;--amber:#bc7a12;--shadow:0 10px 28px rgba(13,35,67,.08)
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:"Segoe UI Variable","Inter","Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-weight:450;letter-spacing:-.005em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(47,144,255,.08),transparent 30%)}
aside{position:fixed;inset:0 auto 0 0;width:258px;background:linear-gradient(180deg,var(--nav),var(--nav-2));padding:18px 14px;color:#fff;border-right:1px solid rgba(255,255,255,.07);box-shadow:12px 0 30px rgba(4,16,33,.12);overflow-y:auto;z-index:10}
.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px;font-size:22px;font-weight:850;letter-spacing:-.04em}
.brand img{width:48px;height:48px;border-radius:13px;object-fit:cover;box-shadow:0 7px 18px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16)}
.brand-copy{line-height:1}.brand-copy span{color:var(--blue-2)}.brand-copy small{display:block;font-size:10px;color:#8da3c1;margin-top:7px;letter-spacing:.12em;text-transform:uppercase;font-weight:650}
aside a{display:flex;align-items:center;gap:11px;color:#cbd8ea;text-decoration:none;padding:11px 13px;margin:4px 0;border-radius:10px;font-size:14px;font-weight:650;transition:.18s ease}
aside a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}
aside a.primary{background:linear-gradient(135deg,#1168e8,#198cff);color:#fff;box-shadow:0 8px 20px rgba(20,121,248,.28)}
main{margin-left:258px;padding:25px 31px;min-height:100vh;position:relative}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
h1{margin:0;font-size:27px;line-height:1.15;font-weight:780;letter-spacing:-.035em;color:#101d31}
h2{font-size:20px;letter-spacing:-.025em;margin:0 0 16px;font-weight:760}h3{font-size:16px;font-weight:750}
.user{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);padding:9px 13px 9px 15px;border-radius:13px;box-shadow:var(--shadow);border:1px solid rgba(219,229,240,.9)}
.user b{font-size:13px}.user small{color:var(--muted);font-size:11px}.user a{color:var(--blue);text-decoration:none;font-weight:750;font-size:12px;padding-left:7px;border-left:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.cards.six{grid-template-columns:repeat(3,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}
.card,.panel{background:rgba(255,255,255,.95);border:1px solid rgba(218,228,239,.9);border-radius:15px;box-shadow:var(--shadow)}
.card{padding:18px 19px;min-height:104px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -28px -32px auto;width:80px;height:80px;border-radius:50%;background:rgba(20,121,248,.06)}
.card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.075em;font-weight:730}.card strong{font-size:27px;display:block;margin-top:9px;font-weight:800;letter-spacing:-.04em;color:#12203a}
.panel{padding:20px;margin-bottom:18px;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#56667d;background:#f4f7fb;font-weight:800;white-space:nowrap}th:first-child{border-radius:9px 0 0 9px}th:last-child{border-radius:0 9px 9px 0}tbody tr{transition:.15s ease}tbody tr:hover{background:#f8fbff}td{color:#27364d;font-weight:500}td a{color:#126cd8;font-weight:700;text-decoration:none}td small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.form,.order-head{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form textarea,.form button{grid-column:1/-1}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ccd8e6;border-radius:9px;font:inherit;font-size:13px;background:#fff;color:var(--text);outline:none;transition:.16s ease;box-shadow:0 1px 2px rgba(16,35,60,.03)}
input:focus,select:focus,textarea:focus{border-color:#2386f6;box-shadow:0 0 0 3px rgba(35,134,246,.12)}
label{font-size:11px;color:#536379;font-weight:750;text-transform:uppercase;letter-spacing:.045em}label input,label select,label textarea{display:block;margin-top:6px;text-transform:none;letter-spacing:normal;font-weight:500}
button,.button{border:1px solid transparent;border-radius:9px;background:linear-gradient(135deg,#126be6,#198cff);color:#fff;padding:10px 16px;font-weight:750;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 5px 13px rgba(20,121,248,.18);transition:.16s ease}
button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 8px 18px rgba(20,121,248,.22)}.secondary{background:#52647b;box-shadow:none}.danger{background:#c93434!important;padding:7px 11px!important;box-shadow:none!important}.final{font-size:13px;margin-top:14px;background:linear-gradient(135deg,#118a52,#18aa65)}
.total{text-align:right;font-size:24px;font-weight:820;padding:18px;letter-spacing:-.035em}.flash{padding:12px 15px;border-radius:10px;margin-bottom:15px;font-size:13px;font-weight:650;border:1px solid}.flash.ok{background:#eaf8f1;color:#11663e;border-color:#c9ebd8}.flash.error{background:#fff0f0;color:#9d2424;border-color:#f2caca}
.inline{display:flex;gap:10px;align-items:center}.actions{text-align:right;margin-bottom:12px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.dochead{display:flex;justify-content:space-between;gap:20px}.info{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.hidden{display:none!important}.hint,.muted{color:var(--muted);font-size:12px}.linkbtn{background:transparent;color:var(--blue);padding:7px 0;font-weight:750;box-shadow:none}.new-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.new-product-grid input:first-child{grid-column:1/-1}.negative{color:#b12626}.legal{font-size:10px;color:var(--muted);margin-top:16px}.compact{padding:7px 10px;font-size:11px}
.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status.ok{background:#daf5e7;color:#12633d}.status.off{background:#e8edf3;color:#5e6d80}.status.draft{background:#fff0cf;color:#855b0f}
.payment-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.payment-form button{height:40px}.file-label{font-size:11px}.file-label input{margin-top:5px;background:#fff}
.danger-zone{border:1px solid #edb9b5;background:#fff9f8}.danger-zone h2{color:#8a1c13}button.danger,.button.danger{background:#b42318;color:#fff;border-color:#8a1c13}button.danger:hover,.button.danger:hover{background:#8a1c13}
.login-main{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 15%,#153f77,transparent 32%),linear-gradient(135deg,#06101f,#0b2242 58%,#0c3264)}.login-card{width:min(430px,92vw);background:rgba(255,255,255,.97);border-radius:20px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.35)}.login-brand{color:#0f172a;padding:0 0 19px;justify-content:center}.login-brand img{width:66px;height:66px}.login-brand .brand-copy small{color:#6e7f96}.form.single{grid-template-columns:1fr}.login-card h2{text-align:center;margin-bottom:20px}.login-card button{height:44px;font-size:13px;letter-spacing:.05em}
.label-sheet{display:grid;grid-template-columns:1fr;gap:0;background:white}.shipping-label{height:93mm;padding:9mm 11mm;border-bottom:1px dashed #777;display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:#111}.label-top,.label-bottom{display:flex;justify-content:space-between;align-items:center}.label-top strong{font-size:17px}.label-top span{font-weight:800}.label-client{font-size:31px;font-weight:900;text-transform:uppercase;line-height:1.05;letter-spacing:.4px}.label-destination{font-size:23px;font-weight:800;text-transform:uppercase}.label-carrier{font-size:22px;font-weight:900;text-transform:uppercase;border:2px solid #111;padding:7px 10px;text-align:center}.label-details{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;font-size:13px}.label-bottom b{font-size:18px}.label-bottom small{font-size:10px}.no-print{display:block}
@media(max-width:1050px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:900px){aside{position:static;width:auto;padding:12px}.brand{padding-bottom:10px}aside a{display:inline-flex}main{margin:0;padding:17px}.grid2,.order-head{grid-template-columns:1fr}.cards.six,.cards.three,.payment-form{grid-template-columns:1fr 1fr}.new-product-grid{grid-template-columns:1fr}.user small{display:none}}
@media(max-width:560px){.cards,.cards.six,.cards.three{grid-template-columns:1fr}.form,.info{grid-template-columns:1fr}header{align-items:flex-start;gap:12px}.user{padding:8px}h1{font-size:23px}}
@media print{aside,header,.actions,.flash,.panel:not(.printable),.no-print{display:none!important}main{margin:0;padding:0}.printable{box-shadow:none;border:0}.label-sheet{display:block}.shipping-label{page-break-inside:avoid}.label-sheet .shipping-label:nth-child(3n){page-break-after:always}body{background:#fff}}