.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);position:relative}[data-theme=dark] .card{background:linear-gradient(180deg,var(--surface-2),var(--surface))}.card--pad{padding:var(--sp-xl)}.card--hover{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.section-head__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.section-head__sub{color:var(--text-muted);font-size:var(--fs-sm);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);height:42px;padding:0 var(--sp-lg);border-radius:var(--r-pill);font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);white-space:nowrap;transition:filter var(--transition),background var(--transition),transform var(--transition),border-color var(--transition),opacity var(--transition);border:1px solid transparent}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-fg)}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn--accent{background:var(--accent);color:#06120c}.btn--accent:hover:not(:disabled){filter:brightness(1.06)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--row-muted)}.btn--subtle{background:var(--row-muted);color:var(--text)}.btn--subtle:hover:not(:disabled){filter:brightness(1.05)}.btn--danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn--danger:hover:not(:disabled){filter:brightness(1.05)}.btn--accent-soft{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.btn--accent-soft:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.btn--danger-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn--danger-ghost:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn--sm{height:34px;padding:0 var(--sp-md);font-size:var(--fs-xs)}.btn--lg{height:50px;padding:0 var(--sp-xl);font-size:var(--fs-base)}.btn--block{width:100%}.btn--icon{width:42px;padding:0}.tsec{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden;flex-shrink:0}.tsec+.tsec{margin-top:0}.tsec__head{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;text-align:left;cursor:pointer;color:var(--text);transition:background var(--transition)}.tsec__head:hover{background:var(--row-muted)}.tsec__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex-shrink:0;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.tsec__title{flex:1;min-width:0;font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsec__right{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:var(--text-dim)}.tsec__chev{transition:transform var(--transition);color:var(--text-dim)}.tsec--open .tsec__chev{transform:rotate(180deg)}.tsec__wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition)}.tsec--open .tsec__wrap{grid-template-rows:1fr}.tsec__body{min-height:0;overflow:hidden}.tsec--open .tsec__body{padding:0 14px 14px;border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){.tsec__wrap,.tsec__chev{transition:none}}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-body);line-height:1.4;border:1px solid transparent}.badge--primary{background:var(--primary-tint);color:var(--primary);border-color:var(--primary-border)}.badge--accent{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.badge--muted{background:var(--row-muted);color:var(--text-muted)}.badge--warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn)}.badge--danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge--info{background:var(--info-bg);color:var(--info-text);border-color:var(--info)}.badge--success{background:var(--primary-tint);color:var(--success)}.badge__dot{width:7px;height:7px;border-radius:999px;background:currentColor}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--primary-tint);color:var(--primary);font-family:var(--font-display);font-weight:700;overflow:hidden;flex-shrink:0;border:1px solid var(--line)}.avatar img{width:100%;height:100%;object-fit:cover}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);letter-spacing:.02em}.input,.textarea,.select{width:100%;height:44px;padding:0 var(--sp-md);background:var(--canvas-soft);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-base);transition:border-color var(--transition),background var(--transition)}.textarea{height:auto;min-height:96px;padding:var(--sp-md);resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--placeholder)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);background:var(--surface)}.stat{display:flex;flex-direction:column;gap:4px}.stat__value{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__label{color:var(--text-muted);font-size:var(--fs-sm)}.spinner{width:22px;height:22px;border-radius:999px;border:2.5px solid var(--line-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-md);padding:var(--sp-3xl) var(--sp-xl);color:var(--text-muted)}.state__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--row-muted);color:var(--text-dim)}.state__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--text)}.state__msg{max-width:380px;font-size:var(--fs-sm)}.skeleton{background:linear-gradient(90deg,var(--row-muted) 25%,var(--line-strong) 37%,var(--row-muted) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tabs{display:inline-flex;gap:4px;padding:4px;background:var(--row-muted);border-radius:var(--r-pill)}.tab{padding:7px 16px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);transition:all var(--transition)}.tab--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--sp-lg);z-index:80;animation:fade .16s ease}.modal{background:var(--surface-elevated);border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;overflow:auto;animation:pop .18s cubic-bezier(.22,1,.36,1)}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) var(--sp-xl);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface-elevated)}.modal__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.modal__body{padding:var(--sp-xl)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}}.progress{height:8px;border-radius:999px;background:var(--row-muted);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:var(--primary);transition:width var(--transition)}.grid{display:grid;gap:var(--sp-lg)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.row{display:flex;align-items:center;gap:var(--sp-md)}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--sp-lg)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:var(--sp-xl) var(--sp-xl) var(--sp-lg)}.sidebar__logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f7d56b,#e0a92a);display:grid;place-items:center;color:#06120c;font-family:var(--font-display);font-weight:800;font-size:18px;box-shadow:0 4px 12px #f5c54238}.sidebar__name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);letter-spacing:-.02em}.sidebar__name small{display:block;font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--text-dim);letter-spacing:.04em}.sidebar__collapse{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-dim);transition:background var(--transition),color var(--transition)}.sidebar__collapse:hover{background:var(--row-muted);color:var(--text)}@media(max-width:1024px){.sidebar__collapse{display:none}}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--sp-sm) var(--sp-md);display:flex;flex-direction:column;gap:2px}.nav-group__label{padding:var(--sp-lg) var(--sp-md) 6px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);transition:background var(--transition),color var(--transition);position:relative}.nav-item:hover{background:var(--row-muted);color:var(--text)}.nav-item--active{background:var(--primary-tint);color:var(--primary)}.nav-item--active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:999px;background:var(--primary)}.nav-item__icon{display:grid;place-items:center;width:20px;flex-shrink:0}.nav-item__label{flex:1}.nav-item__ai{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);transition:filter var(--transition),transform var(--transition)}.nav-item__ai:hover{filter:brightness(1.15);transform:scale(1.06)}.sidebar__footer{border-top:1px solid var(--line);padding:var(--sp-md);display:flex;flex-direction:column;gap:8px}.sidebar__user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-sm)}.sidebar__user-meta{min-width:0}.sidebar__user-name{font-weight:700;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:11px;color:var(--text-dim)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);padding:0 var(--sp-2xl);border-bottom:1px solid var(--line);background:var(--topbar-bg);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.topbar__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em}.topbar__actions{display:flex;align-items:center;gap:var(--sp-sm)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-muted);transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--row-muted);color:var(--text)}.menu-btn{display:none}.content{padding:var(--sp-2xl);max-width:var(--content-max);width:100%;margin:0 auto;flex:1}.backdrop{display:none}@media(min-width:1025px){.shell--collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.shell--collapsed .sidebar__name,.shell--collapsed .nav-item__label,.shell--collapsed .nav-group__label,.shell--collapsed .nav-item__ai,.shell--collapsed .sidebar__user-meta{display:none}.shell--collapsed .sidebar__brand{flex-direction:column;justify-content:center;padding:var(--sp-lg) 0;gap:var(--sp-sm)}.shell--collapsed .sidebar__collapse{margin-left:0}.shell--collapsed .sidebar__nav{padding:var(--sp-sm) 10px}.shell--collapsed .nav-item{justify-content:center;gap:0;padding:11px 0}.shell--collapsed .nav-item--active:before{left:-10px}.shell--collapsed .sidebar__user{justify-content:center;padding:8px 0}.shell--collapsed .sidebar__footer .nav-item__label{display:none}}@media(max-width:1024px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.menu-btn{display:grid}.backdrop--show{display:block;position:fixed;inset:0;background:var(--overlay);z-index:39}.content{padding:var(--sp-lg)}.topbar{padding:0 var(--sp-lg)}}:root,:root[data-theme=dark]{--bg: #0a1016;--ink: #0b0e0d;--surface: #121c28;--surface-2: #1a2735;--surface-elevated: #1a2735;--canvas-soft: #15202c;--row-muted: #15202c;--text: #eef3f6;--text-muted: #9aa8b4;--text-dim: #697884;--placeholder: #697884;--border: #2f3e4d;--border-light: #243240;--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .11);--top-highlight: rgba(255, 255, 255, .06);--primary: #34d399;--primary-dark: #2dd4a0;--primary-muted: #064e3b;--primary-border: #047857;--primary-tint: #15241b;--primary-fg: #06120c;--brand: #0e2c20;--brand-deep: #051811;--brand-fg: #f4ecd6;--gold: #f5c542;--gold-strong: #f5c542;--gold-fg: #06120c;--gold-tint: #26210f;--accent: #f5c542;--accent-soft: #7a6320;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .14);--danger-border: rgba(248, 113, 113, .35);--warn: #ffca40;--warn-bg: rgba(255, 202, 64, .12);--warn-text: #fde68a;--info: #4da8ff;--info-bg: rgba(77, 168, 255, .12);--info-text: #93c5fd;--success: #2dd4a0;--slot-mint: #5dcaa5;--chart-kcal: #f59e0b;--chart-carbs: #38bdf8;--chart-fat: #fb923c;--chart-protein: #34d399;--overlay: rgba(0, 0, 0, .55);--shadow-color: rgba(0, 0, 0, .55);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55);--sidebar-bg: #0e1722;--topbar-bg: rgba(18, 28, 40, .72);color-scheme:dark}:root[data-theme=light]{--bg: #eef2f6;--ink: #f5f8f6;--surface: #ffffff;--surface-2: #f7f9fb;--surface-elevated: #ffffff;--canvas-soft: #f7f9fb;--row-muted: #eef2f6;--text: #0f172a;--text-muted: #5b6878;--text-dim: #93a0b2;--placeholder: #94a3b8;--border: #cdd6e0;--border-light: #e4e9f0;--line: rgba(0, 0, 0, .06);--line-strong: rgba(0, 0, 0, .1);--top-highlight: transparent;--primary: #059669;--primary-dark: #047857;--primary-muted: #d1fae5;--primary-border: #bbf7d0;--primary-tint: #ecfdf5;--primary-fg: #ffffff;--brand: #0b2a1e;--brand-deep: #051811;--brand-fg: #f4ecd6;--gold: #f5c542;--gold-strong: #a9791a;--gold-fg: #1e293b;--gold-tint: #fdf6e3;--accent: #a9791a;--accent-soft: #e8d28a;--danger: #dc2626;--danger-bg: #fee2e2;--danger-border: #fecaca;--warn: #d97706;--warn-bg: #fef3c7;--warn-text: #92400e;--info: #0984e3;--info-bg: #eff6ff;--info-text: #1e40af;--success: #00b894;--slot-mint: #5dcaa5;--chart-kcal: #f59e0b;--chart-carbs: #0ea5e9;--chart-fat: #f97316;--chart-protein: #059669;--overlay: rgba(15, 23, 42, .45);--shadow-color: rgba(11, 18, 32, .12);--shadow-sm: 0 1px 3px rgba(11, 18, 32, .08);--shadow-md: 0 8px 24px rgba(11, 18, 32, .12);--shadow-lg: 0 18px 44px rgba(11, 18, 32, .18);--sidebar-bg: #ffffff;--topbar-bg: rgba(255, 255, 255, .78);color-scheme:light}:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 19px;--fs-xl: 23px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-display: 44px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-2xl: 32px;--sp-3xl: 48px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--sidebar-w: 260px;--sidebar-w-collapsed: 76px;--topbar-h: 64px;--content-max: 1320px;--transition: .16s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}input,textarea{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.t-overline{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.t-num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.t-muted{color:var(--text-muted)}