:root{--c-bg:#f6f7f9;--c-surface:#ffffff;--c-surface-2:#f8fafc;--c-surface-3:#f1f5f9;--c-border:#e2e8f0;--c-border-strong:#cbd5e1;--c-text:#0f172a;--c-text-strong:#0f1a2c;--c-text-muted:#64748b;--c-text-subtle:#94a3b8;--c-text-inverse:#ffffff;--c-accent:#b08c52;--c-accent-hover:#957342;--c-accent-soft:#f5efe4;--c-accent-ring:rgba(176,140,82,0.18);--c-success:#16a34a;--c-success-soft:#dcfce7;--c-success-text:#166534;--c-warning:#d97706;--c-warning-soft:#fef3c7;--c-warning-text:#92400e;--c-error:#dc2626;--c-error-soft:#fee2e2;--c-error-text:#991b1b;--c-info:#2563eb;--c-info-soft:#dbeafe;--c-info-text:#1e40af;--c-orange-soft:#fff7ed;--c-orange-text:#9a3412;--c-tooltip-bg:#1e293b;--c-tooltip-surface:#334155;--c-tooltip-border:#475569;--c-tooltip-text:#e2e8f0;--c-tooltip-text-muted:#94a3b8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--font-sans:"Brown LL","Brown","Segoe UI","Avenir Next",system-ui,-apple-system,sans-serif;--font-ui:"Inter","Segoe UI",system-ui,sans-serif;--font-serif:"EB Garamond",Garamond,"Times New Roman",serif;--text-xs:0.72rem;--text-sm:0.82rem;--text-base:0.875rem;--text-md:0.95rem;--text-lg:1.2rem;--text-xl:1.5rem;--text-2xl:2rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 1px 3px rgba(15,23,42,0.08);--shadow-md:0 4px 14px rgba(15,23,42,0.10);--shadow-lg:0 16px 44px rgba(15,23,42,0.20);--plan-stroke:1.5;--plan-stroke-strong:2.5;--plan-number-size:3rem;--plan-data-size:1.75rem;--plan-metric-size:1.35rem;--z-sidebar:3;--z-header:100;--z-overlay:200;--z-drawer:1001;--z-modal:10000;--z-toast:99999;--sidebar-w:250px;--sidebar-w-collapsed:34px;--content-max:1200px;--card-max:500px;--read-max:52rem;--transition-fast:0.15s ease;--transition-base:0.22s ease;--bg:var(--c-bg);--surface:var(--c-surface);--text:var(--c-text);--text-muted:var(--c-text-muted);--accent:var(--c-accent);--accent-hover:var(--c-accent-hover);--border:var(--c-border);--success:var(--c-success);--error:var(--c-error);--radius:var(--radius-lg)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:clip}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);min-height:100vh;display:flex;flex-direction:column;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}a{color:var(--c-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--c-accent-hover)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@keyframes spin{to{transform:rotate(1turn)}}footer{margin-top:auto;padding:var(--space-5);font-size:var(--text-xs);color:var(--c-text-muted);text-align:center}header{width:100%;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header)}.brand-logo{display:block;width:min(280px,55vw);height:auto}.header-user{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0;margin-left:auto}.header-user-row{display:flex;align-items:center;gap:var(--space-2)}.header-user-name{font-weight:var(--fw-semibold);color:var(--c-text)}.header-user-email,.header-user-name{font-size:var(--text-sm);white-space:nowrap}.header-user-email{color:var(--c-text-muted);max-width:260px;overflow:hidden;text-overflow:ellipsis}.header-logout{font-size:var(--text-xs);background:none;border:none;padding:0;color:var(--c-text-subtle);cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.header-logout:hover{color:var(--c-accent-hover)}.mob-topbar{display:none;gap:var(--space-2)}.mob-topbar .brand-logo{width:min(170px,44vw)}.app-layout{width:100%;min-width:0;display:flex;gap:0;flex:1 1}.sidebar{width:var(--sidebar-w);background:transparent;border-right:1px solid var(--c-border);padding:var(--space-4) var(--space-3);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0;align-self:flex-start;display:flex;flex-direction:column;transition:width var(--transition-base),padding var(--transition-base)}.sidebar-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--c-accent)}.sidebar-logo{display:block;width:100%;max-width:none;height:auto;padding:0 var(--space-2);margin-bottom:var(--space-6)}.sidebar-logout{margin-top:auto;padding-top:var(--space-3);font-size:.85rem;color:var(--c-text-subtle);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.sidebar-logout:hover{color:var(--c-accent-hover)}.app-layout.sidebar-collapsed .sidebar-logo,.app-layout.sidebar-collapsed .sidebar-logout{display:none}.sidebar-toggle{position:fixed;left:calc(var(--sidebar-w) - 13px);bottom:calc(4.5rem - 30px);width:26px;height:26px;border-radius:var(--radius-full);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-md);line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);z-index:var(--z-sidebar);transition:left var(--transition-base)}.sidebar-toggle:hover{background:var(--c-surface-2)}.app-layout.sidebar-collapsed .sidebar{width:var(--sidebar-w-collapsed);padding:var(--space-3) .2rem;overflow:hidden}.app-layout.sidebar-collapsed .sidebar-header,.app-layout.sidebar-collapsed .sidebar-nav,.app-layout.sidebar-collapsed .sidebar-title{display:none}.app-layout.sidebar-collapsed .sidebar-toggle{display:inline-flex;left:calc(var(--sidebar-w-collapsed) - 13px)}.app-layout.sidebar-collapsed main{padding:var(--space-5) var(--space-3)}.sidebar-title{font-size:.78rem;font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text);margin:0;padding:0;border:none}.sidebar-nav{display:flex;flex-direction:column;align-items:flex-start;gap:0}.sidebar-item+.sidebar-item{margin-top:.48rem}.sidebar-item{display:block;width:100%;color:var(--c-text);font-size:.9rem;text-align:left;padding:.12rem 0;font-weight:var(--fw-regular);background:none;border:none;cursor:pointer;font-family:inherit;transition:color var(--transition-fast)}.sidebar-item:hover{color:var(--c-accent-hover)}.sidebar-item.active{color:var(--c-accent);font-weight:var(--fw-bold)}.sidebar-separator{margin:var(--space-3) var(--space-2) var(--space-2);border:none;border-top:1px solid var(--c-border)}.sidebar-block-header{margin:var(--space-4) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--c-accent)}.sidebar-test-only{display:none}main{padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.view,main{width:100%;min-width:0}.view.hidden{display:none}.mob-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.3rem var(--space-2);margin-right:.6rem;color:var(--c-text);border-radius:var(--radius-sm);flex-shrink:0;transition:background var(--transition-fast)}.mob-menu-btn:hover{background:var(--c-border)}.mob-menu-btn svg{display:block}.mob-menu-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:var(--z-overlay);opacity:0;transition:opacity var(--transition-base)}body.mob-menu-open .mob-menu-overlay{display:block;opacity:1}.mob-menu-panel{position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);background:var(--c-surface);z-index:calc(var(--z-overlay) + 1);display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);gap:0;box-shadow:var(--shadow-lg);transform:translateX(-105%);transition:transform var(--transition-base)}.mob-menu-panel>.sidebar-item+.sidebar-item{margin-top:.48rem}body.mob-menu-open .mob-menu-panel{transform:translateX(0)}.mob-menu-title{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--c-text-muted);padding:0 .4rem .6rem;border-bottom:1px solid var(--c-border);margin:var(--space-4) 0 .4rem}.mob-menu-panel>.mob-menu-title:first-of-type{margin-top:0}.mob-menu-close{position:absolute;top:.7rem;right:.7rem;background:none;border:none;cursor:pointer;font-size:1.4rem;line-height:1;color:var(--c-text-muted);padding:.2rem .4rem;border-radius:var(--radius-sm)}.mob-menu-close:hover{background:var(--c-border)}.auth-body,body.auth-body{display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:100vh;padding:var(--space-5)}.auth-card{width:100%;max-width:380px;text-align:center;padding:var(--space-7) var(--space-6) var(--space-6)}.auth-card .brand-logo{width:220px;margin:0 auto var(--space-6)}.auth-footer{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--c-text-subtle)}@media (max-width:900px){.app-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--c-border)}.sidebar-toggle{display:none}.app-layout.sidebar-collapsed .sidebar{width:100%;padding:var(--space-4) var(--space-3)}.app-layout.sidebar-collapsed .sidebar-nav,.app-layout.sidebar-collapsed .sidebar-title{display:block}}@media (max-width:700px){.sidebar{display:none}.mob-topbar{display:flex;align-items:center}.mob-menu-btn{display:flex!important}.header-user{display:none}}