:root[data-theme=dark]{color-scheme:dark;--bg-base: #000000;--bg-card: #1C1C1E;--bg-input: #2C2C2E;--color-bg: var(--bg-base);--color-bg-elevated: var(--bg-base);--color-surface: var(--bg-card);--color-surface-strong: var(--bg-input);--color-surface-muted: var(--bg-card);--color-text: #f2f2f7;--color-text-muted: #d1d1d6;--color-text-dim: #8e8e93;--color-border: #38383a;--color-border-strong: #48484a;--color-accent: #e11d48;--color-accent-strong: #be123c;--color-accent-contrast: #ffffff;--color-success: #16A34A;--color-success-strong: #15803D;--color-success-contrast: #FFFFFF;--color-success-soft: rgba(49, 190, 84, .19);--color-warning: #d6a52a;--color-warning-strong: #b8881e;--color-warning-contrast: #111827;--color-warning-soft: rgba(214, 165, 42, .2);--color-danger: #DC2626;--color-danger-strong: #B91C1C;--color-danger-contrast: #FFFFFF;--color-danger-soft: rgba(227, 90, 83, .19);--color-focus: #e11d48;--font-family-base: Inter, Roboto, "SF Pro Text", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--border-width-1: 1px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--touch-min: 60px;--bottom-bar-height: 84px;--bg-1: var(--bg-base);--bg-2: var(--color-bg-elevated);--ink-1: var(--color-text);--ink-2: var(--color-text-muted);--ink-3: var(--color-text-dim);--line: var(--color-border);--surface: var(--bg-card);--surface-strong: var(--bg-input);--surface-soft: var(--bg-card);--accent: var(--color-accent);--accent-strong: var(--color-accent-strong);--accent-soft: rgba(225, 29, 72, .2);--success: var(--color-success);--success-soft: var(--color-success-soft);--warning: var(--color-warning);--warning-soft: var(--color-warning-soft);--danger: var(--color-danger);--danger-soft: var(--color-danger-soft);--shadow-md: none;--shadow-lg: none}:root[data-theme=light]{color-scheme:light;--bg-base: #F2F2F7;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--color-bg: #F2F2F7;--color-bg-elevated: #F2F2F7;--color-surface: #FFFFFF;--color-surface-strong: #FFFFFF;--color-surface-muted: #F2F2F7;--color-text: #1c1c1e;--color-text-muted: #2f2f33;--color-text-dim: #8e8e93;--color-border: #A1A1AA;--color-border-strong: #A1A1AA;--border-color: #A1A1AA;--color-accent: #881337;--color-accent-strong: #6f102d;--color-accent-contrast: #FFFFFF;--color-success: #30b956;--color-success-strong: #289a48;--color-success-contrast: #ffffff;--color-success-soft: rgba(48, 185, 86, .13);--color-warning: #b78a2a;--color-warning-strong: #9a7423;--color-warning-contrast: #111827;--color-warning-soft: rgba(183, 138, 42, .13);--color-danger: #d94841;--color-danger-strong: #bd3b35;--color-danger-contrast: #ffffff;--color-danger-soft: rgba(217, 72, 65, .13);--color-focus: #881337;--font-family-base: Inter, Roboto, "SF Pro Text", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--border-width-1: 1px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--touch-min: 60px;--bottom-bar-height: 84px;--bg-1: var(--bg-base);--bg-2: var(--color-bg-elevated);--ink-1: var(--color-text);--ink-2: var(--color-text-muted);--ink-3: var(--color-text-dim);--line: var(--color-border);--surface: var(--color-surface);--surface-strong: var(--color-surface-strong);--surface-soft: var(--color-surface-muted);--accent: var(--color-accent);--accent-strong: var(--color-accent-strong);--accent-soft: #ECECF1;--success: var(--color-success);--success-soft: var(--color-success-soft);--warning: var(--color-warning);--warning-soft: var(--color-warning-soft);--danger: var(--color-danger);--danger-soft: var(--color-danger-soft);--shadow-md: 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 6px 18px rgba(0, 0, 0, .06)}:root{font-family:var(--font-family-base);line-height:1.5;font-weight:var(--font-weight-regular);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-1);color:var(--ink-1);-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html{height:100%;min-height:100%;background:var(--bg-1);overscroll-behavior-y:none;scrollbar-gutter:stable}body,#app{margin:0;min-height:100vh;min-height:100dvh}body{color:var(--ink-1);background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-soft) 85%,transparent) 0,transparent 34%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 100%);overscroll-behavior-y:none;touch-action:manipulation}:root[data-theme=dark] body,:root[data-theme=dark] #app{background:var(--bg-1)}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea,:root[data-theme=light] button:not(.order-card__summary-head),:root[data-theme=light] .button,:root[data-theme=light] [role=tab]{border:var(--border-width-1) solid var(--border-color, var(--line))}:root[data-theme=light] .shell__theme-toggle{background:transparent;color:#4b5563}:root[data-theme=light] .shell__theme-toggle .shell__icon{color:#4b5563}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;border-width:var(--border-width-1);border-style:solid;background-clip:padding-box;box-shadow:none}button,.button,[role=button],[role=tab]{touch-action:manipulation;-webkit-user-select:none;user-select:none}button,input,textarea{-webkit-appearance:none;appearance:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:var(--touch-min);padding:.8rem 1.05rem;border:var(--border-width-1) solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:var(--color-accent-contrast);font-weight:var(--font-weight-bold);letter-spacing:.01em;cursor:pointer;transition:opacity 80ms ease,background-color 80ms ease,border-color 80ms ease}button:active,.button:active{background:var(--accent-strong)}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button--ghost{border-color:var(--line);background:var(--surface-soft);color:var(--ink-1)}label,.field{display:grid;gap:.45rem}label span,.field__label{color:var(--ink-2);font-size:.92rem;font-weight:var(--font-weight-bold)}input,select,textarea{width:100%;padding:.95rem 1rem;min-height:var(--touch-min);border:var(--border-width-1) solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--ink-1)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--accent)}textarea{resize:vertical;min-height:7rem}ul{padding:0;margin:0;list-style:none}p,h1,h2,h3{margin:0}.eyebrow{margin-bottom:.35rem;color:var(--ink-3);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.surface{position:relative;overflow:hidden;border:var(--border-width-1) solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,white 8%) 0%,var(--surface) 100%);box-shadow:var(--shadow-md)}:root[data-theme=dark] .surface{background:var(--bg-card)}.surface--soft{background:var(--surface-soft)}.surface:before{content:none}.view-shell{display:grid;gap:.5rem}.view-shell--with-bottom-bar{padding-bottom:calc(var(--bottom-bar-height) + 7rem + env(safe-area-inset-bottom))}.hero-panel,.content-panel,.list-panel,.form-panel{padding:1rem}.hero-panel{display:grid;gap:.75rem}.hero-title{font-size:1.25rem;line-height:1.15;letter-spacing:-.01em}.hero-copy{color:var(--ink-2)}.metrics-grid,.cards-grid,.form-grid,.stack{display:grid;gap:.9rem}.metric-card{padding:1rem;border-radius:var(--radius-lg);background:var(--surface-strong);border:var(--border-width-1) solid var(--line)}.metric-card__label,.metric-card__hint{color:var(--ink-3);font-size:.84rem}.metric-card__value{display:block;margin-top:.35rem;font-size:1.5rem;letter-spacing:-.04em}.metric-card[data-tone=accent]{background:var(--accent-soft)}.metric-card[data-tone=warning]{background:var(--warning-soft)}.metric-card[data-tone=danger]{background:var(--danger-soft)}.panel-head,.row-spread,.stack-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.panel-title{font-size:1.1rem;letter-spacing:-.02em}.muted{color:var(--ink-3)}.status-pill,.soft-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .72rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:800}.status-pill{background:var(--surface-strong);color:var(--ink-1);border:var(--border-width-1) solid var(--line)}.status-pill[data-tone=warning]{background:var(--warning-soft);color:var(--ink-1);border-color:var(--warning)}.status-pill[data-tone=success]{background:var(--surface-strong);color:var(--ink-1);border-color:var(--success)}.status-pill[data-tone=danger]{background:var(--danger-soft);color:var(--ink-1);border-color:var(--danger)}.soft-pill{background:var(--surface-soft);color:var(--ink-2);border:var(--border-width-1) solid var(--line)}.content-grid{display:grid;gap:1rem;align-items:start}.data-list{display:grid;gap:.85rem}.data-card,.message-card,.draft-card{padding:.9rem;border-radius:var(--radius-lg);background:var(--surface-strong);border:var(--border-width-1) solid var(--line)}.data-card__title{font-size:1rem}.data-card__meta{color:var(--ink-3);font-size:.9rem}.inline-list{display:grid;gap:.6rem}.inline-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;padding:.75rem .8rem;border:var(--border-width-1) solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}.empty-state{padding:.8rem;border:var(--border-width-1) dashed color-mix(in srgb,var(--line) 90%,transparent);border-radius:var(--radius-lg);color:var(--ink-3);text-align:center}.error-text{color:var(--danger);font-weight:700}.shell{min-height:100dvh}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(2.75rem,1fr) minmax(0,auto) minmax(2.75rem,1fr);align-items:center;gap:.45rem;width:100%;min-height:3.15rem;padding:calc(.25rem + env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) .25rem max(.4rem,env(safe-area-inset-left));border-bottom:var(--border-width-1) solid var(--border-color, var(--line));background:var(--bg-card)}:root[data-theme=dark] .app-header{background:var(--bg-card)}.app-header__left,.app-header__right{display:flex;align-items:center;gap:.35rem}.app-header__left{justify-content:flex-start}.app-header__right{justify-content:flex-end}.app-header__title{margin:0;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;line-height:1;font-weight:700;color:var(--text-main, var(--ink-1))}.shell--compact{display:grid;gap:.4rem;padding:calc(.35rem + env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left))}.shell__profile,.shell__info{padding:.9rem}.shell__muted{color:var(--ink-3);font-size:.92rem}.shell__topbar{position:sticky;top:0;z-index:10;margin:0;min-height:3.15rem;max-height:3.15rem;padding:.25rem .45rem;border:var(--border-width-1) solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-theme=dark] .shell__topbar{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--bg-input)}:root[data-theme=dark] .bottom-nav{background:var(--bg-base);-webkit-backdrop-filter:none;backdrop-filter:none}.shell__topbar--compact{display:grid;grid-template-columns:minmax(2.75rem,1fr) minmax(0,auto) minmax(2.75rem,1fr);align-items:center;gap:.8rem}.shell__topbar-left,.shell__topbar-center,.shell__topbar-right{display:flex;align-items:center;gap:.35rem}.shell__topbar-left{justify-content:flex-start}.shell__topbar-center{min-width:0;justify-content:center}.shell__topbar-right{justify-content:flex-end}.shell__route-title{margin:0;max-width:min(56vw,24rem);overflow:hidden;font-size:.88rem;line-height:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.08em}.shell__logout{width:auto}.shell__action-btn{min-width:2.75rem;min-height:2.75rem;height:2.75rem;padding:0;border-color:var(--line);background:var(--surface-soft);color:var(--ink-1);font-size:.82rem;line-height:1}.shell__theme-toggle,.shell__logout{min-width:2.75rem}.shell__icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell__main{min-height:auto;padding:0}.shell__main--compact{display:grid;gap:.8rem}.shell__content{display:grid;gap:.4rem}.shell__content--compact{padding:.45rem max(.4rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left))}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.login-screen{min-height:100dvh;display:grid;align-items:center;padding:calc(1rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.login-layout{display:grid;gap:.85rem}.login-panel,.login-aside{padding:1rem}.login-title{font-size:clamp(1.5rem,5vw,2.4rem);line-height:.95;letter-spacing:-.04em}.login-form{display:grid;gap:.8rem}.touch-grid{display:grid;gap:.55rem}.touch-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:719px){button,.button{min-height:var(--touch-min);padding:.7rem .9rem;font-size:.95rem}input,select,textarea{min-height:var(--touch-min);padding:.85rem .9rem}textarea{min-height:6.5rem}.view-shell{gap:.45rem}.view-shell--with-bottom-bar{padding-bottom:calc(var(--bottom-bar-height) + 6rem + env(safe-area-inset-bottom))}.hero-panel,.content-panel,.list-panel,.form-panel,.login-panel,.login-aside,.shell__profile,.shell__info{padding:.9rem}.hero-panel{gap:.75rem}.hero-title{font-size:clamp(1.2rem,5vw,1.6rem)}.hero-copy,.shell__muted,.data-card__meta,.shell__nav-link span{font-size:.84rem}.metrics-grid,.cards-grid,.form-grid,.stack,.content-grid,.data-list,.inline-list,.shell__content,.login-layout{gap:.7rem}.metric-card,.data-card,.message-card,.draft-card,.empty-state{padding:.8rem}.metric-card__label,.metric-card__hint,.eyebrow,.status-pill,.soft-pill{font-size:.75rem}.metric-card__value{font-size:1.2rem}.panel-title,.data-card__title{font-size:.95rem}.panel-head,.row-spread,.stack-row,.shell__brand,.shell__topbar,.shell__topbar-left,.shell__topbar-center,.shell__topbar-right{gap:.45rem}.inline-item{gap:.65rem;padding:.7rem .8rem}.shell__main,.login-screen{padding:calc(.75rem + env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.shell__content--compact{padding:.4rem max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}.shell__topbar{margin-bottom:.45rem;min-height:3.05rem;max-height:3.05rem;padding:.2rem .35rem}.shell__route-title,.shell__brand-title,.app-header__title{font-size:.86rem}.shell__action-btn{min-width:2.75rem;min-height:2.75rem;height:2.75rem;font-size:.78rem}.shell__theme-toggle,.shell__logout{min-width:2.75rem}.login-screen{align-items:start}.login-aside{order:1}}@media(min-width:720px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{grid-template-columns:minmax(0,.95fr) minmax(20rem,1.05fr)}}@media(min-width:960px){.shell{display:block}.shell__main{padding:0}.content-grid--two{grid-template-columns:minmax(19rem,.88fr) minmax(0,1.12fr);align-items:start}.view-shell--with-bottom-bar{padding-bottom:2rem}}.base-button[data-v-5a27147a]{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:var(--touch-min);padding:.8rem 1.05rem;border:var(--border-width-1) solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:var(--color-accent-contrast);font:inherit;font-weight:var(--font-weight-bold);letter-spacing:.01em;cursor:pointer;transition:opacity 80ms ease,background-color 80ms ease,border-color 80ms ease;background-clip:padding-box;box-shadow:none}.base-button[data-v-5a27147a]:active{transform:none}.base-button[data-v-5a27147a]:disabled{opacity:.5;cursor:not-allowed}.base-button--block[data-v-5a27147a]{width:100%}.base-button--primary[data-v-5a27147a]{border-color:var(--accent);background:var(--accent);color:var(--color-accent-contrast)}.base-button--primary[data-v-5a27147a]:active{background:var(--accent-strong)}.base-button--secondary[data-v-5a27147a]{border-color:var(--color-border-strong);background:var(--surface-strong);color:var(--ink-1)}.base-button--secondary[data-v-5a27147a]:active{background:var(--surface-soft)}.base-button--ghost[data-v-5a27147a]{border-color:var(--line);background:var(--surface-soft);color:var(--ink-1)}.base-button--ghost[data-v-5a27147a]:active{background:var(--surface-strong)}.base-button--outline[data-v-5a27147a]{border-color:var(--line);background:transparent;color:var(--ink-2)}.base-button--outline[data-v-5a27147a]:active{background:var(--surface-soft)}.base-button--success[data-v-5a27147a]{border-color:var(--success);background:var(--success);color:var(--color-success-contrast)}.base-button--success[data-v-5a27147a]:active{background:var(--color-success-strong)}.base-button--danger[data-v-5a27147a]{border-color:var(--danger);background:var(--danger);color:var(--color-accent-contrast)}.base-button--danger[data-v-5a27147a]:active{background:color-mix(in srgb,var(--danger) 86%,black)}:root[data-theme=dark]{border-color:#16a34a;background:#16a34a;color:#fff!important}:root[data-theme=dark]{border-color:#15803d;background:#15803d;color:#fff!important}:root[data-theme=dark]{border-color:#dc2626;background:#dc2626;color:#fff!important}:root[data-theme=dark]{border-color:#b91c1c;background:#b91c1c;color:#fff!important}:root[data-theme=light]{border-color:#16a34a!important;background-color:#16a34a!important;color:#fff!important}:root[data-theme=light]{border-color:#15803d!important;background-color:#15803d!important}:root[data-theme=light]{border-color:#dc2626!important;background-color:#dc2626!important;color:#fff!important}:root[data-theme=light]{border-color:#b91c1c!important;background-color:#b91c1c!important}