:root{--font:var(--iodash-font,"Manrope"), system-ui, -apple-system, sans-serif;--blue:#3e7eff;--blue-600:#2f6bf0;--orange:#ef8354;--green:#5fdcb3;--red:#eb5e55;--violet:#6c7bff;--bg:#f5f5fa;--surface:#fff;--surface-2:#fbfbff;--border:#e4e6e8;--text:#171721;--text-2:#292c43;--muted:#8083a3;--input-bg:#fff;--nav-bg:#fff;--shadow:0 12px 32px -12px #1717211f;--shadow-sm:0 4px 14px -6px #1717211a}[data-theme=dark]{--bg:#171721;--surface:#212437;--surface-2:#292c43;--border:#2c3050;--text:#fff;--text-2:#e6e7f0;--muted:#8083a3;--input-bg:#1c1f30;--nav-bg:#1b1e2d;--shadow:0 20px 40px -18px #0000008c;--shadow-sm:0 8px 20px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100dvh}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:hidden}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}h1,h2,h3,h4,h5{color:var(--text);letter-spacing:-.02em;font-weight:800}.muted{color:var(--muted)}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px}.row{align-items:center;display:flex}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.grow{flex:1}.pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill .dot{border-radius:50%;width:7px;height:7px}.status-paid{color:var(--green)}.status-paid .dot{background:var(--green)}.status-pending{color:var(--red)}.status-pending .dot{background:var(--red)}.btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .12s,background .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px var(--blue)}.btn-primary:hover{background:var(--blue-600)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--muted)}.btn-sm{border-radius:10px;height:38px;padding:0 16px;font-size:13px}.field{background:var(--input-bg);border:1px solid var(--border);width:100%;height:52px;color:var(--text);border-radius:12px;outline:none;padding:0 16px;font-size:14px;font-weight:600;transition:border .2s,box-shadow .2s}.field::placeholder{color:var(--muted);font-weight:500}.field:focus{border-color:var(--blue);box-shadow:0 0 0 4px #3e7eff24}label.lbl{color:var(--muted);margin:0 0 7px 2px;font-size:12px;font-weight:700;display:block}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;color:var(--muted);white-space:nowrap;padding:0 14px 14px;font-size:12px;font-weight:700}.tbl td{border-top:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:14px;font-size:13px;font-weight:600}.tbl tr{transition:background .15s}.tbl tbody tr:hover{background:var(--surface-2)}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%}.brandico{color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.icon-btn{width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.menu-item{width:100%;color:var(--text-2);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.menu-item:hover{background:var(--surface-2);color:var(--text)}.pagebtn{border:1px solid var(--border);background:var(--surface);min-width:34px;height:34px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.pagebtn:hover{border-color:var(--blue);color:var(--blue)}.ionav{position:relative}.ionav:after{content:"";background:var(--blue);height:2px;transition:transform .2s;position:absolute;bottom:-22px;left:0;right:0;transform:scaleX(0)}.ionav.active:after{transform:scaleX(1)}.tabbar{border-bottom:1px solid var(--border);gap:24px;display:flex}.tab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 2px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s}.tab.on{color:var(--blue);border-color:var(--blue)}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.modal-back{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0a0a148c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tbtn{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text-2);border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tbtn:hover{border-color:var(--blue);color:var(--blue)}.tbtn.on{background:var(--blue);color:#fff;border-color:var(--blue)}@media (width<=720px){.wrap{padding:0 16px}}@media (width<=780px){.auth-left{display:none!important}.card[style*="980px"]{grid-template-columns:1fr!important}}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-dash{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}@media (width<=900px){.grid-2,.grid-dash{grid-template-columns:1fr}}.sec-title{font-size:16px;font-weight:800}.linkblue{color:var(--blue);font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}