:root{--color-bg:#F6F7FB;--color-surface:#FFFFFF;--color-primary:#116466;--color-secondary:#FFCB9A;--color-success:#2FB37B;--color-error:#E57373;--color-text-primary:#1F2933;--color-text-muted:#667788;--color-border:#E2E8F0;--radius-card:20px;--shadow-card:0 1.5px 7px rgba(0,0,0,.07);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px}.dark{--color-bg:#131B27;--color-surface:#212B3B;--color-primary:#50B7FC;--color-secondary:#1F3346;--color-success:#49FFB0;--color-error:#FF6B6B;--color-text-primary:#F5F7FB;--color-text-muted:#8FA9A8;--color-border:#223047;--radius-card:18px;--shadow-card:0 4px 24px rgba(16,28,52,0.18)}.bg-surface{background:var(--color-surface)}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card);transition:background .2s}.btn-primary:hover{filter:brightness(1.08)}