:root,[data-theme=light]{--color-surface:var(--bone);--color-surface-elevated:var(--white);--color-surface-card:var(--white);--color-surface-card-secondary:var(--chalk-light);--color-interactive:var(--deep-slate);--color-text-primary:var(--navy-abyss);--color-text-secondary:var(--ink);--color-text-muted:var(--graphite);--color-text-on-primary:var(--white);--color-primary:var(--signal-green);--color-primary-hover:#00d964;--color-border:rgba(11,29,58,.1);--color-border-medium:rgba(11,29,58,.15);--color-border-strong:rgba(11,29,58,.22);--elevation-0:var(--elevation-light-0);--elevation-1:var(--elevation-light-1);--elevation-2:var(--elevation-light-2);--elevation-3:var(--elevation-light-3);--elevation-4:var(--elevation-light-4);--shadow-sm:0 1px 2px rgba(11,29,58,.05);--shadow-md:0 2px 8px rgba(11,29,58,.08);--shadow-lg:0 4px 16px rgba(11,29,58,.1);--color-status-active:var(--status-green);--color-status-threat:var(--status-red-light);--color-status-pending:var(--status-yellow-light);--color-status-active-bg:rgba(0,198,90,.12);--color-status-threat-bg:rgba(229,62,79,.1);--color-status-pending-bg:rgba(212,150,10,.12)}.dark,[data-theme=dark]{--color-surface:var(--obsidian-base);--color-surface-elevated:var(--navy-abyss);--color-surface-card:var(--ink);--color-surface-card-secondary:var(--ink);--color-interactive:var(--deep-slate);--color-text-primary:var(--bone);--color-text-secondary:var(--chalk-dark);--color-text-muted:var(--graphite);--color-text-on-primary:var(--obsidian-base);--color-primary:var(--signal-green);--color-primary-hover:#00d964;--color-border:hsla(60,4%,77%,.08);--color-border-medium:hsla(60,4%,77%,.12);--color-border-strong:hsla(60,4%,77%,.15);--elevation-0:var(--elevation-dark-0);--elevation-1:var(--elevation-dark-1);--elevation-2:var(--elevation-dark-2);--elevation-3:var(--elevation-dark-3);--elevation-4:var(--elevation-dark-4);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.25);--shadow-lg:0 4px 16px rgba(0,0,0,.3);--color-status-active:var(--status-green);--color-status-threat:var(--status-red-dark);--color-status-pending:var(--status-yellow-dark);--color-status-active-bg:rgba(0,198,90,.15);--color-status-threat-bg:rgba(255,71,87,.15);--color-status-pending-bg:rgba(255,190,11,.15)}.type-display{font-size:3.5rem;line-height:1.05;letter-spacing:-2px}.type-display,.type-h1,h1{font-family:var(--font-display);font-weight:800;color:var(--color-text-primary)}.type-h1,h1{font-size:3rem;line-height:1.1;letter-spacing:-1.5px}.type-h2,h2{font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.5px}.type-h2,.type-h3,h2,h3{font-family:var(--font-display);color:var(--color-text-primary)}.type-h3,h3{font-size:1.25rem;font-weight:600;line-height:1.3}.type-body{font-size:.875rem;font-weight:400;line-height:1.7;color:var(--color-text-secondary)}.type-body,.type-caption{font-family:var(--font-body)}.type-caption{font-size:.75rem;color:var(--color-text-muted)}.type-mono{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.5px}.type-label{letter-spacing:2.5px;color:var(--color-primary)}.type-label,.type-overline{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;text-transform:uppercase}.type-overline{letter-spacing:1.5px;color:var(--color-text-muted)}.btn{font-family:var(--font-body);font-size:.8125rem;font-weight:600;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-text-muted);background:var(--elevation-1)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover{text-decoration:underline}.badge-ds{font-family:var(--font-mono);font-size:.625rem;font-weight:500;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase}.badge-ds-active{background:var(--color-status-active-bg);color:var(--color-status-active)}.badge-ds-threat{background:var(--color-status-threat-bg);color:var(--color-status-threat)}.badge-ds-pending{background:var(--color-status-pending-bg);color:var(--color-status-pending)}.card-ds{background:var(--color-surface-card);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card-ds:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-ds-secondary{background:var(--color-surface-card-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.input-ds{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:.8125rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-ds::-moz-placeholder{color:var(--color-text-muted);font-style:italic}.input-ds::placeholder{color:var(--color-text-muted);font-style:italic}.input-ds:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,198,90,.1)}.input-label-ds{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);display:block}.notification-ds{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-card);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md)}