@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--color-bg-base: #0b1220;--color-bg-surface: #0f172a;--color-bg-surface-elevated: #162033;--color-bg-overlay: rgba(0, 0, 0, .65);--color-bg-strip: #111827;--color-border-subtle: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-border-focus: #7dd3fc;--color-text-primary: #E8EDF5;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-text-disabled: #334155;--color-text-inverse: #0b1220;--severity-info-bg: rgba(56, 189, 248, .08);--severity-info-border: rgba(56, 189, 248, .3);--severity-info-text: #7DD3FC;--severity-info-icon: #38BDF8;--severity-watch-bg: rgba(251, 191, 36, .08);--severity-watch-border: rgba(251, 191, 36, .3);--severity-watch-text: #FCD34D;--severity-watch-icon: #FBBF24;--severity-warn-bg: rgba(251, 146, 60, .12);--severity-warn-border: rgba(251, 146, 60, .4);--severity-warn-text: #FB923C;--severity-warn-icon: #F97316;--severity-critical-bg: rgba(239, 68, 68, .15);--severity-critical-border: rgba(239, 68, 68, .5);--severity-critical-text: #FCA5A5;--severity-critical-icon: #EF4444;--severity-critical-accent: #EF4444;--rating-blue-bg: rgba(96, 165, 250, .1);--rating-blue-border: rgba(96, 165, 250, .3);--rating-blue-text: #93C5FD;--rating-blue-dot: #60A5FA;--rating-green-bg: rgba(34, 197, 94, .1);--rating-green-border: rgba(34, 197, 94, .3);--rating-green-text: #86EFAC;--rating-green-dot: #22C55E;--rating-amber-bg: rgba(251, 191, 36, .1);--rating-amber-border: rgba(251, 191, 36, .3);--rating-amber-text: #FCD34D;--rating-amber-dot: #FBBF24;--rating-red-bg: rgba(239, 68, 68, .12);--rating-red-border: rgba(239, 68, 68, .4);--rating-red-text: #FCA5A5;--rating-red-dot: #EF4444;--color-success-bg: rgba(34, 197, 94, .1);--color-success-border: rgba(34, 197, 94, .3);--color-success-text: #86EFAC;--color-success-icon: #22C55E;--color-error-bg: rgba(239, 68, 68, .12);--color-error-border: rgba(239, 68, 68, .4);--color-error-text: #FCA5A5;--color-error-icon: #EF4444;--color-warning-bg: rgba(251, 191, 36, .1);--color-warning-border: rgba(251, 191, 36, .3);--color-warning-text: #FCD34D;--color-warning-icon: #FBBF24;--color-delta-positive: #86EFAC;--color-delta-negative: #FCA5A5;--color-delta-neutral: #94A3B8;--status-active-dot: #22C55E;--status-active-bg: rgba(34, 197, 94, .12);--status-active-border: rgba(34, 197, 94, .35);--status-active-text: #86EFAC;--status-paused-dot: #FBBF24;--status-paused-bg: rgba(251, 191, 36, .1);--status-paused-border: rgba(251, 191, 36, .3);--status-paused-text: #FCD34D;--status-offboarded-dot: #64748B;--status-offboarded-bg: rgba(100, 116, 139, .1);--status-offboarded-border: rgba(100, 116, 139, .25);--status-offboarded-text: #94A3B8;--chart-axis-tick: #8A9BB5;--chart-grid-line: rgba(255, 255, 255, .06);--chart-tooltip-bg: #162033;--chart-tooltip-border: rgba(255, 255, 255, .18);--chart-tooltip-text: #E8EDF5;--chart-series-e1rm: #7dd3fc;--chart-series-e1rm-bench: #a78bfa;--chart-series-e1rm-deadlift: #34d399;--chart-series-tonnage: #f472b6;--chart-series-intensity: #fb923c;--chart-series-rel-intensity: #fbbf24;--chart-series-top-set: #60a5fa;--chart-metric-fatigue: #f87171;--chart-metric-soreness: #fb923c;--chart-metric-sleep: #34d399;--chart-metric-stress: #c084fc;--chart-metric-bodyweight: #94a3b8;--chart-metric-sessions-missed: #f87171;--chart-metric-protein: #86efac;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xs: 4px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-card-elevated: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .6), 0 8px 24px rgba(0, 0, 0, .4);--shadow-tooltip: 0 4px 16px rgba(0, 0, 0, .5);--shadow-bottom-nav: 0 -1px 0 rgba(255, 255, 255, .06), 0 -4px 24px rgba(0, 0, 0, .4);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--transition-fast: .12s ease;--transition-default: .18s ease;--transition-slow: .3s ease;--transition-chart: .6s ease-in-out;--transition-skeleton-duration: 1.4s;--font-primary: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--type-display: 28px;--type-h1: 24px;--type-h2: 20px;--type-h3: 17px;--type-eyebrow: 11px;--type-body-lg: 17px;--type-body: 15px;--type-body-sm: 13px;--type-caption: 12px;--type-data-value: 22px;--type-data-label: 11px;--type-monospace: 13px;--surface: var(--color-bg-surface);--surface-elevated: var(--color-bg-surface-elevated);--surface-layer: #0d1426;--surface-hover: #16233d;--surface-positive: #0f2418;--surface-negative: #2a0f15;--text-primary: var(--color-text-primary);--text-muted: #9fb1d1;--border-subtle: #1f2a3d;--border-strong: #2f3d55;--border-positive: var(--color-success-border);--border-negative: var(--color-error-border);--accent: #7dd3fc;--accent-strong: #38bdf8;--shadow-soft: var(--shadow-card-elevated);--shadow-strong: var(--shadow-modal);--transition: var(--transition-default);--font-sans: var(--font-primary)}.shell-coach{--color-accent: #7dd3fc;--color-accent-hover: #93DCFD;--color-accent-active: #60C8F9;--color-accent-subtle: rgba(125, 211, 252, .08);--color-accent-border: rgba(125, 211, 252, .3);--color-border-focus: #7dd3fc;--color-btn-primary-bg: #7dd3fc;--color-btn-primary-text: #0b1220;--color-btn-primary-hover: #93DCFD}.shell-client{--color-accent: #E07B39;--color-accent-hover: #E98D50;--color-accent-active: #C96E30;--color-accent-subtle: rgba(224, 123, 57, .1);--color-accent-border: rgba(224, 123, 57, .35);--color-border-focus: #E07B39;--color-btn-primary-bg: #E07B39;--color-btn-primary-text: #ffffff;--color-btn-primary-hover: #E98D50;--color-btn-warm-bg: #E07B39;--color-btn-warm-text: #ffffff;--color-btn-warm-hover: #E98D50;--color-btn-warm-active: #C96E30}:root{--color-bg-base: #0f1117;--color-bg-surface: #161b22;--color-bg-surface-elevated: #1c2333;--color-bg-overlay: rgba(0, 0, 0, .7);--color-bg-strip: #0f1117;--color-border-subtle: rgba(255, 255, 255, .04);--color-border-default: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .12);--color-border-focus: rgba(120, 166, 82, .5);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #475569;--color-text-disabled: #334155;--color-text-inverse: #0f1117;--severity-info-bg: rgba(59, 130, 246, .08);--severity-info-border: rgba(59, 130, 246, .3);--severity-info-text: #93c5fd;--severity-info-icon: #3b82f6;--severity-watch-bg: rgba(99, 102, 241, .08);--severity-watch-border: rgba(99, 102, 241, .3);--severity-watch-text: #a5b4fc;--severity-watch-icon: #6366f1;--severity-warn-bg: rgba(245, 158, 11, .08);--severity-warn-border: rgba(245, 158, 11, .3);--severity-warn-text: #fcd34d;--severity-warn-icon: #f59e0b;--severity-critical-bg: rgba(239, 68, 68, .08);--severity-critical-border: rgba(239, 68, 68, .3);--severity-critical-text: #fca5a5;--severity-critical-icon: #ef4444;--severity-critical-accent: #ef4444;--color-success-bg: rgba(120, 166, 82, .08);--color-success-border: rgba(120, 166, 82, .3);--color-success-text: #94d777;--color-success-icon: #78a652;--color-error-bg: rgba(239, 68, 68, .08);--color-error-border: rgba(239, 68, 68, .3);--color-error-text: #fca5a5;--color-error-icon: #ef4444;--color-warning-bg: rgba(245, 158, 11, .08);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-text: #fcd34d}.shell-coach{--color-accent: #78a652;--color-accent-hover: #94d777;--color-accent-active: #78a652;--color-accent-subtle: rgba(120, 166, 82, .15);--color-accent-border: rgba(120, 166, 82, .3);--color-accent-muted: rgba(120, 166, 82, .15);--color-accent-glow: rgba(120, 166, 82, .07);--color-border-focus: rgba(120, 166, 82, .5);--color-btn-primary-bg: #78a652;--color-btn-primary-text: #0f1117;--color-btn-primary-hover: #94d777;--hero-glow: radial-gradient( ellipse 700px 500px at 20% 50%, rgba(120, 166, 82, .07) 0%, transparent 70% );--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08)}html{font-family:var(--font-primary);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-primary);background:var(--color-bg-base);background-color:var(--color-bg-base);color:var(--color-text-primary);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}td,th,p,li,.body-text{line-height:1.5}.type-display{font-size:var(--type-display);font-weight:800;line-height:1.15;letter-spacing:-.02em}.type-h1{font-size:var(--type-h1);font-weight:800;line-height:1.2;letter-spacing:-.01em}.type-h2{font-size:var(--type-h2);font-weight:700;line-height:1.25;letter-spacing:-.01em}.type-h3{font-size:var(--type-h3);font-weight:600;line-height:1.3;letter-spacing:0}.type-eyebrow{font-size:var(--type-eyebrow);font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.type-body-lg{font-size:var(--type-body-lg);font-weight:400;line-height:1.6}.type-body{font-size:var(--type-body);font-weight:400;line-height:1.5}.type-body-sm{font-size:var(--type-body-sm);font-weight:400;line-height:1.5}.type-caption{font-size:var(--type-caption);font-weight:400;line-height:1.4;color:var(--color-text-muted)}.type-data-value{font-size:var(--type-data-value);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.type-data-label{font-size:var(--type-data-label);font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.type-mono{font-family:var(--font-mono);font-size:var(--type-monospace);font-weight:400;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);text-decoration:none;border:1px solid transparent;height:40px;padding:0 var(--space-4);font-size:var(--type-body)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98);transition:transform 60ms ease}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--type-body-sm)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--type-body)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--type-body-lg)}.btn-full{width:100%}.btn-primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--color-btn-primary-hover);box-shadow:0 0 0 3px var(--color-accent-subtle)}.btn-primary:active:not(:disabled){opacity:.9}.btn-secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-text-primary)}.btn-danger{background:var(--severity-critical-bg);color:var(--severity-critical-text);border-color:var(--severity-critical-border)}.btn-danger:hover:not(:disabled){background:#ef444440;border-color:var(--severity-critical-icon)}.btn-warm{background:var(--color-btn-warm-bg);color:var(--color-btn-warm-text);border-color:transparent}.btn-warm:hover:not(:disabled){background:var(--color-btn-warm-hover);box-shadow:0 0 0 3px #e07b3926}.btn-warm:active:not(:disabled){background:var(--color-btn-warm-active);box-shadow:none}.btn.btn-loading{pointer-events:none;position:relative;color:transparent}.btn.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite;color:var(--color-text-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:28px;height:28px}.btn-icon.btn-lg{width:44px;height:44px}input,select,textarea{font-family:var(--font-primary);background:var(--color-bg-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:10px 12px;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],textarea{min-height:44px}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-disabled);background:var(--color-bg-surface)}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);height:40px;background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font:400 15px/1 var(--font-primary);cursor:pointer;min-width:140px}.custom-select-trigger:hover{border-color:var(--color-accent-border)}.custom-select-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.custom-select-trigger .chevron{transition:transform var(--transition-fast);color:var(--color-text-muted)}.custom-select-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.custom-select-panel{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:40;overflow-y:auto;max-height:280px}.custom-select-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.custom-select-option:hover{background:#ffffff0d;color:var(--color-text-primary)}.custom-select-option.selected{color:var(--color-accent);font-weight:500}.toggle{position:relative;display:inline-block;width:40px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);transition:background var(--transition-default),border-color var(--transition-default);cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:var(--color-text-muted);border-radius:50%;transition:transform var(--transition-default),background var(--transition-default)}.toggle input:checked+.toggle-slider{background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.toggle input:checked+.toggle-slider:before{transform:translate(16px);background:var(--color-accent)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--color-border-focus);outline-offset:2px}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.app-shell{min-height:100vh;padding:22px 22px 72px}.topbar{display:grid;align-items:center;gap:18px;padding:0 24px;height:56px;background:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);border-radius:0;box-shadow:none;position:sticky;top:0;z-index:50;width:100%;box-sizing:border-box}.topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.topbar-logo{width:32px;height:32px;border-radius:6px;flex-shrink:0}.topbar-wordmark{display:flex;flex-direction:column;gap:1px}.topbar-name{font-size:14px;font-weight:700;color:var(--color-text-primary);line-height:1;letter-spacing:-.01em}.topbar-subtitle{font-size:11px;color:var(--color-accent);line-height:1;font-weight:500}.nav-divider{width:1px;height:16px;background:var(--color-border-strong);flex-shrink:0;margin:0 4px}.brand{display:inline-flex;gap:12px;align-items:center;cursor:pointer}.brand:focus{outline:2px solid var(--accent-strong)}.brand-mark{background:transparent;color:var(--text-primary);border-radius:12px;padding:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}.brand-title{font-weight:800;letter-spacing:.4px}.brand-subtitle{color:var(--text-muted);font-size:var(--type-body-sm)}.topnav{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.nav-link{padding:4px 2px;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-secondary);font-weight:500;font-size:14px;transition:color .15s ease,border-color .15s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.nav-link:hover{color:var(--color-text-primary);background:transparent;border-bottom-color:var(--color-border-strong);box-shadow:none}.nav-link.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent);box-shadow:none;font-weight:600}.nav-link.ghost{opacity:.7}.top-actions{display:flex;align-items:center;gap:12px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-muted);padding:8px 12px;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.ghost-btn:hover{border-color:var(--accent-strong);color:var(--text-primary);transform:translateY(-1px)}.page-surface{margin-top:0}.coach-shell .page-surface{background:var(--color-bg-base);min-height:100vh}.coach-shell .page-surface>.page-container.pc-width-xl{max-width:100%}.page-stack{display:flex;flex-direction:column;gap:16px}.page-hero{position:relative;padding:40px 48px 32px;background:var(--color-bg-base);border-bottom:1px solid var(--color-border-subtle);overflow:hidden}.shell-coach .page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-glow);pointer-events:none;z-index:0}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:1;mix-blend-mode:overlay}.page-hero__content{position:relative;z-index:2}.page-hero__eyebrow{display:block;margin-bottom:8px;font-size:11px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.12em}.page-hero__title{margin:0;font-size:clamp(32px,4vw,48px);font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.05}.page-hero__bar{width:40px;height:3px;margin:12px 0;background:var(--color-accent);border-radius:2px}.page-hero__meta{margin:0;font-size:14px;color:var(--color-text-muted);line-height:1.5}.page-hero__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:2}.page-hero--row .page-hero__content{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.home-page .page-hero{min-height:280px;display:flex;align-items:flex-end;padding-bottom:40px}.home-page .page-hero__logo{display:block;position:relative;z-index:2;width:48px;height:48px;margin-bottom:20px;border-radius:6px;opacity:.9}.home-page .page-hero__title{font-size:clamp(48px,6vw,72px);letter-spacing:-.03em}.home-page .page-hero__watermark{position:absolute;right:80px;top:50%;transform:translateY(-50%);width:320px;height:320px;background-image:url(/brand/favicon.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.035;pointer-events:none;z-index:0;filter:grayscale(1)}.home-page{background:var(--color-bg-base);min-height:100%}.home-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 48px;border-bottom:1px solid var(--color-border-subtle)}.home-kpi-tile{display:flex;flex-direction:column;gap:6px;padding:20px 24px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease}.home-kpi-tile:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.home-kpi-tile--critical{border-color:var(--severity-critical-border)}.home-kpi-tile--critical:hover{border-color:var(--severity-critical-icon)}.home-kpi-tile__number{font-size:36px;font-weight:800;color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.home-kpi-tile--critical .home-kpi-tile__number{color:var(--severity-critical-icon)}.home-kpi-tile__label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1}.home-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px 48px}.home-attention-grid>*{min-width:0;width:100%;box-sizing:border-box}.home-attention-grid *{word-break:break-word;overflow-wrap:break-word}.home-recent{padding:0 48px 48px}.recent-activity{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;padding:24px;box-shadow:var(--shadow-card)}.recent-activity__heading{margin:0 0 20px;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.recent-activity__list{display:flex;flex-direction:column}.recent-activity__row{display:flex;gap:24px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.recent-activity__row:last-child{border-bottom:none;padding-bottom:0}.recent-activity__time{display:flex;flex-direction:column;gap:2px;min-width:72px;flex-shrink:0}.recent-activity__clock{font-size:14px;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.recent-activity__day{font-size:12px;color:var(--color-text-muted)}.recent-activity__body{display:flex;flex-direction:column;gap:2px}.recent-activity__type{font-size:14px;font-weight:600;color:var(--color-text-primary)}.recent-activity__sep{color:var(--color-text-muted)}.recent-activity__name{font-size:14px;color:var(--color-text-secondary)}.recent-activity__meta{margin:0;font-size:13px;color:var(--color-text-muted)}.scroll-fade{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.scroll-fade.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{width:0;opacity:0}to{width:40px;opacity:1}}.home-page .page-hero__logo{animation:hero-enter .4s ease forwards;animation-delay:0ms;opacity:0}.home-page .page-hero__title{animation:hero-enter .5s ease forwards;animation-delay:80ms;opacity:0}.home-page .page-hero__bar{animation:bar-grow .4s ease forwards;animation-delay:.3s;opacity:0;overflow:hidden}.home-page .page-hero__meta{animation:hero-enter .4s ease forwards;animation-delay:.38s;opacity:0}@media (prefers-reduced-motion: reduce){.home-page .page-hero__logo,.home-page .page-hero__title,.home-page .page-hero__bar,.home-page .page-hero__meta,.scroll-fade{animation:none;opacity:1}.scroll-fade{transform:none;transition:none}}@media (max-width: 1200px){.home-attention-grid,.home-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-kpi-row,.home-attention-grid,.home-recent{padding-left:20px;padding-right:20px}.page-hero{padding:24px 20px}}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow-card);transition:border-color .15s ease,box-shadow .15s ease}.card.hero{background:linear-gradient(120deg,#111c31,#0d1325);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-elevated)}.card.hero.compact{padding:12px 14px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-weight:700;font-size:var(--type-h3)}.card-body{margin-top:10px}.grid.two{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.two-col{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.four{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (min-width: 1200px){.grid.four{grid-template-columns:repeat(4,1fr)}}.pill-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill-row.wrap{flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:#ffffff0a;font-weight:700;color:var(--text-primary)}.chip.success{border-color:var(--border-positive);color:var(--color-success-text)}.chip.error{border-color:var(--border-negative);color:var(--color-error-text)}.chip.ghost{color:var(--text-muted);border-color:var(--border-subtle)}.chip.solid{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-base)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.chip-status-active{background:var(--status-active-bg);border:1px solid var(--status-active-border);color:var(--status-active-text)}.chip-status-active .status-dot{background:var(--status-active-dot)}.chip-status-paused{background:var(--status-paused-bg);border:1px solid var(--status-paused-border);color:var(--status-paused-text)}.chip-status-paused .status-dot{background:var(--status-paused-dot)}.chip-status-offboarded{background:var(--status-offboarded-bg);border:1px solid var(--status-offboarded-border);color:var(--status-offboarded-text)}.chip-status-offboarded .status-dot{background:var(--status-offboarded-dot)}.status-pill{padding:6px 10px;border-radius:999px;font-weight:700;display:inline-block}.status-RED{background:var(--rating-red-bg);border:1px solid var(--rating-red-border);color:var(--rating-red-text)}.status-AMBER{background:var(--rating-amber-bg);border:1px solid var(--rating-amber-border);color:var(--rating-amber-text)}.status-GREEN{background:var(--rating-green-bg);border:1px solid var(--rating-green-border);color:var(--rating-green-text)}.status-BLUE{background:var(--rating-blue-bg);border:1px solid var(--rating-blue-border);color:var(--rating-blue-text)}.badge-info{background:var(--severity-info-bg);border:1px solid var(--severity-info-border);color:var(--severity-info-text)}.badge-watch{background:var(--severity-watch-bg);border:1px solid var(--severity-watch-border);color:var(--severity-watch-text)}.badge-warn{background:var(--severity-warn-bg);border:1px solid var(--severity-warn-border);color:var(--severity-warn-text)}.badge-critical{background:var(--severity-critical-bg);border:1px solid var(--severity-critical-border);color:var(--severity-critical-text);font-weight:700}.attention-card-info{border-left:3px solid var(--severity-info-icon)}.attention-card-watch{border-left:3px solid var(--severity-watch-icon)}.attention-card-warn{border-left:3px solid var(--severity-warn-icon)}.attention-card-critical{border-left:3px solid var(--severity-critical-accent);background:var(--severity-critical-bg)}.flag-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;display:inline-block}.flag-dot.critical{background:var(--severity-critical-icon)}.flag-dot.warn{background:var(--severity-warn-icon)}.flag-dot.watch{background:var(--severity-watch-icon)}.flag-dot.info{background:var(--severity-info-icon)}.flag-dot.persistent{box-shadow:0 0 0 2px currentColor,0 0 0 3px var(--color-bg-surface);animation:flag-pulse 2s ease-in-out infinite}@keyframes flag-pulse{0%,to{opacity:1}50%{opacity:.55}}.flag-dot-wrapper{position:relative;display:inline-flex;align-items:center;cursor:default}.flag-popover{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-bg-elevated, var(--color-bg-surface-elevated));border:1px solid var(--color-border-strong);border-radius:8px;padding:10px 12px;min-width:200px;max-width:280px;z-index:100;pointer-events:none;opacity:0;transition:opacity .15s ease;box-shadow:0 8px 24px #0006}.flag-dot-wrapper:hover .flag-popover,.flag-dot-wrapper:focus-within .flag-popover{opacity:1}.flag-popover__severity{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px;margin-bottom:4px}.flag-popover__severity--critical{color:var(--severity-critical-text)}.flag-popover__severity--warn{color:var(--severity-warn-text)}.flag-popover__severity--watch{color:var(--severity-watch-text)}.flag-popover__severity--info{color:var(--severity-info-text)}.flag-popover__streak{color:var(--color-text-muted);font-weight:500}.flag-popover__title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.flag-popover__evidence{font-size:12px;color:var(--color-text-muted);margin:2px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flag-inline{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}.flag-inline-trigger{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-bg-surface-elevated);color:var(--color-text-secondary);cursor:pointer}.flag-inline-trigger:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.flag-inline-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.flag-inline-trigger[aria-expanded=true]{border-color:var(--color-accent-border);background:var(--color-accent-subtle)}.flag-inline-dots{display:inline-flex;align-items:center;gap:4px}.flag-inline-more{font-size:12px;color:var(--color-text-muted)}.flag-inline-panel{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-bg-surface-elevated);box-shadow:var(--shadow-card);min-width:220px;max-width:320px}.flag-inline-row{display:flex;flex-direction:column;gap:2px;min-width:0}.flag-inline-row-head{display:flex;align-items:center;gap:6px;min-width:0}.flag-inline-title{font-size:12px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.flag-inline-weeks{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.flag-inline-evidence{font-size:12px;line-height:1.35;color:var(--color-text-muted);margin-left:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.flag-legend{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;flex-wrap:wrap}.flag-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-caption);color:var(--color-text-muted)}.telegram-chip-linked{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.telegram-chip-unlinked{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-muted)}.telegram-chip-pending{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.badge{min-width:32px;text-align:center;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.7px;font-size:var(--type-eyebrow);color:var(--text-muted);font-weight:700}.hero-title{font-size:var(--type-display);font-weight:800}.hero-meta{color:var(--text-muted);margin-top:4px}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.list-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.unstyled{list-style:none;padding:0;margin:0}.attention .card-body{overflow:hidden}.attention-item-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.attention .list-row>span:first-child,.attention .list-row .attention-item-text>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attention-overdue-subtext{font-size:13px;line-height:1.2}.attention-overdue-subtext-warn{color:var(--severity-warn-text)}.attention-overdue-subtext-critical{color:var(--severity-critical-text)}.attention-flag-summary-list{display:flex;flex-direction:column;gap:4px;margin-top:2px}.attention-flag-summary-row{display:flex;flex-direction:column;gap:2px;min-width:0}.attention-flag-summary-title-row{display:flex;align-items:center;gap:6px;min-width:0}.attention-flag-summary-title{font-size:12px;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attention-flag-summary-weeks{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.attention-flag-summary-evidence{font-size:12px;line-height:1.35;color:var(--color-text-muted);margin-left:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.stack{display:flex;flex-direction:column;gap:10px}.overview-latest-checkin-body{display:flex;flex-direction:column;gap:var(--space-4)}.overview-latest-checkin-section{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.overview-latest-checkin-date{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-accent-border);background:var(--color-accent-subtle)}.overview-latest-checkin-date-value{font-size:clamp(24px,3.2vw,34px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.overview-latest-checkin-fatigue-value{display:inline-flex;align-items:center;align-self:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--type-body)}.overview-latest-checkin-flag-list{display:flex;flex-direction:column;gap:var(--space-2)}.overview-latest-checkin-flag-row{padding:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-surface-elevated)}.overview-latest-checkin-flag-row-head{justify-content:space-between}.overview-latest-checkin-flag-title{flex:1}.overview-latest-checkin-cta{align-self:flex-start}.overview-latest-checkin-support{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-field>label,.form-field>span{font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--text-muted)}.full-row{grid-column:1 / -1}.cue-group-heading{font-size:11px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;padding:16px 0 8px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:8px}.error-text{margin-top:6px;color:var(--color-error-text);font-weight:700;font-size:13px}.input{width:100%}.subnav{display:flex;align-items:center;gap:0;padding:0 48px;background:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);height:44px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.subnav-link{padding:0 16px;height:44px;display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--color-text-muted);border:none;border-bottom:2px solid transparent;text-decoration:none;transition:color .15s ease,border-color .15s ease;white-space:nowrap;background:transparent;border-radius:0;flex-shrink:0}.subnav::-webkit-scrollbar{display:none}.subnav-link:hover{color:var(--color-text-secondary)}.subnav-link.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent);font-weight:600}.table-wrap{overflow-x:auto}.table-wrapper{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden}.table{width:100%;border-collapse:collapse;border-spacing:0}.table th,.table td{text-align:left;line-height:1.5}.table td{padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);font-size:14px;color:var(--color-text-primary)}.table th{padding:10px 16px;background:var(--color-bg-surface-elevated);border-bottom:1px solid var(--color-border-default);color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}thead tr{background:var(--color-bg-surface-elevated);border-bottom:1px solid var(--color-border-default)}thead th{padding:10px 16px;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left}tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background .1s ease}tbody tr:last-child{border-bottom:none}.table tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff05}tbody td{padding:12px 16px;font-size:14px;color:var(--color-text-primary)}.table.hoverable tbody tr{transition:background var(--transition-fast)}.table.hoverable tbody tr:hover{background:#ffffff05}.table.selectable tr.selected,.table.hoverable tr.selected{background:var(--color-accent-subtle);box-shadow:0 0 0 1px var(--color-accent-border)}.alert{border-radius:var(--radius-md);padding:10px 12px;border:1px solid var(--border-subtle)}.alert.error{background:var(--surface-negative);border-color:var(--border-negative)}.alert.success{background:var(--surface-positive);border-color:var(--border-positive)}.alert.info{background:var(--surface-elevated)}.alert-title{font-weight:700}.alert-body a{color:var(--accent)}.panel.nested{background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:12px;margin-bottom:12px}.muted{color:var(--text-muted)}.muted.small{font-size:13px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;z-index:150;animation:overlay-fade-in .18s ease forwards}.drawer{width:min(500px,92vw);background:var(--surface-layer);border-left:1px solid var(--border-strong);padding:16px;box-shadow:var(--shadow-strong);animation:drawer-slide-in .3s cubic-bezier(.32,.72,0,1) forwards;display:flex;flex-direction:column;max-height:100vh}.drawer.is-closing{animation:drawer-slide-out .2s ease forwards}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding-right:6px}.card-button{text-align:left;background:var(--color-bg-surface);color:var(--text-primary);width:100%;border:1px solid var(--color-border-default);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-button:hover,a.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:none}.card-button.is-selected{border-color:var(--color-accent-border);background:var(--color-accent-subtle);box-shadow:0 0 0 1px var(--color-accent-border)}.section-card{border-color:var(--color-border-strong)}.section-card .card-body{margin-top:12px}.fade-panel{animation:fade-up .18s ease}.hero-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attention{position:relative}.attention:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);border:1px solid transparent;background:linear-gradient(120deg,#7dd3fc26,#7dd3fc00) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none}.card.attention{min-height:200px}.list-box{background:var(--surface-layer);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px;max-height:360px;width:100%;overflow-y:auto}.page-stack>.card>.grid.two>.list-box{background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-default);border-radius:8px;overflow-y:auto}.page-stack>.card>.grid.two>.list-box>.list-row{padding:12px 16px;border-bottom:1px solid var(--color-border-subtle)!important;background:transparent;color:var(--color-text-primary);font-size:14px}.page-stack>.card>.grid.two>.list-box>.list-row:last-child{border-bottom:none!important}.page-stack>.card>.grid.two>.list-box>.list-row input[type=checkbox]{accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 4px}.link{background:none;border:none;color:var(--accent);padding:0;cursor:pointer}.panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.panel-title{font-weight:700;font-size:var(--type-h3)}.panel-subtitle{color:var(--text-muted);font-weight:600;margin-top:2px}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-subsection{margin-top:10px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.control{display:flex;flex-direction:column;gap:6px;min-width:160px}.module-nav{display:flex;gap:10px;margin:8px 0 12px}.module-nav a{padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-layer)}.module-nav a.active{border-color:var(--color-accent);color:var(--color-accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{transform:translate(20px);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes drawer-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes drawer-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(8px);opacity:.8}to{transform:translateY(0);opacity:1}}.skeleton{position:relative;overflow:hidden;background:var(--color-bg-surface-elevated);border-radius:var(--radius-sm);min-height:12px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.table-grid{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-top:12px}.table-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 12px;gap:8px;align-items:center}.table-row.header{background:var(--color-bg-surface-elevated);color:var(--color-text-muted);font-size:var(--type-data-label);letter-spacing:.4px;text-transform:uppercase}.table-row:not(.header):nth-child(odd){background:var(--surface)}.table-row:not(.header):nth-child(2n){background:var(--surface-elevated)}.table-row span{white-space:nowrap}.meal-card-body{display:flex;gap:12px;align-items:center;margin-top:10px}.meal-thumb{width:110px;height:110px;border-radius:var(--radius-md);background:var(--surface-layer);object-fit:cover;flex-shrink:0;border:1px solid var(--border-subtle)}.meal-thumb.placeholder{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:var(--text-muted)}.asset-thumb-skeleton{border:1px solid var(--border-subtle)}.asset-thumb-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:var(--text-muted);background:var(--surface-layer);border:1px solid var(--border-subtle)}.saved-plan-list-item{display:flex;gap:12px;align-items:flex-start}.planner-page{display:flex;flex-direction:column;gap:16px;width:100%;overflow-x:hidden}.planner-header{border-color:var(--border-strong)}.planner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.planner-primary{border-color:#38bdf88c;background:linear-gradient(120deg,#1e3a56,#17324f);box-shadow:inset 0 0 0 1px #7dd3fc33}.planner-primary:hover{background:linear-gradient(120deg,#244666,#1b3a59)}.planner-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}.planner-results{display:flex;flex-direction:column;gap:14px}.planner-meals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.planner-meal-card{display:flex;flex-direction:column;gap:10px}.planner-meal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.planner-meal-meta{min-width:0;display:flex;flex-direction:column;gap:6px}.planner-meal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0;min-width:86px}.planner-meal-body{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}.planner-meal-thumb{width:88px;height:88px;border-radius:12px;object-fit:cover;border:1px solid var(--border-subtle)}.planner-macro-row{display:flex;gap:8px;flex-wrap:wrap}.meal-tag-selector{display:flex;flex-direction:column;gap:8px}.meal-tag-row{display:flex;flex-wrap:wrap;gap:8px}.meal-tag-chip{width:auto;min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-muted);font-weight:700}.meal-tag-chip:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:var(--color-accent-subtle)}.meal-tag-chip.active{color:var(--color-text-primary);border-color:var(--color-accent-border);background:var(--color-accent-subtle);box-shadow:0 0 0 1px var(--color-accent-border)}.meal-tag-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saved-plan-thumb{width:96px;height:96px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;border:1px solid var(--border-subtle)}.saved-plan-meal-thumb{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--border-subtle)}.saved-plan-list-card{transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.saved-plan-list-card:hover{border-color:var(--accent-strong);transform:translateY(-2px)}.saved-plan-detail-page{width:100%;overflow-x:hidden}.saved-plan-detail-header .card-header{align-items:flex-start}.saved-plan-summary-grid{display:grid;gap:10px;grid-template-columns:1fr;margin-top:10px}.saved-plan-meal-card{display:grid;grid-template-columns:minmax(88px,108px) minmax(0,1fr);gap:12px;align-items:stretch}.saved-plan-meal-media{display:flex}.saved-plan-meal-thumb-v2{width:100%;max-width:108px;height:108px;border-radius:12px;object-fit:cover;border:1px solid var(--border-subtle)}.saved-plan-meal-content{min-width:0;display:flex;flex-direction:column;gap:8px}.saved-plan-tag-row{gap:8px}.macro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%}.chip.selectable input{accent-color:var(--accent-strong)}.auth-shell{max-width:640px;margin:40px auto;padding:0 12px}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.modal{width:min(520px,95vw);background:var(--surface-layer);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);animation:fade-up .18s ease;display:flex;flex-direction:column;gap:12px}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-body{display:flex;flex-direction:column;gap:10px}.modal-title{font-weight:700;font-size:var(--type-h2)}.page-container{width:100%;margin:0 auto}.pc-width-lg{max-width:1100px}.pc-width-xl{max-width:1280px}.pc-width-full{max-width:100%}.pc-pad-sm{padding:12px 12px 8px}.pc-pad-md{padding:18px 24px 80px}.pc-pad-lg{padding:24px 24px 96px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-header-center{flex-direction:column;align-items:center;text-align:center}.page-title{font-size:var(--type-h1);font-weight:800;letter-spacing:.2px}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap}.kpi-grid{display:grid;gap:12px}.kpi-cols-2{grid-template-columns:repeat(2,1fr)}.kpi-cols-3,.kpi-cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;min-height:110px;display:flex;flex-direction:column;gap:6px}.kpi-value{font-size:var(--type-data-value);font-weight:800}.kpi-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.responsive-table,.responsive-table .table.desktop{width:100%}.responsive-table .mobile-cards{display:none;gap:8px}.responsive-table .mobile-card{border:1px solid var(--border-subtle);background:var(--surface);border-radius:var(--radius-md);padding:10px 12px}.responsive-table .mobile-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.responsive-table .mobile-row:last-child{border-bottom:none}.responsive-table .mobile-label{color:var(--text-muted);font-size:var(--type-caption)}.responsive-table .mobile-value{text-align:right}.client-shell{min-height:100vh;display:flex;flex-direction:column}.client-shell-body{padding-bottom:120px}.client-content{display:flex;flex-direction:column;gap:12px}.client-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;width:100%;overflow-x:hidden;background:var(--surface-layer);border-top:1px solid var(--border-subtle);padding:10px 8px max(10px,env(safe-area-inset-bottom));gap:6px;z-index:80}.cbn-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);border-radius:var(--radius-md);padding:8px 4px;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.cbn-link.active{color:var(--accent);background:var(--color-accent-subtle);border:1px solid var(--border-subtle)}.cbn-icon{width:20px;height:20px;flex-shrink:0}.cbn-label{font-size:11px;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap}@keyframes cbn-bounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cbn-link.active .cbn-icon{animation:cbn-bounce .2s ease-out}.coach-shell .topbar{grid-template-columns:auto 1fr auto}.nav-group-secondary{display:inline-flex;align-items:center;gap:10px}.nav-group-secondary .nav-link{color:var(--color-text-muted);font-size:13px}.nav-group-secondary .nav-link:hover{color:var(--color-text-secondary);border-bottom-color:transparent}.nav-group-secondary .nav-link.active{color:var(--color-text-secondary);border-bottom-color:var(--color-border-strong)}.cmd-palette-trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--type-body-sm);font-family:var(--font-primary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);min-width:160px}.cmd-palette-trigger:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.cmd-palette-hint{margin-left:auto;font-size:var(--type-caption);color:var(--color-border-strong);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:1px var(--space-1)}.coaching-brief-strip{display:flex;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-6);background:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.coaching-brief-strip::-webkit-scrollbar{display:none}.brief-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);background:var(--color-bg-surface-elevated);animation:pill-enter .2s ease forwards;animation-fill-mode:both;border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);font-size:var(--type-body-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);text-decoration:none}.brief-pill:hover{border-color:var(--color-accent-border);background:var(--color-accent-subtle);transform:scale(1.02)}.brief-pill.is-active,.brief-pill--active{background:var(--color-accent);border-color:var(--color-accent);color:#0f1117;font-weight:600}.brief-pill__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.brief-pill__dot.status-ok{background:var(--rating-green-dot)}.brief-pill__dot.status-watch{background:var(--rating-amber-dot)}.brief-pill__dot.status-critical{background:var(--rating-red-dot)}.brief-pill__dot.status-unlinked{background:var(--color-text-muted)}.brief-pill__age{font-size:var(--type-caption);color:var(--color-text-muted);font-weight:400}.brief-pill__age.overdue{color:var(--severity-warn-text)}.brief-pill__trend{font-size:var(--type-caption);color:var(--color-text-muted)}@media (max-width: 960px){.app-shell{padding:12px 12px 72px}.topbar{position:static;grid-template-columns:1fr;gap:10px;height:auto;padding:12px 16px}.topnav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}.nav-group-secondary,.top-actions{flex-wrap:wrap}.table-wrap{overflow-x:auto}.responsive-table .table.desktop{display:none}.responsive-table .mobile-cards{display:grid}.card,button,input,select,textarea{width:100%}button{min-height:44px}.page-header{flex-direction:column;align-items:flex-start}.kpi-card{min-height:96px}.planner-actions{width:100%;justify-content:stretch}.planner-actions button,.planner-actions .ghost-btn,.planner-actions .planner-primary{flex:1 1 100%}.meal-tag-chip{width:auto!important;min-height:44px;padding:10px 14px}.meal-tag-tools .ghost-btn{width:auto!important;min-width:84px}.planner-meals-grid{grid-template-columns:1fr}.planner-meal-body{grid-template-columns:72px minmax(0,1fr)}.planner-meal-thumb{width:72px;height:72px}.planner-meal-actions button,.planner-meal-actions .ghost-btn{width:auto!important;flex:1 1 0}}@media (max-width: 600px){.pc-pad-md{padding:12px 16px 88px}.pc-pad-lg{padding:24px 16px 96px}.pc-width-xl,.pc-width-lg{max-width:100%}.topbar{padding:12px 16px}.table td,.table th{padding:8px 10px}.saved-plan-list-item{align-items:flex-start}.saved-plan-thumb{width:84px;height:84px}.saved-plan-meal-card{grid-template-columns:1fr;gap:10px}.saved-plan-meal-thumb-v2{width:100%;max-width:100%;height:180px}}@media (min-width: 700px){.saved-plan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.saved-plan-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.recipes-admin-page{gap:16px}.recipes-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px auto auto;gap:10px;align-items:center}.recipes-search{min-width:0}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.recipes-card{padding:0;overflow:hidden}.recipes-card-main{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;border:0;border-radius:0;background:transparent;text-align:left;padding:12px;width:100%}.recipes-thumb{width:120px;height:120px;border-radius:12px}.recipes-card-body{display:grid;gap:8px}.recipes-card-title{font-weight:700;font-size:var(--type-h3)}.recipes-card-actions{display:flex;gap:8px;padding:0 12px 12px}.recipes-load-more{display:flex;justify-content:center}.recipes-editor-grid{display:grid;grid-template-columns:2fr minmax(260px,1fr);gap:16px}.recipes-editor-form{display:grid;gap:12px}.recipes-macro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recipes-editor-actions{display:flex;gap:8px;justify-content:flex-start}.recipes-editor-side{display:grid;gap:12px}.recipes-editor-image{width:100%;max-width:320px;height:200px;border-radius:12px}.recipes-upload{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:10px}.recipes-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}@media (max-width: 960px){.recipes-filters{grid-template-columns:1fr}.recipes-card-main{grid-template-columns:84px minmax(0,1fr)}.recipes-thumb{width:84px;height:84px}.recipes-card-actions{display:grid;grid-template-columns:1fr 1fr}.recipes-editor-grid{grid-template-columns:1fr}.recipes-macro-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.recipes-macro-grid{grid-template-columns:1fr}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:var(--color-bg-surface-elevated);border-radius:var(--radius-md);animation:skeleton-pulse 1.4s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-text{height:14px;border-radius:var(--radius-sm)}.skeleton-text.sk-lg{height:20px}.skeleton-text.sk-sm{height:11px}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.skeleton-row{height:48px;border-radius:var(--radius-md)}.skeleton-chart{height:200px;border-radius:var(--radius-lg)}.skeleton-meal-card{height:140px;border-radius:var(--radius-lg)}.skeleton-stack{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-row-group{display:flex;flex-direction:column;gap:var(--space-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-4)}.empty-state__icon{font-size:40px;opacity:.4;line-height:1}.empty-state__heading{font-size:var(--type-h3);font-weight:700;color:var(--color-text-primary);margin:0}.empty-state__body{font-size:var(--type-body-sm);color:var(--color-text-muted);max-width:320px;line-height:1.5;margin:0}.empty-state__action{margin-top:var(--space-2)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);min-width:280px;max-width:400px;pointer-events:all;animation:toast-in .18s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast.toast-success{border-color:var(--color-success-border)}.toast.toast-error{border-color:var(--severity-critical-border)}.toast.toast-info{border-color:var(--severity-info-border)}.toast__icon{font-size:16px;flex-shrink:0;margin-top:1px}.toast__body{flex:1;font-size:var(--type-body-sm);color:var(--color-text-primary);line-height:1.4}.toast__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:16px;line-height:1;flex-shrink:0}.client-home{display:flex;flex-direction:column;gap:var(--space-4)}.welcome-greeting{font:700 28px/1.2 var(--font-primary);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-4)}.today-card{background:var(--color-bg-surface);border:1px solid var(--color-accent-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.today-card--empty h2{font-size:var(--type-h2);font-weight:700;color:var(--color-text-primary);margin:0}.today-card--empty p:not(.eyebrow){color:var(--color-text-secondary);line-height:1.5;margin:0}.client-profile{max-width:400px;margin:0 auto;padding:var(--space-6) 0}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--color-accent-subtle);border:2px solid var(--color-accent-border);display:flex;align-items:center;justify-content:center;font:700 24px/1 var(--font-primary);color:var(--color-accent);margin:var(--space-6) auto var(--space-4)}.sign-out-btn{width:100%}.coming-soon-section{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-bg-surface);border:1px dashed var(--color-border-default);border-radius:var(--radius-md)}.coming-soon-text{font-size:var(--type-body-sm);color:var(--color-text-muted);text-align:center;line-height:1.5;margin:0}.stub-page-content{max-width:360px;margin:0 auto;padding-top:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.stub-icon-wrap{width:72px;height:72px;background:var(--color-accent-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.stub-title{font-size:var(--type-h1);font-weight:800;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-3)}.stub-body{font-size:var(--type-body);color:var(--color-text-secondary);line-height:1.5;text-align:center;margin-bottom:var(--space-5)}.stub-caption{font-size:var(--type-caption);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3)}.coming-soon-pill{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);color:var(--color-text-muted);font:500 12px/1 var(--font-primary);margin-top:var(--space-4)}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .15s ease forwards}@keyframes pill-enter{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-card-enter{animation:result-card-enter .25s ease forwards}.nav-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.cbn-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.brief-pill:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}