body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#fff}:root{--zivo-header-padding-y: .5rem;--zivo-header-padding-x: 2rem;--zivo-header-padding-x-mobile: 1rem;--zivo-logo-height: 56px;--zivo-header-logo-height: var(--zivo-logo-height);--zivo-app-sidebar-width: 240px}header{background:#fff;padding:var(--zivo-header-padding-y) var(--zivo-header-padding-x);box-shadow:none;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:1000}header.header-admin-dashboard{border-bottom:1px solid #e6e8ea;padding:12px 40px}header.header-admin-dashboard.header-app-shell{padding:12px 40px 12px 0}header .header-content{display:flex;align-items:center;max-width:1200px;margin:0 auto}header.header-admin-dashboard .header-content{max-width:none;width:100%}header.header-app-shell{position:relative;padding:12px 40px 12px 0;display:flex;align-items:center}header.header-app-shell .header-content{display:flex;flex:1;width:100%;align-items:center;min-width:0;max-width:none;margin:0}header.header-app-shell .header-sidebar-gap{width:var(--zivo-app-sidebar-width);flex-shrink:0}header.header-app-shell .header-main-row{flex:1;display:flex;align-items:center;gap:16px;position:relative;min-width:0;min-height:var(--zivo-header-logo-height)}header.header-app-shell .header-logo-seam{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:2}header.header-app-shell .header-center{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;padding-left:28px}header.header-app-shell .header-right{flex-shrink:0;margin-left:auto}header .header-left{display:flex;align-items:center}header .header-logo{text-decoration:none;display:inline-block;height:var(--zivo-header-logo-height)}header .header-logo-img{height:100%;width:auto;object-fit:contain}header .header-center{display:flex;align-items:center}header .header-nav a{color:#2c3e50;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}header .header-nav a:hover{color:#e53935}header .header-title{font-size:1.25rem;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:.5rem;white-space:nowrap}header .header-right{display:flex;justify-content:flex-end;align-items:center;flex:1;gap:1.5rem}header .header-health-status{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;padding:.5rem .75rem;border-radius:6px;border:1px solid #e6e8ea}header .header-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}header .header-status-dot.healthy{background-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}header .header-status-dot.degraded{background-color:#ff9800;box-shadow:0 0 0 2px #ff980033}header .header-status-dot.unhealthy{background-color:#f44336;box-shadow:0 0 0 2px #f4433633}header .header-status-text{font-size:.75rem;font-weight:500;color:#666}header .header-user-info{display:flex;align-items:center;gap:1rem}header .header-user-info span{color:#666;font-size:.875rem}header .header-logout-button{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease;font-weight:500}header .header-logout-button:hover{background:#d32f2f}.zivo-app-shell{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb}.zivo-app-shell-body{display:flex;flex:1;min-height:0;width:100%}.zivo-app-shell-sidebar{width:var(--zivo-app-sidebar-width);flex-shrink:0;background-color:#f9fafb;border-right:1px solid #e5e7eb}.zivo-app-shell-main{flex:1;min-width:0;background-color:#fff;overflow:auto}@media(max-width:768px){header:not(.header-app-shell){padding:var(--zivo-header-padding-y) var(--zivo-header-padding-x-mobile)}header:not(.header-app-shell) .header-content{flex-direction:column;gap:1rem}header:not(.header-app-shell) .header-center{position:static;transform:none;pointer-events:auto}header:not(.header-app-shell) .header-right{flex-direction:column;gap:1rem;width:100%}header.header-app-shell{padding:12px 16px 12px 0}header.header-app-shell .header-content{flex-direction:row;gap:0}header.header-app-shell .header-sidebar-gap{width:0}header.header-app-shell .header-logo-seam{left:12px;transform:translateY(-50%)}header.header-app-shell .header-center{padding-left:44px}}:root{--zivo-logo-height: 56px;--footer-horizontal-padding: 2rem}.footer-design{background:#f8f9fa;color:#2c3e50;padding:2rem var(--footer-horizontal-padding) 1.25rem;margin:auto 0 0;width:100%;box-sizing:border-box}.footer-design .footer-inner{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.footer-design .footer-content{padding:0;margin:0 0 1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5rem 3.5rem;justify-content:space-between}.footer-design .footer-section{min-width:180px;flex:0 1 auto;margin:0;padding:0}.footer-design .footer-content>.footer-section:first-child,.footer-design .footer-company{margin-left:0;padding-left:0;max-width:320px;text-align:left;align-self:flex-start}.footer-design .footer-logo-link{display:block;margin-bottom:.75rem;text-decoration:none;text-align:left;width:fit-content}.footer-design .footer-logo-img{display:block;height:var(--zivo-logo-height);min-height:var(--zivo-logo-height);width:auto;object-fit:contain;margin:0}.footer-design .footer-tagline{color:#6c757d;font-size:.9rem;line-height:1.45;margin:0 0 1rem;text-align:left;max-width:100%}.footer-design .footer-social{display:flex;gap:.75rem;justify-content:flex-start}.footer-design .footer-social-icon{width:40px;height:40px;border-radius:50%;background:#2c3e50;border:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s}.footer-design .footer-social-icon:hover{background:#1a252f;opacity:.95}.footer-design .footer-social-icon svg{width:18px;height:18px;display:block;flex-shrink:0}.footer-design .footer-registered-company{color:#6c757d;font-size:.85rem;line-height:1.45;margin:1rem 0 0;text-align:left}.footer-design .footer-heading{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#2c3e50;margin:0 0 1rem}.footer-design .footer-platform ul,.footer-design .footer-section ul{list-style:none;margin:0;padding:0}.footer-design .footer-platform li,.footer-design .footer-section ul li{margin-bottom:.5rem}.footer-design .footer-platform a,.footer-design .footer-section a{color:#2c3e50;text-decoration:none;font-size:.95rem;transition:color .2s}.footer-design .footer-platform a:hover,.footer-design .footer-section a:hover{color:#1a252f}.footer-design .footer-newsletter-desc{color:#6c757d;font-size:.95rem;margin:0 0 1rem;max-width:260px}.footer-design .footer-newsletter-form{display:flex;gap:0;max-width:320px}.footer-design .footer-newsletter-input{flex:1;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;border:1px solid #dee2e6;border-right:none;border-radius:4px 0 0 4px;background:#fff;color:#2c3e50;outline:none}.footer-design .footer-newsletter-input::placeholder{color:#6c757d}.footer-design .footer-newsletter-btn{width:48px;padding:0;background:#212529;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.footer-design .footer-newsletter-btn:hover{background:#111}.footer-design .footer-bottom{width:100%;padding:1.25rem 0 0;margin:0;border-top:1px solid #dee2e6;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-sizing:border-box}.footer-design .footer-bottom p{color:#6c757d;font-size:.9rem;margin:0;padding:0}.footer-design .footer-bottom ul{list-style:none;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 1rem;justify-content:flex-end;align-items:center}.footer-design .footer-bottom ul li{display:inline-block;list-style:none;margin:0;padding:0}.footer-design .footer-bottom ul li:before{content:none}.footer-design .footer-bottom ul li+li:before{content:" · ";margin-right:.25rem;color:#6c757d;font-weight:400}.footer-design .footer-bottom a{color:#6c757d;text-decoration:none;font-size:.9rem}.footer-design .footer-bottom a:hover{color:#2c3e50}@media(max-width:768px){.footer-design .footer-content{flex-direction:column;gap:2.5rem}.footer-design .footer-bottom{flex-direction:column;text-align:center}.footer-design .footer-bottom ul{justify-content:center}}footer{background:#111;color:#fff;padding:3rem 2rem 2rem;margin:auto 0 0;width:100%;box-sizing:border-box;position:relative;left:0;right:0}footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-between;margin-bottom:2rem}footer .footer-section{min-width:200px;margin-left:auto;text-align:right}footer .footer-section h3{font-size:1.1rem;margin-bottom:1rem;color:#fff}footer .footer-section ul{list-style:none;margin-left:0;margin-right:0;padding:0;text-align:right}footer .footer-section ul li{margin-bottom:.5rem}footer .footer-section a{color:#aaa;text-decoration:none;transition:color .3s ease;font-size:.95rem}footer .footer-section a:hover{color:#fff}footer .footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid #333;display:flex;justify-content:center;align-items:center}footer .footer-bottom p{color:#aaa;font-size:.9rem;text-align:center}footer.footer-lucid{background:#f8f9fa;color:#2c3e50;padding:2rem;border-top:1px solid #e9ecef}footer.footer-lucid .footer-bottom{max-width:1200px;margin:0 auto;padding-top:0;border-top:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}footer.footer-lucid .footer-bottom p{color:#6c757d;font-size:.875rem;text-align:left;margin:0}footer.footer-lucid .footer-bottom ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}footer.footer-lucid .footer-bottom a{color:#6c757d;text-decoration:none;font-size:.875rem;transition:color .2s}footer.footer-lucid .footer-bottom a:hover{color:#2c3e50}@media(max-width:768px){footer.footer-lucid .footer-bottom{flex-direction:column;text-align:center}footer.footer-lucid .footer-bottom ul{justify-content:center}}footer.footer-full{background:#f8f9fa;color:#2c3e50;padding:3rem 2rem 2rem;margin:auto 0 0;width:100%;box-sizing:border-box;border-top:1px solid #e9ecef;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media(max-width:768px){footer .footer-content{flex-direction:column;gap:2rem}footer .footer-bottom{flex-direction:column;text-align:center}}:root{--zivo-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--zivo-font-size-body: .875rem;--zivo-font-size-heading-card: 1.125rem;--zivo-color-primary: #6366f1;--zivo-color-primary-hover: #4f46e5;--zivo-color-primary-foreground: #ffffff;--zivo-color-primary-muted: #faf5ff;--zivo-color-primary-border: #c4b5fd;--zivo-color-primary-title: #4f46e5;--zivo-color-secondary-bg: #f3f4f6;--zivo-color-secondary-border: #d1d5db;--zivo-color-secondary-hover-bg: #e5e7eb;--zivo-color-secondary-hover-border: #9ca3af;--zivo-color-secondary-text: #374151;--zivo-color-success: #059669;--zivo-color-warning: #d97706;--zivo-color-danger: #ef4444;--zivo-color-danger-hover: #dc2626;--zivo-color-text: #111827;--zivo-color-text-muted: #6b7280;--zivo-color-text-secondary: #4b5563;--zivo-color-border: #e5e7eb;--zivo-color-surface: #ffffff;--zivo-color-background: #ffffff;--zivo-shadow-card: 0 1px 3px rgba(15, 23, 42, .08);--zivo-shadow-card-active: 0 1px 3px rgba(99, 102, 241, .12);--zivo-radius-pill: 999px;--zivo-radius-lg: 16px;--zivo-radius-md: 12px;--zivo-radius-sm: 8px;--zivo-radius-xs: 6px;--zivo-radius-shell: var(--zivo-radius-lg);--zivo-color-page-canvas: #f9fafb;--zivo-color-brand-red: #e30412;--zivo-color-brand-red-hover: #c00310;--zivo-color-accent-blue: #2563eb;--zivo-color-accent-blue-hover: #1d4ed8;--zivo-color-accent-blue-surface: #eff6ff;--zivo-color-avatar-blue-bg: #e5edff;--zivo-color-metric-orange: #f97316;--zivo-color-metric-green: #10b981;--zivo-color-error-surface: #fee2e2;--zivo-color-error-text: #b91c1c;--zivo-color-error-border: #fecaca;--zivo-color-error-border-strong: #fca5a5;--zivo-color-error-foreground: #f87171;--zivo-color-neutral-400: #9ca3af;--zivo-color-sky-100: #dbeafe;--zivo-color-sky-500: #3b82f6;--zivo-color-sky-600: #2563eb;--zivo-color-inverse-on-dark: #ffffff;--zivo-color-cyan-50: #f0f9ff;--zivo-color-cyan-200: #bae6fd;--zivo-color-cyan-900: #0c4a6e;--zivo-color-cyan-700: #0369a1;--zivo-color-text-dim: #666666;--zivo-color-success-surface: #d1fae5;--zivo-color-success-border-strong: #a7f3d0;--zivo-color-success-text-emphasis: #166534;--zivo-color-green-50: #f0fdf4;--zivo-color-green-100: #dcfce7;--zivo-color-green-600: #16a34a;--zivo-color-green-700: #15803d;--zivo-color-green-800: #166534;--zivo-color-emerald-500: #22c55e;--zivo-color-error-surface-soft: #fef2f2;--zivo-color-warning-surface: #fef3c7;--zivo-color-warning-surface-soft: #fef9c3;--zivo-color-warning-border-amber: #fcd34d;--zivo-color-warning-text-amber: #92400e;--zivo-color-warning-border-strong: #eab308;--zivo-color-warning-text-dark: #b45309;--zivo-color-amber-800: #c2410c;--zivo-color-orange-200: #fed7aa;--zivo-color-orange-600: #ea580c;--zivo-color-violet-100: #f5f3ff;--zivo-color-violet-200: #e9d5ff;--zivo-color-violet-600: #7c3aed;--zivo-color-indigo-100: #eef2ff;--zivo-color-blue-200: #bfdbfe;--zivo-color-teal-200: #99f6e4;--zivo-color-teal-600: #0d9488;--zivo-color-teal-700: #0f766e;--zivo-color-slate-600: #475569;--zivo-color-slate-700: #334155;--zivo-color-border-faint: #eef2f7;--zivo-color-surface-night: #0b1020;--zivo-color-red-800: #991b1b;--zivo-color-macro-protein: #1e40af;--zivo-color-macro-carbs: #3b82f6;--zivo-color-macro-fat: #8b5cf6;--zivo-color-macro-fiber: #22c55e;color-scheme:light}@media(prefers-color-scheme:dark){:root{--zivo-color-primary: #818cf8;--zivo-color-primary-hover: #a5b4fc;--zivo-color-primary-foreground: #0f172a;--zivo-color-primary-muted: rgba(99, 102, 241, .18);--zivo-color-primary-border: rgba(129, 140, 248, .55);--zivo-color-primary-title: #a5b4fc;--zivo-color-secondary-bg: #1f2937;--zivo-color-secondary-border: #4b5563;--zivo-color-secondary-hover-bg: #374151;--zivo-color-secondary-hover-border: #6b7280;--zivo-color-secondary-text: #e5e7eb;--zivo-color-success: #34d399;--zivo-color-warning: #fbbf24;--zivo-color-danger: #f87171;--zivo-color-danger-hover: #ef4444;--zivo-color-text: #f9fafb;--zivo-color-text-muted: #9ca3af;--zivo-color-text-secondary: #d1d5db;--zivo-color-border: #374151;--zivo-color-surface: #1f2937;--zivo-color-background: #111827;--zivo-shadow-card: 0 1px 3px rgba(0, 0, 0, .35);--zivo-shadow-card-active: 0 1px 3px rgba(129, 140, 248, .25);--zivo-color-page-canvas: #111827;--zivo-color-brand-red: #f87171;--zivo-color-brand-red-hover: #ef4444;--zivo-color-accent-blue: #60a5fa;--zivo-color-accent-blue-hover: #93c5fd;--zivo-color-accent-blue-surface: rgba(37, 99, 235, .15);--zivo-color-avatar-blue-bg: rgba(37, 99, 235, .25);--zivo-color-metric-orange: #fb923c;--zivo-color-metric-green: #34d399;--zivo-color-error-surface: rgba(248, 113, 113, .12);--zivo-color-error-text: #fca5a5;--zivo-color-neutral-400: #94a3b8;--zivo-color-sky-500: #60a5fa;--zivo-color-sky-600: #3b82f6;--zivo-color-inverse-on-dark: #ffffff;--zivo-color-error-border: rgba(248, 113, 113, .35);--zivo-color-error-border-strong: rgba(248, 113, 113, .55);--zivo-color-error-foreground: #f87171;--zivo-color-sky-100: rgba(59, 130, 246, .2);--zivo-color-cyan-50: rgba(14, 165, 233, .12);--zivo-color-cyan-200: rgba(14, 165, 233, .35);--zivo-color-cyan-900: #7dd3fc;--zivo-color-cyan-700: #38bdf8;--zivo-color-text-dim: #94a3b8;--zivo-color-success-surface: rgba(52, 211, 153, .18);--zivo-color-success-border-strong: rgba(52, 211, 153, .45);--zivo-color-success-text-emphasis: #6ee7b7;--zivo-color-green-50: rgba(16, 185, 129, .12);--zivo-color-green-100: rgba(16, 185, 129, .2);--zivo-color-green-600: #34d399;--zivo-color-green-700: #10b981;--zivo-color-green-800: #a7f3d0;--zivo-color-emerald-500: #34d399;--zivo-color-error-surface-soft: rgba(248, 113, 113, .12);--zivo-color-warning-surface: rgba(251, 191, 36, .15);--zivo-color-warning-surface-soft: rgba(251, 191, 36, .12);--zivo-color-warning-border-amber: rgba(251, 191, 36, .5);--zivo-color-warning-text-amber: #fcd34d;--zivo-color-warning-border-strong: #eab308;--zivo-color-warning-text-dark: #fbbf24;--zivo-color-amber-800: #fb923c;--zivo-color-orange-200: rgba(251, 146, 60, .25);--zivo-color-orange-600: #fb923c;--zivo-color-violet-100: rgba(139, 92, 246, .15);--zivo-color-violet-200: rgba(139, 92, 246, .25);--zivo-color-violet-600: #a78bfa;--zivo-color-indigo-100: rgba(99, 102, 241, .15);--zivo-color-blue-200: rgba(59, 130, 246, .35);--zivo-color-teal-200: rgba(45, 212, 191, .25);--zivo-color-teal-600: #2dd4bf;--zivo-color-teal-700: #5eead4;--zivo-color-slate-600: #94a3b8;--zivo-color-slate-700: #cbd5e1;--zivo-color-border-faint: #374151;--zivo-color-surface-night: #020617;--zivo-color-red-800: #fecaca;--zivo-color-macro-protein: #60a5fa;--zivo-color-macro-carbs: #93c5fd;--zivo-color-macro-fat: #c4b5fd;--zivo-color-macro-fiber: #34d399;color-scheme:dark}}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{--zivo-color-primary: #6366f1;--zivo-color-primary-hover: #4f46e5;--zivo-color-primary-foreground: #ffffff;--zivo-color-primary-muted: #faf5ff;--zivo-color-primary-border: #c4b5fd;--zivo-color-primary-title: #4f46e5;--zivo-color-secondary-bg: #f3f4f6;--zivo-color-secondary-border: #d1d5db;--zivo-color-secondary-hover-bg: #e5e7eb;--zivo-color-secondary-hover-border: #9ca3af;--zivo-color-secondary-text: #374151;--zivo-color-success: #059669;--zivo-color-warning: #d97706;--zivo-color-danger: #ef4444;--zivo-color-danger-hover: #dc2626;--zivo-color-text: #111827;--zivo-color-text-muted: #6b7280;--zivo-color-text-secondary: #4b5563;--zivo-color-border: #e5e7eb;--zivo-color-surface: #ffffff;--zivo-color-background: #ffffff;--zivo-shadow-card: 0 1px 3px rgba(15, 23, 42, .08);--zivo-shadow-card-active: 0 1px 3px rgba(99, 102, 241, .12);--zivo-color-page-canvas: #f9fafb;--zivo-color-brand-red: #e30412;--zivo-color-brand-red-hover: #c00310;--zivo-color-accent-blue: #2563eb;--zivo-color-accent-blue-hover: #1d4ed8;--zivo-color-accent-blue-surface: #eff6ff;--zivo-color-avatar-blue-bg: #e5edff;--zivo-color-metric-orange: #f97316;--zivo-color-metric-green: #10b981;--zivo-color-error-surface: #fee2e2;--zivo-color-error-text: #b91c1c;--zivo-color-neutral-400: #9ca3af;--zivo-color-error-border: #fecaca;--zivo-color-error-border-strong: #fca5a5;--zivo-color-error-foreground: #f87171;--zivo-color-sky-100: #dbeafe;--zivo-color-sky-500: #3b82f6;--zivo-color-sky-600: #2563eb;--zivo-color-inverse-on-dark: #ffffff;--zivo-color-cyan-50: #f0f9ff;--zivo-color-cyan-200: #bae6fd;--zivo-color-cyan-900: #0c4a6e;--zivo-color-cyan-700: #0369a1;--zivo-color-text-dim: #666666;--zivo-color-success-surface: #d1fae5;--zivo-color-success-border-strong: #a7f3d0;--zivo-color-success-text-emphasis: #166534;--zivo-color-green-50: #f0fdf4;--zivo-color-green-100: #dcfce7;--zivo-color-green-600: #16a34a;--zivo-color-green-700: #15803d;--zivo-color-green-800: #166534;--zivo-color-emerald-500: #22c55e;--zivo-color-error-surface-soft: #fef2f2;--zivo-color-warning-surface: #fef3c7;--zivo-color-warning-surface-soft: #fef9c3;--zivo-color-warning-border-amber: #fcd34d;--zivo-color-warning-text-amber: #92400e;--zivo-color-warning-border-strong: #eab308;--zivo-color-warning-text-dark: #b45309;--zivo-color-amber-800: #c2410c;--zivo-color-orange-200: #fed7aa;--zivo-color-orange-600: #ea580c;--zivo-color-violet-100: #f5f3ff;--zivo-color-violet-200: #e9d5ff;--zivo-color-violet-600: #7c3aed;--zivo-color-indigo-100: #eef2ff;--zivo-color-blue-200: #bfdbfe;--zivo-color-teal-200: #99f6e4;--zivo-color-teal-600: #0d9488;--zivo-color-teal-700: #0f766e;--zivo-color-slate-600: #475569;--zivo-color-slate-700: #334155;--zivo-color-border-faint: #eef2f7;--zivo-color-surface-night: #0b1020;--zivo-color-red-800: #991b1b;--zivo-color-macro-protein: #1e40af;--zivo-color-macro-carbs: #3b82f6;--zivo-color-macro-fat: #8b5cf6;--zivo-color-macro-fiber: #22c55e}html[data-theme=dark]{--zivo-color-primary: #818cf8;--zivo-color-primary-hover: #a5b4fc;--zivo-color-primary-foreground: #0f172a;--zivo-color-primary-muted: rgba(99, 102, 241, .18);--zivo-color-primary-border: rgba(129, 140, 248, .55);--zivo-color-primary-title: #a5b4fc;--zivo-color-secondary-bg: #1f2937;--zivo-color-secondary-border: #4b5563;--zivo-color-secondary-hover-bg: #374151;--zivo-color-secondary-hover-border: #6b7280;--zivo-color-secondary-text: #e5e7eb;--zivo-color-success: #34d399;--zivo-color-warning: #fbbf24;--zivo-color-danger: #f87171;--zivo-color-danger-hover: #ef4444;--zivo-color-text: #f9fafb;--zivo-color-text-muted: #9ca3af;--zivo-color-text-secondary: #d1d5db;--zivo-color-border: #374151;--zivo-color-surface: #1f2937;--zivo-color-background: #111827;--zivo-shadow-card: 0 1px 3px rgba(0, 0, 0, .35);--zivo-shadow-card-active: 0 1px 3px rgba(129, 140, 248, .25);--zivo-color-page-canvas: #111827;--zivo-color-brand-red: #f87171;--zivo-color-brand-red-hover: #ef4444;--zivo-color-accent-blue: #60a5fa;--zivo-color-accent-blue-hover: #93c5fd;--zivo-color-accent-blue-surface: rgba(37, 99, 235, .15);--zivo-color-avatar-blue-bg: rgba(37, 99, 235, .25);--zivo-color-metric-orange: #fb923c;--zivo-color-metric-green: #34d399;--zivo-color-error-surface: rgba(248, 113, 113, .12);--zivo-color-error-text: #fca5a5;--zivo-color-neutral-400: #94a3b8;--zivo-color-error-border: rgba(248, 113, 113, .35);--zivo-color-error-border-strong: rgba(248, 113, 113, .55);--zivo-color-error-foreground: #f87171;--zivo-color-sky-100: rgba(59, 130, 246, .2);--zivo-color-sky-500: #60a5fa;--zivo-color-sky-600: #3b82f6;--zivo-color-inverse-on-dark: #ffffff;--zivo-color-cyan-50: rgba(14, 165, 233, .12);--zivo-color-cyan-200: rgba(14, 165, 233, .35);--zivo-color-cyan-900: #7dd3fc;--zivo-color-cyan-700: #38bdf8;--zivo-color-text-dim: #94a3b8;--zivo-color-success-surface: rgba(52, 211, 153, .18);--zivo-color-success-border-strong: rgba(52, 211, 153, .45);--zivo-color-success-text-emphasis: #6ee7b7;--zivo-color-green-50: rgba(16, 185, 129, .12);--zivo-color-green-100: rgba(16, 185, 129, .2);--zivo-color-green-600: #34d399;--zivo-color-green-700: #10b981;--zivo-color-green-800: #a7f3d0;--zivo-color-emerald-500: #34d399;--zivo-color-error-surface-soft: rgba(248, 113, 113, .12);--zivo-color-warning-surface: rgba(251, 191, 36, .15);--zivo-color-warning-surface-soft: rgba(251, 191, 36, .12);--zivo-color-warning-border-amber: rgba(251, 191, 36, .5);--zivo-color-warning-text-amber: #fcd34d;--zivo-color-warning-border-strong: #eab308;--zivo-color-warning-text-dark: #fbbf24;--zivo-color-amber-800: #fb923c;--zivo-color-orange-200: rgba(251, 146, 60, .25);--zivo-color-orange-600: #fb923c;--zivo-color-violet-100: rgba(139, 92, 246, .15);--zivo-color-violet-200: rgba(139, 92, 246, .25);--zivo-color-violet-600: #a78bfa;--zivo-color-indigo-100: rgba(99, 102, 241, .15);--zivo-color-blue-200: rgba(59, 130, 246, .35);--zivo-color-teal-200: rgba(45, 212, 191, .25);--zivo-color-teal-600: #2dd4bf;--zivo-color-teal-700: #5eead4;--zivo-color-slate-600: #94a3b8;--zivo-color-slate-700: #cbd5e1;--zivo-color-border-faint: #374151;--zivo-color-surface-night: #020617;--zivo-color-red-800: #fecaca;--zivo-color-macro-protein: #60a5fa;--zivo-color-macro-carbs: #93c5fd;--zivo-color-macro-fat: #c4b5fd;--zivo-color-macro-fiber: #34d399}.primary-button,.secondary-button{min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:var(--zivo-font-sans)}.primary-button{padding:8px 16px;border-radius:var(--zivo-radius-pill);border:none;background-color:var(--zivo-color-primary);color:var(--zivo-color-primary-foreground);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .15s}.primary-button:hover:not(:disabled){background-color:var(--zivo-color-primary-hover)}.primary-button:disabled{opacity:.7;cursor:default}.secondary-button{padding:8px 16px;border-radius:var(--zivo-radius-pill);border:1px solid var(--zivo-color-secondary-border);background-color:var(--zivo-color-secondary-bg);color:var(--zivo-color-secondary-text);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.secondary-button:hover:not(:disabled){background-color:var(--zivo-color-secondary-hover-bg);border-color:var(--zivo-color-secondary-hover-border)}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button.button--compact,.secondary-button.button--compact,.danger-button.button--compact{min-height:32px;padding:4px 12px;font-size:13px;font-weight:500}.danger-button{padding:8px 16px;border-radius:var(--zivo-radius-pill);border:none;background-color:var(--zivo-color-danger);color:#fff;font-weight:600;font-size:.9rem;font-family:var(--zivo-font-sans);cursor:pointer;transition:background-color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;box-sizing:border-box}.danger-button:hover:not(:disabled){background-color:var(--zivo-color-danger-hover)}.zivo-input{width:100%;max-width:100%;box-sizing:border-box;min-height:40px;padding:8px 14px;border-radius:var(--zivo-radius-sm);border:1px solid var(--zivo-color-secondary-border);background:var(--zivo-color-surface);color:var(--zivo-color-text);font-family:var(--zivo-font-sans);font-size:var(--zivo-font-size-body);transition:border-color .15s ease,box-shadow .15s ease}.zivo-input::placeholder{color:var(--zivo-color-text-muted)}.zivo-input:focus{outline:none;border-color:var(--zivo-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--zivo-color-primary) 25%,transparent)}.zivo-input:disabled{opacity:.65;cursor:not-allowed}textarea.zivo-input{min-height:88px;resize:vertical;line-height:1.45}select.zivo-input{cursor:pointer}.zivo-card{background:var(--zivo-color-surface);border:1px solid var(--zivo-color-border);border-radius:var(--zivo-radius-md);box-shadow:var(--zivo-shadow-card);box-sizing:border-box}.zivo-card--active{border-color:var(--zivo-color-primary-border);background:var(--zivo-color-primary-muted);box-shadow:var(--zivo-shadow-card-active)}.zivo-card--padding-md{padding:12px 14px}.zivo-badge{padding:2px 8px;border-radius:var(--zivo-radius-xs);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center}.zivo-badge--active{background:var(--zivo-color-primary);color:var(--zivo-color-primary-foreground)}.zivo-badge--approved{background:var(--zivo-color-success);color:#fff;text-transform:none}.zivo-badge--progress{background:var(--zivo-color-warning);color:#fff;text-transform:none}.zivo-badge--neutral{background:var(--zivo-color-secondary-bg);color:var(--zivo-color-secondary-text);text-transform:none}.zivo-skeleton{border-radius:var(--zivo-radius-md);background:linear-gradient(90deg,color-mix(in srgb,var(--zivo-color-border) 65%,var(--zivo-color-surface)),color-mix(in srgb,var(--zivo-color-border) 35%,var(--zivo-color-surface)),color-mix(in srgb,var(--zivo-color-border) 65%,var(--zivo-color-surface)));background-size:200% 100%;animation:zivo-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes zivo-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.zivo-skeleton-line{height:12px;border-radius:6px}.zivo-skeleton-line--lg{height:16px}.zivo-page-loading{padding:40px;text-align:center;color:var(--zivo-color-text-muted)}.zivo-inline-alert--error{padding:20px;background:var(--zivo-color-error-surface);border-radius:var(--zivo-radius-sm);color:var(--zivo-color-error-text);margin-bottom:24px}.zivo-page-empty-muted{padding:20px;text-align:center;color:var(--zivo-color-text-muted)}.zivo-table-empty{text-align:center;padding:40px;color:var(--zivo-color-text-muted)}.zivo-tabs-header,.patient-tabs-header{display:flex;gap:8px;border-bottom:1px solid var(--zivo-color-border);margin-bottom:16px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.zivo-tabs-row,.patient-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zivo-tab,.patient-tab{padding:10px 16px;margin:0;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-family:var(--zivo-font-sans);font-size:var(--zivo-font-size-body);font-weight:500;line-height:1.4;color:var(--zivo-color-text-muted);flex-shrink:0}.zivo-tab:hover,.patient-tab:hover{color:var(--zivo-color-text-secondary)}.zivo-tab.active,.patient-tab.active{border-color:var(--zivo-color-primary);color:var(--zivo-color-text)}.zivo-tab:disabled,.patient-tab:disabled{opacity:.45;cursor:not-allowed}.zivo-tab-panel,.patient-tab-panel{padding-top:8px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--zivo-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--zivo-color-background);color:var(--zivo-color-text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{min-height:100vh;display:flex;flex-direction:column}.zivo-global-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.zivo-global-modal-content{width:100%;max-width:520px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 20px 60px #00000040;overflow:hidden}.zivo-global-modal-header{padding:16px 18px;border-bottom:1px solid #e5e7eb;background:#f8f8ff}.zivo-global-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#3730a3}.zivo-global-modal-body{padding:14px 18px;color:#374151;line-height:1.5}.zivo-global-modal-body p{margin:0}.zivo-global-modal-footer{padding:14px 18px 16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb;background:#fcfcff}.zivo-global-modal-button{padding:10px 14px;border-radius:10px;border:1px solid #4f46e5;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer}.zivo-global-modal-button:hover{opacity:.92;background:#4338ca;border-color:#4338ca}.zivo-global-modal-button--secondary{background:#fff;color:#4b5563;border-color:#d1d5db}.zivo-global-modal-button--secondary:hover{background:#f9fafb}.zivo-global-modal-button--primary{background:#4f46e5;border-color:#4f46e5}.zivo-global-modal-button--primary:hover{background:#4338ca;border-color:#4338ca}.zivo-global-modal-button--destructive{background:#dc2626;border-color:#dc2626}.zivo-global-modal-button--destructive:hover{background:#b91c1c;border-color:#b91c1c}