:root{--bg-deep:#ffffff;--bg-surface:#fafafa;--bg-elevated:#f4f4f5;--bg-hover:#e4e4e7;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#5A68D0;--accent-primary-dim:#4a58b8;--accent-primary-deep:#3d4a9e;--accent-primary-glow:rgba(90,104,208,0.12);--accent-primary-light:#f0f1fa;--accent-secondary:#0ea5e9;--accent-secondary-dim:#0284c7;--border-subtle:rgba(0,0,0,0.05);--border-visible:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.12)}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-grid{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:60px 60px}.bg-gradient,.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(90,104,208,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(14,165,233,.04),transparent)}.glass-header{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-in{animation:slideInRight .4s ease forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.card-hover{transition:all .25s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08);border-color:var(--border-strong)!important}.accent-glow:focus,.accent-glow:hover{box-shadow:0 0 30px var(--accent-primary-glow)}.section-tag{font-family:var(--mantine-font-family-monospace);font-size:.75rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.15em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}::selection{background:var(--accent-primary-glow);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.mantine-AppShell-header{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92))!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)!important}.mantine-AppShell-navbar{background:var(--bg-surface)!important;border-right:1px solid var(--border-subtle)!important;top:0!important;height:100vh!important}.mantine-NavLink-root[data-active]{background:var(--accent-primary-light)!important;color:var(--accent-primary)!important}.mantine-NavLink-root:hover:not([data-active]){background:var(--bg-hover)!important}.nav-item-button{position:relative;z-index:0;background-color:transparent!important}.nav-item-button:before{content:"";position:absolute;inset:1px;border-radius:5px;background-color:transparent;transition:background-color .15s ease;z-index:-1}.nav-item-button.active:before,.nav-item-button:hover:before{background-color:var(--bg-hover)}.mantine-Card-root{border-color:var(--border-visible)!important}.mantine-Button-root{font-weight:500}.mantine-Button-root[data-variant=filled]{box-shadow:0 2px 8px var(--accent-primary-glow)}.mantine-Button-root[data-variant=filled]:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-primary-glow)}.mantine-TextInput-input,.mantine-Textarea-input{border-color:var(--border-visible)!important;transition:all .2s ease}.mantine-TextInput-input:focus,.mantine-Textarea-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-primary-glow)!important}.mantine-Modal-content{box-shadow:0 20px 60px rgba(0,0,0,.15)!important}.logo-text{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));border-radius:8px;display:flex;align-items:center;justify-content:center;color:white}.stat-card{background:var(--bg-deep);border:1px solid var(--border-visible);border-radius:12px;padding:1.5rem;transition:all .25s ease}.stat-card:hover{border-color:var(--accent-primary);box-shadow:0 0 30px var(--accent-primary-glow)}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.playbook-icon svg{width:14px;height:14px;display:block}.hover-button:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.hover-button-danger:hover{background:rgba(239,68,68,.1)!important;color:#ef4444!important}.primary-button{transition:all .2s ease!important}.primary-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-primary-glow)!important;filter:brightness(1.05)}