:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e8;--bg-soft:#fcf9f3;--surface:#ffffffdb;--surface-strong:#fff;--surface-muted:#f1ebdf;--line:#14212f1a;--line-strong:#14212f29;--ink:#14212f;--muted:#627084;--brand:#0d597f;--brand-strong:#083d59;--accent:#c66d1a;--danger:#b9413b;--success:#0f6f55;--shadow:0 30px 80px #101b2b14;color:var(--ink);background:radial-gradient(circle at top left, #0d597f1a, transparent 28%), radial-gradient(circle at top right, #c66d1a14, transparent 24%), linear-gradient(180deg, #fffaf2 0%, var(--bg) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.layout-shell{grid-template-columns:296px minmax(0,1fr);min-height:100vh;display:grid}.layout-content{min-width:0}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcf9f3eb;flex-direction:column;gap:20px;height:100vh;padding:24px 18px 20px;display:flex;position:sticky;top:0}.sidebar__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar__brand{gap:14px;display:flex}.sidebar__brand strong{letter-spacing:-.03em;margin-top:3px;font-size:1.42rem;display:block}.sidebar__mark{flex:0 0 32px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:32px;padding-top:4px;display:grid}.sidebar__mark span{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:999px;height:10px;display:block}.sidebar__mark span:first-child{grid-column:1/-1}.sidebar__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.sidebar__intro{border:1px solid var(--line);color:var(--muted);background:#ffffffc7;border-radius:20px;padding:15px 16px;font-size:.9rem;line-height:1.6}.sidebar__nav{gap:6px;display:grid}.sidebar__link,.sidebar__logout{width:100%;color:var(--ink);background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:13px 14px;transition:background-color .18s,box-shadow .18s,color .18s,transform .18s;display:flex}.sidebar__link:hover,.sidebar__logout:hover{background:#0d597f14}.sidebar__link.active{color:var(--brand-strong);background:#fffffff5;box-shadow:inset 0 0 0 1px #0d597f14,0 16px 34px #0f1c2c0f}.sidebar__footer{gap:12px;margin-top:auto;display:grid}.sidebar__meta{border:1px solid var(--line);background:#ffffffbd;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.sidebar__meta span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.sidebar__meta strong{font-size:.94rem}.sidebar__logout{color:var(--danger);margin-top:4px}.sidebar-backdrop{display:none}.shell-topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f5f1e8f5 0%,#f5f1e8c2 72%,#f5f1e800 100%);justify-content:space-between;align-items:center;gap:16px;padding:20px 28px 0;display:flex;position:sticky;top:0}.shell-topbar__cluster{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.shell-topbar__cluster--end{justify-content:flex-end}.shell-topbar__title{gap:2px;display:grid}.shell-topbar__title span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.shell-topbar__title strong{font-size:1rem;font-weight:800}.shell-topbar__action{white-space:nowrap}.shell-avatar{border:1px solid var(--line);width:40px;height:40px;color:var(--brand-strong);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;font-size:.84rem;font-weight:800;display:inline-flex}.command-chip{border:1px solid var(--line);background:#ffffffc7;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:.84rem;font-weight:700;display:inline-flex}.command-chip--live{color:var(--success);background:#0f6f5514;border-color:#0f6f5524}.main-panel{padding:24px 28px 40px}.page-shell{gap:22px;width:min(1220px,100%);margin:0 auto;display:grid}.page-shell--wide{width:min(1280px,100%)}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;padding:8px 2px 0;display:flex}.page-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.15rem,3.7vw,3.5rem);line-height:.92}.page-header p{color:var(--muted);max-width:780px;margin:12px 0 0;line-height:1.7}.page-eyebrow{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;background:#0d597f17;border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.page-actions{flex-wrap:wrap;gap:12px;display:flex}.dashboard-hero,.hero-banner,.section-card,.auth-card,.metric-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dashboard-hero{border-radius:32px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;padding:28px;display:grid}.dashboard-hero__lead{padding:6px 4px}.dashboard-hero__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.dashboard-hero h2{letter-spacing:-.06em;margin:14px 0 0;font-size:clamp(2.1rem,4vw,4rem);line-height:.92}.dashboard-hero h2 span{color:var(--muted);letter-spacing:-.03em;margin-top:12px;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:600;line-height:1.2;display:block}.dashboard-hero p{max-width:720px;color:var(--muted);margin:18px 0 0;line-height:1.7}.dashboard-hero__figure{background:linear-gradient(145deg,#0d597f14,#fffffffa);border:1px solid #0d597f1a;border-radius:24px;margin-top:26px;padding:22px 24px}.dashboard-hero__figure strong{letter-spacing:-.08em;font-size:clamp(2.8rem,4.2vw,4.5rem);line-height:.95;display:block}.dashboard-hero__figure span{color:var(--muted);margin-top:10px;font-size:.98rem;display:block}.dashboard-hero__side{gap:14px;display:grid}.signal-board{border:1px solid var(--line);background:#ffffffc7;border-radius:24px;gap:10px;padding:18px;display:grid}.signal-board__row{border-bottom:1px solid #14212f14;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.signal-board__row:last-child{border-bottom:0}.signal-board__label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:800}.signal-board__detail{color:var(--ink);margin-top:6px;font-size:.9rem;line-height:1.55}.signal-board__value{max-width:180px;color:var(--ink);text-align:right;font-size:.96rem;font-weight:800;line-height:1.45}.command-note{background:linear-gradient(145deg,#c66d1a12,#fffffff5);border:1px solid #c66d1a24;border-radius:24px;padding:18px}.command-note strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.command-note p{color:var(--ink);margin:10px 0 0;font-size:1rem;line-height:1.6}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:22px;padding:18px}.metric-card__label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-card__value{letter-spacing:-.05em;margin-top:12px;font-size:1.9rem;font-weight:800;line-height:1}.metric-card__meta{color:var(--muted);margin-top:10px;font-size:.92rem;line-height:1.55}.metric-card--alert .metric-card__value{color:var(--danger)}.metric-card--success .metric-card__value{color:var(--success)}.metric-card--brand .metric-card__value{color:var(--brand)}.insight-grid,.section-grid,.ledger-grid{gap:20px;display:grid}.insight-grid,.section-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.ledger-grid{grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr)}.section-card{border-radius:26px;min-width:0;padding:22px}.section-card--table{overflow:hidden}.section-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-card__header h2{letter-spacing:-.03em;margin:0;font-size:1.24rem}.section-card__header p{color:var(--muted);margin:8px 0 0;line-height:1.65}.section-card__actions{flex-wrap:wrap;gap:10px;display:flex}.stack{gap:14px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.status-badge,.mini-pill{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge--alert{color:var(--danger);background:#b9413b14;border-color:#b9413b29}.status-badge--success{color:var(--success);background:#0f7c5b14;border-color:#0f7c5b29}.status-badge--brand{color:var(--brand);background:#0e5c8414;border-color:#0e5c8429}.button,.ghost-button,.danger-button{border:0;border-radius:15px;padding:11px 15px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s}.button{background:linear-gradient(135deg, var(--brand), var(--brand-strong));color:#fff;box-shadow:0 18px 34px #0d597f33}.ghost-button{color:var(--brand-strong);background:#0d597f14}.danger-button{color:var(--danger);background:#b9413b1f}.button:hover,.ghost-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.button[disabled],.ghost-button[disabled],.danger-button[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#ffffffe0;border-radius:14px;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field,.field--full{gap:7px;display:grid}.field--full{grid-column:1/-1}.field label{color:var(--ink);font-size:.88rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffffff0;border-radius:14px;outline:none;padding:12px 13px}.field textarea{resize:vertical;min-height:108px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0d597f4d;box-shadow:0 0 0 4px #0d597f14}.field-help{color:var(--muted);font-size:.82rem}.notice{border:1px solid var(--line);background:#ffffffe0;border-radius:18px;padding:14px 16px}.notice--error{color:var(--danger);background:#b9413b12;border-color:#b9413b2e}.notice--success{color:var(--success);background:#0f7c5b14;border-color:#0f7c5b2e}.notice--info{background:#0d597f12;border-color:#0d597f2e}.data-list{gap:12px;display:grid}.list-row,.stream-row{border:1px solid var(--line);background:#ffffffd6;border-radius:20px;gap:12px;padding:16px;display:grid}.stream-row{padding-left:22px;position:relative}.stream-row:before{content:"";background:linear-gradient(#0d597f2e,#c66d1a1f);border-radius:999px;width:2px;position:absolute;top:20px;bottom:20px;left:12px}.list-row__top,.list-row__bottom,.stream-row__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.list-row__title{letter-spacing:-.02em;font-size:1.04rem;font-weight:800}.list-row__meta,.list-row__subcopy,.stream-row__meta{color:var(--muted);font-size:.9rem;line-height:1.55}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-stat{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:13px 14px}.mini-stat strong{font-size:1rem;display:block}.mini-stat span{color:var(--muted);font-size:.86rem}.table-wrap{margin:0 -4px;padding:0 4px;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:640px}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #14212f14;padding:12px 10px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:800}.shipment-stream{gap:12px;display:grid}.empty-state{color:var(--muted);text-align:center;background:#ffffff94;border:1px dashed #14212f2e;border-radius:20px;padding:20px}.auth-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border-radius:30px;width:min(520px,100%);padding:32px}.auth-card h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.1rem,4vw,3rem);line-height:.96}.auth-card h2{letter-spacing:-.04em;margin:0;font-size:2rem;line-height:1}.auth-card p{color:var(--muted);line-height:1.7}.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.legend{gap:4px;display:grid}.legend strong{font-size:.94rem}.legend span{color:var(--muted);font-size:.86rem}.tracking-preview{border:1px solid var(--line);background:linear-gradient(135deg,#0d597f1f,#fffffff5);border-radius:22px;padding:18px}.tracking-preview__brand{background:#ffffffe0;border-radius:999px;padding:7px 12px;font-weight:800;display:inline-flex}.mobile-only{display:none}@media (width<=1180px){.dashboard-hero,.hero-banner,.metric-grid,.insight-grid,.section-grid,.ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero__lead,.dashboard-hero__side,.hero-banner__side{grid-column:1/-1}}@media (width<=1040px){.layout-shell{grid-template-columns:1fr}.sidebar{z-index:40;width:min(86vw,320px);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:0 28px 80px #0f1c2c24}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:30;opacity:0;pointer-events:none;background:#14212f2e;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop--visible{opacity:1;pointer-events:auto}.mobile-only{display:inline-flex}}@media (width<=900px){.metric-grid,.insight-grid,.section-grid,.ledger-grid,.hero-banner,.dashboard-hero{grid-template-columns:1fr}.shell-topbar,.main-panel{padding-inline:20px}.page-header{flex-direction:column;align-items:flex-start}.split-grid,.form-grid{grid-template-columns:1fr}}@media (width<=760px){.shell-topbar{padding:16px 16px 0}.shell-topbar__cluster--end{justify-content:space-between;width:100%}.shell-topbar__action{display:none}.main-panel{padding:16px 16px 28px}.dashboard-hero,.hero-banner,.section-card,.metric-card,.auth-card{border-radius:22px;padding:18px}.dashboard-hero__figure{padding:18px}.command-chip{padding:8px 11px;font-size:.78rem}.page-actions,.inline-actions,.list-row__top,.list-row__bottom,.stream-row__top,.section-card__header{flex-direction:column;align-items:flex-start}.signal-board__row{flex-direction:column}.signal-board__value{text-align:left;max-width:none}.table{min-width:560px}}
