*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--color-bg: #080d1d;--color-bg-deep: #060816;--color-surface: rgba(11, 20, 40, .82);--color-surface-muted: rgba(14, 29, 52, .78);--color-text: #f3f7ff;--color-muted: #b9c2d8;--color-soft: #8fa2c7;--color-primary: #35d9ff;--color-accent: #e24cff;--color-accent-soft: #7af2ff;--color-focus: #74e5ff;--color-border: rgba(53, 217, 255, .24);--color-border-strong: rgba(122, 242, 255, .42);--color-border-soft: rgba(226, 76, 255, .18);--color-chip-border: rgba(53, 217, 255, .3);--color-danger: #ff8da1;--color-danger-border: rgba(255, 141, 161, .46);--color-success: #90f7c2;--color-info: #64cdf7;--color-warm: #ffd189;--color-heading-gradient: linear-gradient(120deg, #f7fbff, #9ff7ff 48%, #ed7bff 82%);--color-control-bg: rgba(8, 16, 31, .72);--color-control-bg-muted: rgba(8, 16, 31, .6);--color-control-bg-strong: rgba(8, 16, 31, .78);--color-control-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);--color-action-text: #080b16;--color-action-hover-border: rgba(255, 255, 255, .42);--color-disabled-border: rgba(255, 255, 255, .08);--color-disabled-bg: rgba(143, 162, 199, .28);--color-modal-backdrop: rgba(4, 8, 18, .72);--meal-panel-bg: linear-gradient(145deg, rgba(17, 30, 58, .72), rgba(8, 16, 31, .88));--meal-launch-bg: linear-gradient(145deg, rgba(16, 185, 129, .18), rgba(11, 20, 40, .92));--meal-launch-secondary-bg: linear-gradient( 145deg, rgba(245, 158, 11, .16), rgba(11, 20, 40, .92) );--meal-launch-photo-bg: linear-gradient(145deg, rgba(14, 165, 233, .18), rgba(11, 20, 40, .92));--meal-dialog-bg: rgba(11, 20, 40, .96);--meal-dialog-backdrop: rgba(8, 12, 20, .62);--auth-captcha-bg: linear-gradient(145deg, rgba(14, 28, 54, .92), rgba(8, 16, 31, .96)), radial-gradient(circle at 14% 12%, rgba(112, 245, 255, .14), transparent 34%);--auth-captcha-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(3, 7, 18, .24);--route-preview-bg: radial-gradient(circle at 16% 22%, rgba(124, 247, 255, .18), transparent 28%), radial-gradient(circle at 84% 18%, rgba(240, 108, 255, .18), transparent 30%), linear-gradient(135deg, rgba(8, 16, 31, .94), rgba(16, 31, 50, .82));--route-preview-completed-bg: radial-gradient(circle at 18% 20%, rgba(109, 240, 163, .18), transparent 28%), radial-gradient(circle at 82% 12%, rgba(124, 247, 255, .2), transparent 30%), linear-gradient(135deg, rgba(8, 16, 31, .94), rgba(12, 41, 44, .82));--radius-control: .78rem;--radius-panel: 1.25rem;--shadow-sm: 0 .55rem 1.4rem rgba(1, 5, 14, .26);--shadow-md: 0 1.4rem 3.5rem rgba(1, 5, 14, .42);--shadow-glow: 0 0 2.2rem rgba(53, 217, 255, .2);--app-body-bg: radial-gradient(circle at 10% 8%, rgba(226, 76, 255, .2), transparent 32rem), radial-gradient(circle at 90% 6%, rgba(53, 217, 255, .2), transparent 34rem), linear-gradient(145deg, #09091d 0%, #182951 48%, #071225 100%);--app-grid-bg: linear-gradient(rgba(243, 247, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(243, 247, 255, .035) 1px, transparent 1px);--topbar-bg: rgba(7, 14, 31, .84);--panel-bg: linear-gradient(145deg, rgba(17, 30, 58, .72), rgba(8, 16, 31, .88)), var(--color-surface);--motion-fast: .16s ease;--shadow-z-topbar: 10;--shadow-z-modal: 30;--shadow-z-toast: 40}:root[data-theme=light]{color-scheme:light;--color-bg: #f5f8fc;--color-bg-deep: #e9f0f7;--color-surface: rgba(255, 255, 255, .96);--color-surface-muted: rgba(239, 246, 252, .98);--color-text: #111f2f;--color-muted: #405268;--color-soft: #56697f;--color-primary: #00627f;--color-accent: #812a96;--color-accent-soft: #00586d;--color-focus: #00627f;--color-border: rgba(0, 98, 127, .34);--color-border-strong: rgba(129, 42, 150, .48);--color-border-soft: rgba(64, 82, 104, .24);--color-chip-border: rgba(0, 98, 127, .42);--color-danger: #b42318;--color-danger-border: rgba(180, 35, 24, .34);--color-success: #12663f;--color-info: #00586d;--color-warm: #744a00;--color-heading-gradient: linear-gradient(120deg, #111f2f, #00627f 48%, #812a96 82%);--color-control-bg: rgba(255, 255, 255, .96);--color-control-bg-muted: rgba(239, 246, 252, .96);--color-control-bg-strong: rgba(247, 251, 255, .98);--color-control-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);--color-action-text: #ffffff;--color-action-hover-border: rgba(17, 31, 47, .28);--color-disabled-border: rgba(64, 82, 104, .22);--color-disabled-bg: rgba(64, 82, 104, .12);--color-modal-backdrop: rgba(15, 25, 38, .4);--meal-panel-bg: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(239, 246, 252, .96));--meal-launch-bg: linear-gradient(145deg, rgba(18, 102, 63, .12), rgba(255, 255, 255, .98));--meal-launch-secondary-bg: linear-gradient( 145deg, rgba(116, 74, 0, .13), rgba(255, 255, 255, .98) );--meal-launch-photo-bg: linear-gradient( 145deg, rgba(0, 98, 127, .12), rgba(255, 255, 255, .98) );--meal-dialog-bg: #ffffff;--meal-dialog-backdrop: rgba(15, 25, 38, .38);--auth-captcha-bg: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(239, 246, 252, .96)), radial-gradient(circle at 14% 12%, rgba(0, 98, 127, .1), transparent 34%);--auth-captcha-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 12px 28px rgba(22, 36, 54, .12);--route-preview-bg: radial-gradient(circle at 16% 22%, rgba(0, 98, 127, .12), transparent 28%), radial-gradient(circle at 84% 18%, rgba(129, 42, 150, .12), transparent 30%), linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(239, 246, 252, .94));--route-preview-completed-bg: radial-gradient(circle at 18% 20%, rgba(18, 102, 63, .12), transparent 28%), radial-gradient(circle at 82% 12%, rgba(0, 98, 127, .12), transparent 30%), linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(234, 247, 241, .94));--shadow-sm: 0 .55rem 1.4rem rgba(22, 36, 54, .12);--shadow-md: 0 1.4rem 3.5rem rgba(22, 36, 54, .18);--shadow-glow: 0 0 1.6rem rgba(0, 98, 127, .16);--app-body-bg: radial-gradient(circle at 12% 10%, rgba(154, 53, 182, .12), transparent 30rem), radial-gradient(circle at 92% 8%, rgba(0, 125, 161, .12), transparent 32rem), linear-gradient(145deg, #f8fbff 0%, #edf5ff 48%, #f7fbff 100%);--app-grid-bg: linear-gradient(rgba(18, 33, 51, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 33, 51, .045) 1px, transparent 1px);--topbar-bg: rgba(255, 255, 255, .9);--panel-bg: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(238, 246, 255, .9)), var(--color-surface)}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg-deep)}body{margin:0;color:var(--color-text);line-height:1.5;background:var(--app-body-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{position:fixed;inset:0;z-index:-1;background:var(--app-grid-bg);background-size:7.5rem 7.5rem;content:"";pointer-events:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg,video,canvas{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.feature-page{display:grid;gap:1.15rem}.feature-header{display:grid;max-width:54rem;gap:.5rem;padding-block:.35rem .2rem}.eyebrow,.feature-header h1,.feature-header p,.panel h2,.panel h3,.panel p,.metric-card p,.metric-card strong,.status-line,.empty-state{margin:0}.eyebrow{display:inline-flex;gap:.55rem;align-items:center;color:var(--color-accent-soft);font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{width:1.7rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary));content:""}.feature-header h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1;background:var(--color-heading-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-header p,.muted,.empty-state,.status-line{color:var(--color-muted)}.page-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:1rem;align-items:start}.panel,.metric-card,.table-card{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{display:grid;gap:1rem;padding:clamp(1rem,4vw,1.35rem);background:var(--panel-bg);box-shadow:var(--shadow-sm)}.panel h2,.panel h3{font-size:1.05rem}.metric-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.metric-card,.table-card{display:grid;gap:.35rem;padding:.85rem;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.metric-card:hover,.table-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.metric-card span{color:var(--color-soft);font-size:.85rem}.metric-card strong{font-size:1.4rem}.stack-form,.section-stack{display:grid;gap:.8rem}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem}.toolbar,.button-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.secondary-action,.danger-action{min-height:2.65rem;padding:.65rem .9rem;border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;font:inherit;font-weight:700;transition:border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.secondary-action{border:1px solid var(--color-border-strong);color:var(--color-text)}.danger-action{border:1px solid var(--color-danger-border);color:var(--color-danger)}.secondary-action:hover,.danger-action:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.data-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.data-row{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--color-border-soft);border-radius:var(--radius-control);background:var(--color-surface-muted);transition:border-color var(--motion-fast),background var(--motion-fast)}.data-row:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.row-title{display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline;justify-content:space-between;font-weight:800}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.2rem .45rem;border:1px solid var(--color-chip-border);border-radius:999px;background:var(--color-surface);color:var(--color-accent-soft);font-size:.85rem}.empty-state{padding:.8rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-muted)}@media(max-width:860px){.page-grid{grid-template-columns:1fr}}
