:root{--bg:#f4f6fa;--paper:#fff;--ink:#0b0d12;--muted:#717784;--line:#e4e7ee;--dark:#0a0c12;--dark2:#121621;--panel:#171b27;--violet:#7257ff;--violet2:#8a75ff;--ice:#48b8ff;--amber:#f4b84a;--danger:#df5664;--shadow:0 24px 70px rgba(11,13,18,.10);--radius:20px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}
.clmx-logo{font-weight:950;letter-spacing:-2.4px;font-size:27px;line-height:1}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.pill.violet{background:#efedff;color:#5a44d8}.pill.blue{background:#eaf7ff;color:#2777a6}.pill.amber{background:#fff4da;color:#8c6516}.pill.red{background:#ffe9ec;color:#a63745}.pill.gray{background:#f0f1f4;color:#636974}
.btn{border:1px solid #d5d9e2;background:#fff;color:var(--ink);border-radius:11px;padding:11px 14px;font-weight:850}.btn.primary{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 8px 20px rgba(114,87,255,.2)}.btn.dark{background:#11141d;border-color:#11141d;color:#fff}.btn.danger{background:#fff;border-color:#f0bec4;color:#b13a48}.btn.small{padding:8px 10px;font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed}
.field{display:grid;gap:6px;margin:11px 0}.field label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#777d89;font-weight:850}.field input,.field select,.field textarea{width:100%;border:1.5px solid #cfd4df;background:#fbfcfe;border-radius:11px;padding:12px;outline:0;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(114,87,255,.08)}
.modalBack{position:fixed;inset:0;background:rgba(8,10,15,.62);display:none;align-items:center;justify-content:center;z-index:70;padding:18px;backdrop-filter:blur(6px)}.modalBack.open{display:flex}.modal{width:min(620px,100%);max-height:min(820px,92vh);overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(8,10,15,.35)}.modal.wide{width:min(920px,100%)}.modalHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}.modalHead h3{margin:0;font-size:25px;letter-spacing:-.7px}.modalHead p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.close{border:0;background:#f2f3f6;width:34px;height:34px;border-radius:10px;font-weight:900}
.toast{position:fixed;right:18px;bottom:18px;background:#10131b;color:#fff;border:1px solid #2a2f3c;border-radius:13px;padding:13px 15px;z-index:100;box-shadow:0 18px 45px rgba(0,0,0,.22);font-size:11px;display:none;max-width:360px}.toast.show{display:block}.toast b{display:block;margin-bottom:3px}.toast span{color:#b5bac6}
.cardList{display:grid;gap:9px}.listCard{border:1px solid #e4e7ee;border-radius:14px;padding:14px;background:#fafbfc}.listCard.selected{border-color:#8a75ff;box-shadow:0 0 0 3px rgba(114,87,255,.08)}.listCard h4{margin:0 0 5px;font-size:13px}.listCard p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.split2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.separator{height:1px;background:#eceef2;margin:15px 0}.empty{padding:24px;text-align:center;border:1px dashed #d7dbe3;border-radius:14px;color:var(--muted);font-size:11px}
@media(max-width:640px){.modalBack{align-items:flex-end;padding:0}.modal{border-radius:22px 22px 0 0;max-height:90vh}.split2{grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:88px}}