:root{--brand-purple: #7C3AED;--brand-purple-dark: #5B21B6;--brand-purple-light: #EDE9FE;--brand-purple-mid: #8B5CF6;--brand-orange: #F97316;--brand-orange-light: #FFF7ED;--sidebar-bg: #FFFFFF;--sidebar-width: 260px;--sidebar-collapsed: 72px;--sidebar-border: #F3F0FF;--topbar-height: 64px;--content-bg: #F8F7FF;--surface-primary: #FFFFFF;--surface-border: #F3F0FF;--surface-border-mid: #EDE9FE;--text-primary: #1E1B4B;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-on-brand: #FFFFFF;--nav-hover-bg: #F5F3FF;--nav-active-child-bg: #EDE9FE;--nav-child-active-color: #7C3AED;--status-success-bg: #D1FAE5;--status-success-text: #065F46;--status-warning-bg: #FEF3C7;--status-warning-text: #92400E;--status-danger-bg: #FEE2E2;--status-danger-text: #991B1B;--status-info-bg: #DBEAFE;--status-info-text: #1E40AF;--status-neutral-bg: #F3F4F6;--status-neutral-text: #6B7280;--status-purple-bg: #EDE9FE;--status-purple-text: #5B21B6;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-sidebar: 2px 0 16px rgba(124,58,237,.06);--shadow-modal: 0 20px 60px rgba(124,58,237,.18), 0 8px 24px rgba(0,0,0,.08);--shadow-dropdown: 0 8px 24px rgba(0,0,0,.12);--font-display: "Sora", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .22s cubic-bezier(.4,0,.2,1);--transition-slow: .35s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.2}.page-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.page-subtitle{font-size:13.5px;color:var(--text-secondary)}.section-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary)}.btn-primary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);background:var(--brand-purple);color:var(--text-on-brand);font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:var(--font-body);transition:background var(--transition),transform .1s}.btn-primary:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--brand-purple-dark);transform:translateY(-1px)}.btn-primary:active:not(:disabled),.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-danger:disabled{opacity:.65;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--surface-border-mid);background:var(--surface-primary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all var(--transition)}.btn-outline:hover:not(:disabled){border-color:var(--brand-purple-mid);color:var(--brand-purple);background:var(--brand-purple-light)}.btn-outline:disabled{opacity:.65;cursor:not-allowed}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.card{background:var(--surface-primary);border:1.5px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:500}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--success{background:var(--status-success-bg);color:var(--status-success-text)}.badge--warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge--danger{background:var(--status-danger-bg);color:var(--status-danger-text)}.badge--info{background:var(--status-info-bg);color:var(--status-info-text)}.badge--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.badge--purple{background:var(--status-purple-bg);color:var(--status-purple-text)}.link{color:var(--brand-purple);font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .15s}.link:hover{opacity:.8;text-decoration:underline}.link--orange{color:var(--brand-orange);font-weight:600}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--content-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}img,svg{display:block;max-width:100%}*{scrollbar-width:thin;scrollbar-color:var(--brand-purple-light) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--brand-purple-light);border-radius:3px}