:root{--sp-primary-700: #0B5563;--sp-primary-600: #0E7490;--sp-primary-500: #1593AE;--sp-primary-100: #CFF0F4;--sp-primary-050: #ECFAFB;--sp-accent-600: #155E63;--sp-success: #15803D;--sp-warning: #B45309;--sp-danger: #B91C1C;--sp-info: #0E7490;--sp-bg: #F1F5F8;--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-modal-back{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.sp-modal{width:min(640px,100%);max-height:92vh;overflow:auto;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);box-shadow:var(--sp-shadow-md, var(--sp-shadow-sm));display:flex;flex-direction:column}.sp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--sp-border)}.sp-modal-head h2{margin:0;font-size:16px}.sp-modal-head .x{border:none;background:transparent;cursor:pointer;padding:4px}.sp-modal-body{padding:18px 20px;font-size:14px}.sp-modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--sp-border)}.sp-modal-lg{width:min(880px,100%)}.sp-modal-sm{width:min(440px,100%)}.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-input{width:100%;padding:10px 12px;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);font-size:14px;color:var(--sp-text-primary);background:var(--sp-surface)}.sp-input:focus{outline:none;border-color:var(--sp-primary-500);box-shadow:0 0 0 3px var(--sp-primary-100)}[dir=rtl]{text-align:right}