:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-subtle: #fcfcfd;--color-text: #18181b;--color-text-secondary: #71717a;--color-text-tertiary: #a1a1aa;--color-border: #e4e4e7;--color-border-subtle: rgba(0, 0, 0, .05);--surface: var(--color-surface);--surface-subtle: var(--color-surface-subtle);--border: var(--color-border);--border-subtle: var(--color-border-subtle);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--bg-surface-2: #f4f4f5;--brand-primary: var(--color-primary);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-subtle: rgba(255, 255, 255, .45);--glass-bg-active: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .65);--glass-border-subtle: rgba(0, 0, 0, .06);--glass-blur: 24px;--glass-shadow: 0 8px 32px 0 rgba(15, 23, 42, .05);--color-primary: #18181b;--color-primary-hover: #27272a;--color-primary-light: #f4f4f5;--color-accent: #2563eb;--color-accent-subtle: #eff6ff;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-nav-bg: #18181b;--color-score-high: var(--color-success);--color-score-good: #3b82f6;--color-score-medium: var(--color-warning);--color-score-low: var(--color-danger);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-page-title: 22px;--font-weight-page-title: 650;--font-size-card-title: 16px;--font-weight-card-title: 600;--font-size-body: 13.5px;--font-size-secondary: 12.5px;--font-size-kpi-min: 26px;--font-size-kpi-max: 34px;--font-weight-kpi: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--card-padding: var(--space-5);--card-radius: 12px;--panel-radius: 16px;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-hover: 0 6px 18px rgba(0, 0, 0, .06), 0 2px 5px rgba(0, 0, 0, .03);--shadow-glass-card: 0 4px 16px rgba(0, 0, 0, .03), inset 0 1px 0 rgba(255, 255, 255, .8);--nav-height: 56px;--sidebar-width: 250px}*,*:before,*:after{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}input,button,select,textarea,optgroup,option{font-family:var(--font-family)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000038}.body,.cabinet-body{padding:20px 24px;max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 768px){.body,.cabinet-body{padding:16px}}.plan-badge,.badge-plan{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.plan-badge.pro,.badge-plan.pro{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.plan-badge.trial,.badge-plan.trial{background:#f4f4f5;color:#18181b;border:1px solid #e4e4e7}.plan-badge.guest,.badge-plan.guest{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.plan-badge.expired,.badge-plan.expired{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.premium-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);box-shadow:var(--shadow-soft);padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1)}.premium-card:hover{border-color:#0000001f;box-shadow:var(--shadow-hover)}:root{--liquid-glass-bg: rgba(255, 255, 255, .76);--liquid-glass-bg-subtle: rgba(255, 255, 255, .52);--liquid-glass-bg-elevated: rgba(255, 255, 255, .9);--liquid-glass-border: rgba(255, 255, 255, .65);--liquid-glass-border-subtle: rgba(0, 0, 0, .07);--liquid-glass-blur: blur(22px) saturate(190%);--liquid-glass-blur-sm: blur(14px) saturate(170%);--liquid-glass-shadow: 0 12px 36px 0 rgba(15, 23, 42, .08), 0 2px 8px 0 rgba(15, 23, 42, .03);--liquid-glass-shadow-sm: 0 4px 16px 0 rgba(15, 23, 42, .05);--liquid-glass-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .95);--liquid-glass-radius: 16px;--liquid-glass-radius-pill: 999px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}.liquid-glass-card{background:var(--liquid-glass-bg);backdrop-filter:var(--liquid-glass-blur);-webkit-backdrop-filter:var(--liquid-glass-blur);border:1px solid var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow),var(--liquid-glass-highlight);border-radius:var(--liquid-glass-radius);transition:all .25s cubic-bezier(.16,1,.3,1)}.liquid-glass-card:hover{box-shadow:0 16px 42px #0f172a1f,var(--liquid-glass-highlight);border-color:#ffffffd9}.liquid-glass-bar{background:var(--liquid-glass-bg-elevated);backdrop-filter:var(--liquid-glass-blur);-webkit-backdrop-filter:var(--liquid-glass-blur);border:1px solid var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow),var(--liquid-glass-highlight);border-radius:var(--liquid-glass-radius-pill)}.liquid-glass-pill{display:inline-flex;align-items:center;gap:6px;background:var(--liquid-glass-bg-subtle);backdrop-filter:var(--liquid-glass-blur-sm);-webkit-backdrop-filter:var(--liquid-glass-blur-sm);border:1px solid var(--liquid-glass-border);box-shadow:0 2px 8px #00000008,var(--liquid-glass-highlight);border-radius:var(--liquid-glass-radius-pill);padding:4px 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.liquid-glass-pill:hover{background:var(--liquid-glass-bg-elevated);box-shadow:0 4px 12px #0000000f,var(--liquid-glass-highlight);transform:translateY(-1px)}.apple-btn-tactile{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.apple-btn-tactile:active{transform:scale(.97)}@media (max-width: 768px){.touch-target{min-height:44px;min-width:44px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}