@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..900;1,14..32,300..900&display=swap";:root{--brand:#00e676;--brand-hover:#00c853;--brand-press:#00a847;--brand-soft:#00e6761a;--brand-border:#00e67647;--brand-glow:0 0 32px #00e67647;--on-brand:#031209;--brand-grad:linear-gradient(135deg, #00e676 0%, #00c853 100%);--brand-grad-vivid:linear-gradient(135deg, #4dffa6 0%, #00e676 50%, #00b248 100%);--accent:#ff5722;--accent-hover:#e64a19;--accent-soft:#ff57221a;--accent-border:#ff57223d;--aurora-1:#00e676;--aurora-2:#42a5f5;--aurora-3:#ff5722;--aurora-4:#ffd54f;--hero-glow:radial-gradient(60% 50% at 50% 0%, #00e6762e 0%, transparent 70%);--info:#42a5f5;--info-soft:#42a5f51a;--success:#26c97e;--success-soft:#26c97e1a;--warning:#ffca28;--warning-soft:#ffca281a;--danger:#ef5350;--danger-soft:#ef53501a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", "Cascadia Code", "Roboto Mono", monospace;--font-features:"cv11", "ss01", "ss03", "cv01", "cv02";--font-features-num:"tnum", "lnum";--fs-2xs:10px;--fs-xs:11.5px;--fs-sm:12.5px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:48px;--fs-display:clamp(40px, 6.5vw, 84px);--fs-display-sm:clamp(28px, 4.2vw, 48px);--lh-tight:1.15;--lh-snug:1.35;--lh-base:1.55;--lh-relaxed:1.7;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:-.005em;--tracking-wide:.02em;--tracking-wider:.06em;--tracking-widest:.1em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--sidebar-w:232px;--sidebar-icon-w:60px;--topbar-h:60px;--bottomnav-h:60px;--page-pad:28px;--container-narrow:640px;--container-base:960px;--container-wide:1240px;--container-ultra:1440px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-3xl:40px;--r-full:9999px;--sp-px:1px;--sp-0-5:2px;--sp-1:4px;--sp-1-5:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--t-instant:80ms ease;--t-fast:.11s ease;--t-base:.2s cubic-bezier(.32, .72, 0, 1);--t-slow:.35s cubic-bezier(.32, .72, 0, 1);--t-spring:.42s cubic-bezier(.34, 1.56, .64, 1);--t-emphasized:.52s cubic-bezier(.2, .8, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--page-enter-duration:.28s;--z-sticky:100;--z-overlay:1000;--z-modal:2000;--z-toast:3000;--z-tooltip:4000;--tier-free:#6b8294;--tier-free-soft:#6b82941f;--tier-standard:#10b981;--tier-standard-soft:#10b9811a;--tier-standard-border:#10b98147;--tier-pro:var(--info);--tier-pro-soft:var(--info-soft);--tier-pro-border:#42a5f547;--tier-elite:#ffd54f;--tier-elite-soft:#ffd54f1a;--tier-elite-border:#ffd54f4d;--tier-elite-glow:0 0 32px #ffd54f33}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#06111e;--surface:#0c1c30;--card:#102340;--raised:#163055;--interactive:#1d3e67;--overlay:#040a14e0;--backdrop:#040a148c;--text-1:#def;--text-2:#7db0d4;--text-3:#4a6f8a;--text-inverse:#06111e;--border-1:#78a9d21a;--border-2:#78a9d22b;--border-3:#78a9d247;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #00000073;--shadow-md:0 4px 16px #0000008c;--shadow-lg:0 8px 32px #000000a6;--shadow-xl:0 18px 48px #000000b3;--shadow-card:0 1px 3px #0000004d, 0 4px 16px #00000073, inset 0 1px 0 #ffffff0f;--shadow-card-hover:0 2px 6px #00000059, 0 12px 36px #0000008c, inset 0 1px 0 #ffffff14;--glass-bg:#0a182ac7;--glass-bg-strong:#0a182aeb;--glass-border:#78a9d22b;--sidebar-bg:linear-gradient(180deg, #0c1c30 0%, #091727 100%);--grad-canvas:radial-gradient(ellipse at 15% 0%, #0032644d 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, #001e4633 0%, transparent 50%);--grad-card-shine:linear-gradient(135deg, #ffffff0a 0%, #fff0 60%)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f7fb;--surface:#fff;--card:#fff;--raised:#eef2f8;--interactive:#e2e8f1;--overlay:#08122073;--backdrop:#0812204d;--text-1:#0a1d33;--text-2:#4b6075;--text-3:#7a8ea3;--text-inverse:#fff;--border-1:#0a1d330f;--border-2:#0a1d331a;--border-3:#0a1d3329;--brand:#00b653;--brand-hover:#009e47;--brand-press:#00833a;--brand-soft:#00b6531a;--brand-border:#00b65347;--brand-glow:0 0 24px #00b65333;--on-brand:#fff;--brand-grad:linear-gradient(135deg, #00b653 0%, #009245 100%);--shadow-xs:0 1px 2px #0a1d330a;--shadow-sm:0 1px 3px #0a1d330f, 0 1px 2px #0a1d330a;--shadow-md:0 4px 14px #0a1d3314, 0 1px 3px #0a1d330d;--shadow-lg:0 12px 32px #0a1d331a, 0 2px 6px #0a1d330d;--shadow-xl:0 24px 60px #0a1d3324, 0 4px 10px #0a1d330f;--shadow-card:0 1px 3px #0a1d330d, 0 4px 12px #0a1d330f;--shadow-card-hover:0 2px 5px #0a1d3312, 0 12px 28px #0a1d331a;--glass-bg:#ffffffc7;--glass-bg-strong:#fffffff0;--glass-border:#0a1d3314;--sidebar-bg:linear-gradient(180deg, #fff 0%, #f4f7fb 100%);--grad-canvas:radial-gradient(ellipse at 15% 0%, #00b6530f 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, #42a5f50d 0%, transparent 50%);--grad-card-shine:linear-gradient(135deg, #00000004 0%, #0000 60%)}@media (prefers-color-scheme:light){:root[data-theme=auto]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f7fb;--surface:#fff;--card:#fff;--raised:#eef2f8;--interactive:#e2e8f1;--overlay:#08122073;--backdrop:#0812204d;--text-1:#0a1d33;--text-2:#4b6075;--text-3:#7a8ea3;--text-inverse:#fff;--border-1:#0a1d330f;--border-2:#0a1d331a;--border-3:#0a1d3329;--brand:#00b653;--brand-hover:#009e47;--brand-press:#00833a;--brand-soft:#00b6531a;--brand-border:#00b65347;--brand-glow:0 0 24px #00b65333;--on-brand:#fff;--brand-grad:linear-gradient(135deg, #00b653 0%, #009245 100%);--shadow-xs:0 1px 2px #0a1d330a;--shadow-sm:0 1px 3px #0a1d330f, 0 1px 2px #0a1d330a;--shadow-md:0 4px 14px #0a1d3314, 0 1px 3px #0a1d330d;--shadow-lg:0 12px 32px #0a1d331a, 0 2px 6px #0a1d330d;--shadow-xl:0 24px 60px #0a1d3324, 0 4px 10px #0a1d330f;--shadow-card:0 1px 3px #0a1d330d, 0 4px 12px #0a1d330f;--shadow-card-hover:0 2px 5px #0a1d3312, 0 12px 28px #0a1d331a;--glass-bg:#ffffffc7;--glass-bg-strong:#fffffff0;--glass-border:#0a1d3314;--sidebar-bg:linear-gradient(180deg, #fff 0%, #f4f7fb 100%);--grad-canvas:radial-gradient(ellipse at 15% 0%, #00b6530f 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, #42a5f50d 0%, transparent 50%);--grad-card-shine:linear-gradient(135deg, #00000004 0%, #0000 60%)}}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms linear;--t-base:1ms linear;--t-slow:1ms linear;--t-spring:1ms linear;--t-emphasized:1ms linear;--page-enter-duration:1ms}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;font-size:16px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}::selection{background:color-mix(in srgb, var(--brand) 35%, transparent);color:var(--text-1)}body{font-family:var(--font);font-feature-settings:var(--font-features), var(--font-features-num);font-variant-numeric:tabular-nums;background:var(--canvas);background-image:var(--grad-canvas);color:var(--text-1);min-height:100dvh;line-height:var(--lh-base);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-base), color var(--t-base);background-attachment:fixed}#root{display:contents}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.display-1{font-size:var(--fs-display);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tighter);line-height:1.02}.display-2{font-size:var(--fs-display-sm);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tighter);line-height:1.06}.eyebrow{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--brand)}.text-gradient{background:linear-gradient(135deg, var(--text-1) 0%, color-mix(in srgb, var(--brand) 80%, var(--text-1)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.text-brand-gradient{background:var(--brand-grad-vivid);color:#0000;-webkit-background-clip:text;background-clip:text}.app-shell{height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-content{padding:var(--page-pad);scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;flex:1;overflow:hidden auto}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:0 0}.page-content::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--r-full)}.page-content::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border-2);height:100dvh;transition:width var(--t-slow);z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.sidebar.collapsed{width:var(--sidebar-icon-w)}.sidebar-logo{height:var(--topbar-h);align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border-1);flex-shrink:0;padding:0 16px;display:flex}.sidebar-logo-mark{background:var(--brand-grad);border-radius:var(--r-md);width:32px;height:32px;color:var(--on-brand);box-shadow:var(--brand-glow), inset 0 1px 0 #ffffff40;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.sidebar-logo-text{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-1);white-space:nowrap;transition:opacity var(--t-base), width var(--t-base);letter-spacing:var(--tracking-tight);overflow:hidden}.sidebar.collapsed .sidebar-logo-text{opacity:0;pointer-events:none;width:0}.sidebar-nav{min-height:0;padding:var(--sp-2) 0;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;flex:1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.sidebar-section-label{font-size:9.5px;font-weight:var(--fw-bold);letter-spacing:var(--tracking-widest);color:var(--text-3);text-transform:uppercase;padding:var(--sp-4) var(--sp-4) var(--sp-1) var(--sp-4);white-space:nowrap;transition:opacity var(--t-base);overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0}.sidebar-link{align-items:center;gap:var(--sp-3);color:var(--text-2);font-size:13px;font-weight:var(--fw-medium);transition:background var(--t-fast), color var(--t-fast), transform var(--t-fast);white-space:nowrap;margin:1px var(--sp-2);border-radius:var(--r-md);padding:8px 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{background:var(--raised);color:var(--text-1)}.sidebar-link.active{background:linear-gradient(90deg, var(--brand-soft) 0%, transparent 100%);color:var(--brand);font-weight:var(--fw-semibold)}.sidebar-link.active:before{content:"";background:var(--brand);border-radius:0 2px 2px 0;width:3px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:2px 0 12px #00e67673}.sidebar-link .slink-icon{opacity:.85;width:18px;height:18px;transition:opacity var(--t-fast), transform var(--t-base) var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-link:hover .slink-icon{transform:scale(1.08)}.sidebar-link.active .slink-icon{opacity:1}.sidebar-link .slink-label{white-space:nowrap;transition:opacity var(--t-base);flex:1;overflow:hidden}.sidebar.collapsed .slink-label{opacity:0;pointer-events:none}.sidebar-link .slink-lock{width:14px;height:14px;color:var(--text-3);opacity:.6;transition:opacity var(--t-base);flex-shrink:0}.sidebar.collapsed .slink-lock{opacity:0}.sidebar-footer{padding:var(--sp-3) var(--sp-2);border-top:1px solid var(--border-1);align-items:center;gap:var(--sp-3);display:flex;overflow:hidden}.sidebar-toggle-btn{background:var(--card);border:1px solid var(--border-3);border-radius:var(--r-full);cursor:pointer;width:24px;height:24px;color:var(--text-2);transition:background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast), transform var(--t-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar-toggle-btn:hover{background:var(--interactive);color:var(--brand);border-color:var(--brand-border);box-shadow:var(--shadow-sm), 0 0 12px var(--brand-soft);transform:translateY(-50%)scale(1.05)}.topbar{height:var(--topbar-h);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--glass-border);padding:0 var(--page-pad);align-items:center;gap:var(--sp-4);z-index:50;flex-shrink:0;display:flex}.topbar-breadcrumb{align-items:center;gap:var(--sp-2);font-size:var(--fs-base);color:var(--text-2);flex:1;min-width:0;display:flex}.topbar-breadcrumb .page-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:var(--tracking-tight)}.topbar-actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.bottom-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--glass-border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;display:none}.bottom-nav-inner{height:var(--bottomnav-h);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.bottom-nav-inner::-webkit-scrollbar{display:none}.bottom-nav-item{min-width:64px;color:var(--text-3);font-size:var(--fs-2xs);font-weight:var(--fw-medium);transition:color var(--t-fast), transform var(--t-fast);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:6px 10px 2px;text-decoration:none;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--brand)}.bottom-nav-item.active:before{content:"";background:var(--brand);width:30px;height:3px;box-shadow:var(--brand-glow);border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-item svg{width:22px;height:22px;transition:transform var(--t-base) var(--ease-spring)}.bottom-nav-item.active svg{transform:scale(1.15)}.card{background:var(--card);border:1px solid var(--border-1);border-radius:var(--r-lg);box-shadow:var(--shadow-card);min-width:0;max-width:100%;position:relative;overflow:hidden}.card:before{content:"";background:var(--grad-card-shine);pointer-events:none;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.card>*{position:relative}.card-interactive{cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-base), transform var(--t-base)}.card-interactive:hover{border-color:var(--border-3);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-interactive:active{transform:translateY(-1px)}.card-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:52px;display:flex}.card-header h2,.card-header h3{font-size:13px;font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:.01em}.card-body{padding:var(--sp-5) var(--sp-6)}.stat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));display:grid}.stat-card{background:var(--card);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6) var(--sp-4);gap:var(--sp-2);box-shadow:var(--shadow-card);transition:border-color var(--t-fast), box-shadow var(--t-base), transform var(--t-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:radial-gradient(circle at top right, var(--brand-soft), transparent 70%);opacity:0;width:80px;height:80px;transition:opacity var(--t-base);pointer-events:none;position:absolute;top:0;right:0}.stat-card:hover{border-color:var(--brand-border);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.stat-card:hover:after{opacity:1}.stat-card-icon{border-radius:var(--r-md);width:40px;height:40px;margin-bottom:var(--sp-1);justify-content:center;align-items:center;font-size:18px;display:flex;box-shadow:inset 0 1px #ffffff0f}.stat-card-value{font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--text-1);letter-spacing:var(--tracking-tighter);font-feature-settings:var(--font-features-num);line-height:1}.stat-card-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.stat-card-trend{font-size:12px;font-weight:var(--fw-semibold);margin-top:var(--sp-1);align-items:center;gap:4px;display:flex}.stat-card-trend.up{color:var(--success)}.stat-card-trend.down{color:var(--danger)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font);font-size:13.5px;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;min-height:36px;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-base), transform var(--t-fast), opacity var(--t-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate;border:none;padding:8px 16px;line-height:1.4;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand-grad);color:var(--on-brand);box-shadow:0 1px 2px #0000001a,0 2px 8px #00e6764d,inset 0 1px #ffffff38}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #1bff8c 0%, var(--brand) 100%);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a,0 6px 24px #00e67680,inset 0 1px #ffffff4d}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 1px 2px #0000001a,0 1px 4px #00e6764d,inset 0 1px #fff3}.btn-accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;box-shadow:0 1px 2px #0000001a,0 2px 8px #ff57224d,inset 0 1px #ffffff38}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg, #ff6b3d 0%, var(--accent) 100%);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a,0 6px 24px #ff572280,inset 0 1px #ffffff4d}.btn-ghost{color:var(--text-2);border:1px solid var(--border-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--raised);color:var(--text-1);border-color:var(--border-3)}.btn-surface{background:var(--raised);color:var(--text-1);border:1px solid var(--border-1)}.btn-surface:hover:not(:disabled){background:var(--interactive);border-color:var(--border-2)}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 22%, transparent)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 14px #ef535066}.btn-icon{border-radius:var(--r-md);padding:8px}.btn-sm{min-height:30px;padding:5px 11px;font-size:12px}.btn-lg{border-radius:var(--r-lg);min-height:44px;padding:12px 24px;font-size:15px}.btn-xl{font-size:var(--fs-md);border-radius:var(--r-lg);min-height:52px;font-weight:var(--fw-bold);padding:14px 28px}.btn-block{width:100%}.badge{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--r-full);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-brand{background:var(--brand-soft);color:var(--brand)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--raised);color:var(--text-2)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-wider);display:block}.input,.select,.textarea{font-family:var(--font);font-size:var(--fs-base);color:var(--text-1);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);-webkit-appearance:none;appearance:none;outline:none;width:100%;padding:9px 13px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:var(--card)}.textarea{resize:vertical;min-height:80px}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237aa8cc' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input-with-icon{position:relative}.input-with-icon .input{padding-left:38px}.input-with-icon .input-icon{color:var(--text-3);pointer-events:none;transition:color var(--t-fast);align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .input:focus+.input-icon,.input-with-icon:focus-within .input-icon{color:var(--brand)}.avatar{border-radius:var(--r-full);font-weight:var(--fw-bold);text-transform:uppercase;background:var(--raised);color:var(--text-2);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:22px}.avatar-2xl{width:88px;height:88px;font-size:30px}.avatar-brand{background:var(--brand-soft);color:var(--brand)}.avatar-accent{background:var(--accent-soft);color:var(--accent)}.page-header{margin-bottom:var(--sp-8);justify-content:space-between;align-items:flex-start;gap:var(--sp-6);flex-wrap:wrap;display:flex}.page-header-text h1{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);color:var(--text-1);letter-spacing:var(--tracking-tighter);line-height:1.15}.page-header-text p{font-size:var(--fs-base);color:var(--text-2);margin-top:4px;line-height:1.5}.section-header{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.section-header h2{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-1)}.section-header h3{font-size:11px;font-weight:var(--fw-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:11px;font-weight:var(--fw-bold);color:var(--text-3);text-transform:uppercase;letter-spacing:var(--tracking-widest);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-2);white-space:nowrap;background:color-mix(in srgb, var(--surface) 50%, transparent)}td{color:var(--text-1);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-1);vertical-align:middle;font-size:13.5px}tr:last-child td{border-bottom:none}tr{transition:background var(--t-fast)}tr:hover td{background:color-mix(in srgb, var(--raised) 60%, transparent)}.readiness-dot{border-radius:var(--r-full);flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0}.readiness-5{background:var(--success);box-shadow:0 0 8px color-mix(in srgb, var(--success) 60%, transparent)}.readiness-4{background:var(--brand);box-shadow:0 0 8px var(--brand-soft)}.readiness-3{background:var(--warning)}.readiness-2{background:var(--accent)}.readiness-1{background:var(--danger)}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:var(--sp-4);padding:var(--sp-3) 0;display:flex}.timeline-line{background:var(--border-2);width:1px;position:absolute;top:24px;bottom:0;left:7px}.timeline-dot-wrap{flex-shrink:0;width:16px;position:relative}.timeline-dot{border-radius:var(--r-full);background:var(--card);border:2px solid var(--brand-border);z-index:1;flex-shrink:0;width:16px;height:16px;position:relative}.empty-state{padding:var(--sp-12) var(--sp-8);text-align:center;justify-content:center;align-items:center;gap:var(--sp-3);color:var(--text-3);flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--r-2xl);background:linear-gradient(135deg, var(--raised) 0%, var(--surface) 100%);width:72px;height:72px;margin-bottom:var(--sp-2);border:1px solid var(--border-2);color:var(--text-3);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative}.empty-state-icon:before{content:"";background:radial-gradient(circle at top, var(--brand-soft), transparent 60%);border-radius:inherit;opacity:.6;pointer-events:none;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.empty-state h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-1)}.empty-state p{font-size:var(--fs-sm);color:var(--text-3);max-width:320px;line-height:var(--lh-relaxed)}.empty-state .btn{margin-top:var(--sp-2)}.tabs{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border-1);scrollbar-width:none;flex-shrink:0;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto;box-shadow:inset 0 1px #ffffff08}.tabs::-webkit-scrollbar{display:none}.tab{font-size:13px;font-weight:var(--fw-medium);color:var(--text-2);border-radius:calc(var(--r-md) - 1px);cursor:pointer;font-family:var(--font);transition:background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;background:0 0;border:none;padding:6px 16px;line-height:1.5}.tab.active{background:var(--card);color:var(--text-1);box-shadow:var(--shadow-sm);font-weight:var(--fw-semibold)}.tab:hover:not(.active){color:var(--text-1);background:var(--raised)}.tab:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.progress-bar-wrap{flex-direction:column;gap:4px;display:flex}.progress-bar{background:var(--border-1);border-radius:var(--r-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--r-full);background:var(--brand-grad);height:100%;transition:width .7s var(--ease-out-expo);box-shadow:0 0 12px var(--brand-soft)}.progress-label{font-size:var(--fs-xs);color:var(--text-3);font-feature-settings:var(--font-features-num);justify-content:space-between;display:flex}.divider{background:linear-gradient(90deg, transparent, var(--border-2), transparent);height:1px;margin:var(--sp-4) 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes page-load-bar{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--brand-soft)}50%{box-shadow:0 0 0 8px #0000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes auroraDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(4%,-3%)scale(1.05)}66%{transform:translate(-3%,4%)scale(.95)}to{transform:translate(0)scale(1)}}.page-content>*{animation:pageFadeIn var(--page-enter-duration) var(--ease-out-expo) both}.spinner{border:2px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.loading-page{background:var(--canvas);justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;height:100dvh;display:flex}.loading-page .spinner{border-width:3px;width:36px;height:36px}.loading-page p{font-size:var(--fs-base);color:var(--text-3)}.skel{border-radius:var(--r-md);background:linear-gradient(90deg, var(--raised) 0%, color-mix(in srgb, var(--interactive) 80%, var(--raised)) 35%, var(--raised) 70%);background-size:600px 100%;flex-shrink:0;animation:1.5s ease-in-out infinite shimmer}.skel-text{border-radius:var(--r-sm);height:13px}.skel-title{border-radius:var(--r-sm);height:18px}.skel-card{border-radius:var(--r-lg);height:80px}.skel-avatar{border-radius:var(--r-full);width:36px;height:36px}.skel-btn{border-radius:var(--r-md);width:80px;height:32px}.skel-row{align-items:center;gap:var(--sp-3);display:flex}.chip{border-radius:var(--r-full);background:var(--raised);color:var(--text-2);font-size:12px;font-weight:var(--fw-medium);border:1px solid var(--border-1);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;align-items:center;gap:4px;padding:5px 12px;display:inline-flex}.chip:hover{background:var(--interactive);color:var(--text-1);border-color:var(--border-2)}.chip.active{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-border);font-weight:var(--fw-semibold)}.chip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}@media (max-width:900px){:root{--page-pad:16px}.sidebar{display:none}.bottom-nav{flex-direction:column;display:flex}.page-content{padding:var(--page-pad);padding-bottom:calc(var(--bottomnav-h) + var(--page-pad) + env(safe-area-inset-bottom,0px))}.topbar{padding:0 var(--sp-4)}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-header{gap:var(--sp-3);flex-direction:column}.card-header{gap:var(--sp-3);flex-wrap:wrap}.btn{min-height:40px}.btn-sm{min-height:36px;padding:6px 14px}.card>table,.card-body>table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.pricing-card{min-width:0}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab{white-space:nowrap;flex-shrink:0}.page-header-text h1{font-size:var(--fs-xl)}}@media (min-width:901px) and (max-width:1280px){:root{--page-pad:20px}}.fab{display:none}@media (max-width:768px){.fab{bottom:calc(var(--bottomnav-h) + 12px + env(safe-area-inset-bottom,0px));z-index:500;background:var(--brand-grad);color:var(--on-brand);font-weight:var(--fw-bold);font-size:var(--fs-base);cursor:pointer;transition:transform var(--t-base) var(--ease-spring), box-shadow var(--t-base);border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 20px;display:flex;position:fixed;right:20px;box-shadow:0 4px 20px #00e67666,inset 0 1px #ffffff40}.fab:active{transform:scale(.94)}.noticeboard-header-btn{display:none}}.tier-badge{font-size:10px;font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--r-full);align-items:center;padding:2px 8px;display:inline-flex}.tier-badge--free{background:var(--tier-free-soft);color:var(--tier-free)}.tier-badge--standard{background:var(--tier-standard-soft);color:var(--tier-standard);border:1px solid var(--tier-standard-border)}.tier-badge--pro{background:var(--tier-pro-soft);color:var(--tier-pro);border:1px solid var(--tier-pro-border)}.tier-badge--elite{background:var(--tier-elite-soft);color:var(--tier-elite);border:1px solid var(--tier-elite-border);box-shadow:var(--tier-elite-glow)}.aurora-bg{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.aurora-bg:before,.aurora-bg:after{content:"";filter:blur(80px);opacity:.35;border-radius:50%;animation:18s ease-in-out infinite auroraDrift;position:absolute}.aurora-bg:before{background:radial-gradient(circle, var(--aurora-1), transparent 60%);width:60vw;max-width:720px;height:60vw;max-height:720px;top:-20%;left:-10%}.aurora-bg:after{background:radial-gradient(circle, var(--aurora-2), transparent 60%);width:50vw;max-width:600px;height:50vw;max-height:600px;animation-delay:-6s;bottom:-20%;right:-10%}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border)}.pricing-card{background:var(--card);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:var(--sp-6);gap:var(--sp-4);box-shadow:var(--shadow-card);transition:transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base);flex-direction:column;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-3);transform:translateY(-4px)}.pricing-card.featured{border-color:var(--brand-border);box-shadow:var(--shadow-lg), 0 0 32px color-mix(in srgb, var(--brand) 14%, transparent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}