:root{--bg-1:#2f2163;--bg-2:#4f2c80;--bg-3:#682a60;--topbar-1:#b52a68;--topbar-2:#6a3db0;--card:#ffffff1a;--card-strong:#ffffff26;--border:#ffffff38;--text:#fff;--muted:#ffffffe0;--accent:#ff5fa2;--focus:#ffc857;--focus-on-light:#5b2e9a;--btn-bg:#fff;--btn-text:#5b2e9a;--field-bg:#fff;--field-text:#1f1640;--nav-active-bg:#fffffff2;--nav-active-text:#5b2e9a;--danger-bg:#ff5a5a40;--danger-text:#ffe8e8;--pill-upcoming-bg:#5fd4ff33;--pill-upcoming-text:#e3f8ff;--pill-in_fulfillment-bg:#ffc85729;--pill-in_fulfillment-text:#fff7e6;--pill-on_the_way-bg:#ff5fa233;--pill-on_the_way-text:#ffe6f1;--pill-delivered-bg:#b6f36a29;--pill-delivered-text:#f0ffe0;--pill-issue_return-bg:#ff5a5a40;--pill-issue_return-text:#ffe8e8;--pill-cancelled-bg:#ffffff1f;--pill-cancelled-text:#fff;--bar-upcoming:#5fd4ff;--bar-in_fulfillment:#ffc857;--bar-on_the_way:#ff5fa2;--bar-delivered:#b6f36a;--bar-issue_return:#ff5a5a;--radius:16px;--radius-small:10px;--font:"Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;font-family:var(--font);color:var(--text);background-color:var(--bg-1);background-image:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}a{color:var(--text);text-underline-offset:2px;text-decoration:underline}h1,h2,h3,h4{font-weight:600;line-height:1.25}h2{margin:0 0 1rem;font-size:1.75rem}h3{margin:1.5rem 0 .75rem;font-size:1.15rem}small,.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-on-light)}.glass,.app-content>section,[role=dialog],fieldset{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #14003240}.app-content>section{padding:1.5rem}.app-content>section section{margin-top:1.5rem}[role=dialog]{background:var(--card-strong);margin:1rem 0;padding:1.25rem}fieldset{margin:1rem 0;padding:1rem 1.25rem}legend{padding:0 .5rem;font-weight:600}.table-scroll{max-width:100%;margin:.75rem 0 1.25rem;overflow-x:auto}.table-scroll>table{margin:0}table{border-collapse:collapse;width:100%;margin:.75rem 0 1.25rem;font-size:14px}caption{text-align:left;margin-bottom:.5rem;font-weight:600}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.6rem .75rem}thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--card-strong);font-size:12px;font-weight:600}tbody tr:hover{background:var(--card)}tbody th{font-weight:600}label{font-size:14px}label:not(.field,.inline-label,.topbar *):has(>input:not([type=checkbox],[type=radio]),>select){vertical-align:bottom;flex-direction:column;align-items:flex-start;gap:.35rem;margin:.25rem 1rem .5rem 0;display:inline-flex}.inline-label{align-items:center;gap:.5rem;display:inline-flex}label:not(.field):has(>input[type=checkbox],>input[type=radio]){align-items:center;gap:.5rem;margin:.25rem 1rem .25rem 0;display:inline-flex}label:not(.field):has(>textarea){flex-direction:column;gap:.35rem;display:flex}input+button,select+button,label:not(.field)+button,label:not(.field)+a,a+a{margin-left:.5rem}a[download]{white-space:nowrap}.field{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.75rem;display:flex}input,select,textarea{font:inherit;color:var(--field-text);background:var(--field-bg);border:1px solid var(--border);border-radius:var(--radius-small);max-width:100%;padding:.45rem .7rem;font-size:14px}input[type=checkbox],input[type=radio]{vertical-align:middle;width:1.05rem;height:1.05rem;accent-color:var(--accent);padding:0}input[type=file]{color:var(--text);background:0 0;border:none;padding:0}textarea{width:100%;min-height:5rem}form>button,form>div>button{margin-top:.5rem}button,.btn{font:inherit;color:var(--btn-text);background:var(--btn-bg);border-radius:var(--radius-small);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;margin:.15rem .35rem .15rem 0;padding:.45rem .95rem;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.btn:hover{filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.6}.btn-ghost{color:var(--text);border-color:var(--text);background:0 0}.btn-ghost:focus-visible{box-shadow:none}[role=tablist]{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}[role=tab]{color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:999px;margin:0}[role=tab][aria-selected=true]{color:var(--nav-active-text);background:var(--nav-active-bg)}.pill{white-space:nowrap;color:var(--pill-cancelled-text);background:var(--pill-cancelled-bg);border-radius:999px;padding:.2rem .65rem;font-size:12px;font-weight:600;display:inline-block}.pill[data-group=upcoming]{color:var(--pill-upcoming-text);background:var(--pill-upcoming-bg)}.pill[data-group=in_fulfillment]{color:var(--pill-in_fulfillment-text);background:var(--pill-in_fulfillment-bg)}.pill[data-group=on_the_way]{color:var(--pill-on_the_way-text);background:var(--pill-on_the_way-bg)}.pill[data-group=delivered]{color:var(--pill-delivered-text);background:var(--pill-delivered-bg)}.pill[data-group=issue_return]{color:var(--pill-issue_return-text);background:var(--pill-issue_return-bg)}[role=alert]{border-radius:var(--radius-small);color:var(--danger-text);background:var(--danger-bg);padding:.6rem .9rem}[role=status]:not(:empty){color:var(--muted)}.skip-link{z-index:10;position:absolute;top:.5rem;left:-9999px}.skip-link:focus{color:var(--btn-text);background:var(--btn-bg);border-radius:var(--radius-small);padding:.5rem 1rem;left:1rem}.topbar{background:linear-gradient(90deg, var(--topbar-1), var(--topbar-2));flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 20px #0003}.topbar .logo{margin:0;font-size:1.25rem;font-weight:700}.topbar .logo span{font-weight:400}.topbar .logo img,.brand-logo{width:auto;height:26px;display:block}.topbar .logo img{vertical-align:-11px;margin-right:.15rem;display:inline-block}.topbar .account{font-size:13px;display:block}.topbar .spacer{flex:1}.topbar .actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.topbar .actions .btn{margin:0}.user-chip{border-radius:var(--radius-small);color:var(--field-text);background:var(--field-bg);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:14px;display:inline-flex}.avatar{width:1.75rem;height:1.75rem;color:var(--field-text);background:linear-gradient(135deg, var(--bar-on_the_way), var(--bar-upcoming));border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.topbar select{padding:.3rem .5rem}.app-layout{grid-template-columns:240px minmax(0,1fr);gap:1.5rem;padding:1.5rem;display:grid}.side-nav{flex-direction:column;gap:.15rem;height:fit-content;padding:.6rem;display:flex;position:sticky;top:1.5rem}.side-nav h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:.75rem .75rem .25rem;font-size:11px;font-weight:600}.side-nav ul{margin:0;padding:0;list-style:none}.side-nav a{border-radius:var(--radius-small);align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:14px;text-decoration:none;display:flex}.side-nav a:before{content:"";background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.side-nav a:hover{background:var(--card)}.side-nav a[aria-current=page]{color:var(--nav-active-text);background:var(--nav-active-bg);font-weight:600}.side-nav a[aria-current=page]:before{background:var(--accent)}.app-content{min-width:0}.page-intro h2{margin-bottom:.25rem}.page-intro p{color:var(--muted);margin:0 0 1.25rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.kpi{padding:1rem;text-decoration:none;display:block}a.kpi{color:inherit;transition:transform .15s}a.kpi:hover{transform:translateY(-2px)}.kpi .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.kpi .value{margin:.3rem 0 .4rem;font-size:1.9rem;font-weight:700;display:block}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1.25rem;display:grid}.panel{padding:0 1rem .5rem;overflow:hidden}.app-content>section .panel{margin-top:0}.panel>h3{background:var(--card-strong);margin:0 -1rem .5rem;padding:.85rem 1rem;font-size:1rem}.panel>h3 a{color:inherit;text-decoration:none}.panel>h3 a:after{content:" →"}.panel>h3 a:hover{text-decoration:underline}.app-content>section .dashboard-grid+.panel{margin-top:1.25rem}.panel table,.panel .table-scroll{margin-top:0}.bar{background:var(--card-strong);border-radius:99px;height:6px;margin-top:.35rem;display:block;overflow:hidden}.bar>i{background:var(--muted);border-radius:99px;height:100%;display:block}.bar[data-group=upcoming]>i{background:var(--bar-upcoming)}.bar[data-group=in_fulfillment]>i{background:var(--bar-in_fulfillment)}.bar[data-group=on_the_way]>i{background:var(--bar-on_the_way)}.bar[data-group=delivered]>i{background:var(--bar-delivered)}.bar[data-group=issue_return]>i{background:var(--bar-issue_return)}.public-page{max-width:40rem;margin:3rem auto;padding:0 1rem}.public-page>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.public-page>header h1{margin:0}.public-page>form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.auth-card{max-width:26rem;padding:1.5rem}@media (width<=900px){.app-layout{grid-template-columns:1fr;padding:1rem}.side-nav{position:static}.topbar{padding:.75rem 1rem}.app-content>section{padding:1rem;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}