:root{--sp-primary-700: #3730A3;--sp-primary-600: #4F46E5;--sp-primary-500: #6366F1;--sp-primary-100: #E0E7FF;--sp-primary-050: #EEF2FF;--sp-accent-600: #0E7490;--sp-success: #15803D;--sp-warning: #B45309;--sp-danger: #B91C1C;--sp-info: #4F46E5;--sp-bg: #F1F5F9;--sp-surface: #FFFFFF;--sp-border: #E2E8F0;--sp-text-primary: #0F172A;--sp-text-secondary: #334155;--sp-text-muted: #64748B;--sp-text-inverse: #FFFFFF;--sp-radius-sm: 6px;--sp-radius-md: 10px;--sp-radius-lg: 16px;--sp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--sp-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--sp-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--sp-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sp-font);background:var(--sp-bg);color:var(--sp-text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}@supports (font-variation-settings: normal){body{font-family:"Inter var",var(--sp-font)}}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.35) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#64748b8c}a{color:var(--sp-primary-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);box-shadow:var(--sp-shadow-sm)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:var(--sp-radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn-primary{background:var(--sp-primary-600);color:var(--sp-text-inverse)}.sp-btn-primary:hover:not(:disabled){background:var(--sp-primary-700)}.sp-btn-ghost{background:transparent;color:var(--sp-text-secondary);border-color:var(--sp-border)}.sp-btn-ghost:hover:not(:disabled){background:var(--sp-primary-050);border-color:var(--sp-primary-100)}.sp-btn-danger{background:var(--sp-danger);color:var(--sp-text-inverse)}.sp-btn-danger:hover:not(:disabled){background:#991b1b}.sp-input{width:100%;padding:9px 12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);font-size:14px;font-family:inherit;background:var(--sp-surface);color:var(--sp-text-primary)}.sp-input:focus{outline:none;border-color:var(--sp-primary-500);box-shadow:0 0 0 3px var(--sp-primary-050)}