:root{color-scheme:dark;--app-bg: #0b1020;--app-surface: rgba(15, 23, 42, .82);--app-surface-2: rgba(2, 6, 23, .55);--app-border: rgba(148, 163, 184, .16);--app-text: rgba(226, 232, 240, .95);--app-text-muted: rgba(148, 163, 184, .92);--parallax-y-1: 0px;--parallax-y-2: 0px}html,body{height:100%;margin:0;padding:0;background:var(--app-bg);color:var(--app-text);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.35}*{box-sizing:border-box}.app-container{min-height:100vh;position:relative;overflow-x:hidden}.bg-parallax{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(18px);transform:translateZ(0);will-change:transform}.bg-orb--a{left:-12%;top:-18%;width:540px;height:540px;background:radial-gradient(circle at 30% 30%,rgba(122,162,255,.32),transparent 65%);transform:translate3d(0,var(--parallax-y-1),0)}.bg-orb--b{right:-14%;top:6%;width:500px;height:500px;background:radial-gradient(circle at 50% 40%,rgba(112,255,214,.22),transparent 62%);transform:translate3d(0,var(--parallax-y-2),0)}.bg-orb--c{left:18%;bottom:-24%;width:520px;height:520px;background:radial-gradient(circle at 50% 50%,rgba(255,186,73,.14),transparent 64%);transform:translate3d(0,calc(var(--parallax-y-1) * -1),0)}.app-shell{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:16px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--app-border);border-radius:18px;background:linear-gradient(180deg,#0f172aeb,#0f172aad);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__left{display:flex;align-items:center;gap:10px;min-width:0}.topbar__title{font-weight:900;letter-spacing:-.3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__right{display:flex;align-items:center;gap:8px}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.card{border:1px solid var(--app-border);border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card__pad{padding:16px}.muted{color:var(--app-text-muted)}:root{--md-sys-color-background: #0b1020;--md-sys-color-on-background: #e2e8f0;--md-sys-color-surface: #0f172a;--md-sys-color-on-surface: #e2e8f0;--md-sys-color-surface-container: #0f172a;--md-sys-color-surface-container-high: #111c36;--md-sys-color-outline: rgba(148, 163, 184, .32);--md-sys-color-outline-variant: rgba(148, 163, 184, .22);--md-sys-color-primary: #7aa2ff;--md-sys-color-on-primary: #081025;--md-sys-color-secondary: #a3b1cc;--md-sys-color-on-secondary: #0b1020;--md-sys-color-error: #ef4444;--md-sys-color-on-error: #0b1020}md-outlined-text-field{width:100%}md-filled-button,md-filled-tonal-button,md-outlined-button,md-text-button,md-filter-chip{height:40px}md-filled-button,md-filled-tonal-button,md-outlined-button,md-text-button{border-radius:14px;--md-filled-button-container-shape: 14px;--md-filled-tonal-button-container-shape: 14px;--md-outlined-button-container-shape: 14px;--md-text-button-container-shape: 14px}md-filter-chip{--md-filter-chip-container-shape: 999px;--md-filter-chip-icon-size: 0px}.tabs{align-items:center}.tabs md-outlined-button,.tabs md-filled-tonal-button,.tabs md-filled-button,.tabs md-filter-chip,.tabs md-text-button{vertical-align:middle}md-outlined-button [slot=icon],md-filled-button [slot=icon],md-filled-tonal-button [slot=icon],md-text-button [slot=icon]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}@media (max-width: 1000px){.col-8,.col-6,.col-4{grid-column:span 12}}.fade-enter{opacity:0;transform:translate3d(0,8px,0)}.fade-enter-active{opacity:1;transform:translateZ(0);transition:opacity .22s ease,transform .22s ease}@media (prefers-reduced-motion: reduce){.fade-enter,.fade-enter-active{opacity:1;transform:none;transition:none}.bg-orb{transform:none!important}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.drawer-backdrop--open{opacity:1;pointer-events:auto}.drawer{position:fixed;left:12px;top:12px;bottom:12px;width:min(340px,calc(100vw - 24px));transform:translate3d(-120%,0,0);transition:transform .22s ease;z-index:41;padding:12px}.drawer--open{transform:translateZ(0)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px}.orders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 1100px){.orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.orders-grid{grid-template-columns:1fr}}.order-card{border-radius:18px;border:1px solid var(--app-border);background:linear-gradient(180deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.order-card--new{transform:translate3d(0,-2px,0);box-shadow:0 20px 50px #00000059}.order-card__body{padding:14px}.order-card__actions{padding:0 14px 14px;display:grid;grid-template-columns:1fr;gap:10px}.order-qr{margin-top:10px;border-radius:14px;padding:12px;background:var(--app-surface-2);border:1px solid rgba(148,163,184,.14)}.order-qr img{max-width:100%;height:auto;display:block;margin:0 auto}