:root{--p:#2563EB;--pl:#EFF6FF;--pd:#1D4ED8;--a:#7C3AED;--s:#059669;--w:#D97706;--d:#DC2626;--bg:#F0F4FF;--su:#FFFFFF;--s2:#F8FAFC;--b:#E2E8F0;--t:#0F172A;--t2:#475569;--t3:#94A3B8;--sw:240px;--th:60px;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--t);}
.btn{border:none;border-radius:8px;padding:7px 13px;font-family:'Outfit',sans-serif;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.btn-p{background:var(--p);color:#fff;}.btn-p:hover{background:var(--pd);}
.btn-o{background:#fff;border:1px solid var(--b);color:var(--t2);}.btn-o:hover{background:var(--s2);}
.btn-d{background:#fff;border:1px solid var(--d);color:var(--d);}
.btn-sm{padding:4px 9px;font-size:11px;}
.sel{background:var(--s2);border:1px solid var(--b);border-radius:8px;color:var(--t);padding:6px 10px;font-family:'Outfit',sans-serif;font-size:12px;outline:none;cursor:pointer;}
.card{background:#fff;border-radius:14px;border:1px solid var(--b);box-shadow:0 1px 4px rgba(0,0,0,.04);}
.ph{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--b);background:#fff;flex-shrink:0;}
.pt{font-size:15px;font-weight:700;}
.es{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px;text-align:center;}
.ei{font-size:36px;opacity:.25;}.et{font-size:14px;font-weight:600;color:var(--t2);}
.eb{font-size:12px;color:var(--t3);line-height:1.6;max-width:260px;}
.epb{background:var(--pl);color:var(--p);border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;}
.spin{width:26px;height:26px;border:3px solid var(--b);border-top-color:var(--p);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fu{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.fi{animation:fu .25s ease forwards;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-thumb{background:var(--b);border-radius:2px;}