:root{
  --slq-blue:#2142f4;--slq-blue-2:#1733d7;--slq-blue-soft:#eef1ff;--slq-blue-soft-2:#f6f7ff;
  --ink:#101828;--muted:#667085;--muted-2:#98a2b3;--line:#e4e8f0;
  --bg:#f5f7fb;--card:#fff;--ok:#15945e;--ok-soft:#eaf8f1;
  --danger:#cf3343;--danger-soft:#fdecef;--warn:#ad6500;--warn-soft:#fff3dc;
  --radius:18px;--shadow:0 12px 34px rgba(16,24,40,.055);--shadow-soft:0 5px 18px rgba(16,24,40,.045)
}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text}::selection{background:transparent;color:inherit}img{-webkit-user-drag:none;user-drag:none}html{-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Inter,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}
.hidden{display:none!important}.mono{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.danger-text{color:var(--danger);font-size:15px;line-height:1.45}.ok-text{color:var(--ok)}
.logo{display:block;max-width:100%;height:auto}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);min-height:46px;border-radius:13px;padding:10px 17px;font-weight:680;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform .06s,box-shadow .12s}.btn:hover{background:#fafbfc;border-color:#d9dee8}.btn:active{transform:scale(.985)}.btn:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(33,66,244,.13)}.btn.primary{background:var(--slq-blue);border-color:var(--slq-blue);color:#fff}.btn.primary:hover{background:var(--slq-blue-2);border-color:var(--slq-blue-2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost-danger{color:var(--danger);border-color:#f0c6cc;background:#fff}.btn.ghost-danger:hover{background:#fff7f8}.btn.small{min-height:38px;padding:8px 12px;font-size:13.5px}.btn.icon{width:44px;padding:0;font-size:20px}
.field{display:grid;gap:7px}.field label{font-size:14px;font-weight:680;color:#344054}.input,.select,.textarea{width:100%;border:1px solid #d8dee8;background:#fff;border-radius:13px;min-height:46px;padding:10px 13px;color:var(--ink);outline:none;font-size:16px}.textarea{min-height:88px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--slq-blue);box-shadow:0 0 0 4px rgba(33,66,244,.105)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12.5px;font-weight:700}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.neutral{background:#f1f3f6;color:#475467}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.toast-wrap{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:1000;max-width:min(440px,calc(100vw - 40px))}.toast{background:#101828;color:#fff;padding:15px 17px;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.18);font-size:15.5px;font-weight:580;line-height:1.4}.toast.error{background:#8e1d29}.toast.success{background:#116a44}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.40);display:grid;place-items:center;padding:20px;z-index:900;backdrop-filter:blur(2px)}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 26px 78px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.7)}.modal h2{margin:0;font-size:24px;letter-spacing:-.02em}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.span-2{grid-column:span 2}
.empty{text-align:center;color:var(--muted);padding:34px 18px;font-size:15px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14.5px}.table th{text-align:left;color:#667085;font-size:12.5px;font-weight:720;padding:12px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:14px 12px;border-bottom:1px solid #edf0f4;vertical-align:middle;line-height:1.35}.table tr:last-child td{border-bottom:0}.table .actions{display:flex;gap:7px;justify-content:flex-end;white-space:nowrap}.table tr:hover td{background:#fbfcfe}
.confirm-box{font-size:16.5px;line-height:1.55;color:#344054;margin-top:14px}.danger-zone{border:1px solid #efc7cd;background:#fff8f9;border-radius:16px;padding:17px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.check-row{display:flex;gap:9px;align-items:center;min-height:42px}.check-row input{width:18px;height:18px;accent-color:var(--slq-blue)}
@media(max-width:680px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal{padding:19px}.table td,.table th{padding-left:9px;padding-right:9px}.toast-wrap{right:12px;bottom:12px;max-width:calc(100vw - 24px)}}
