:root{color:#07163d;background:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{background:radial-gradient(circle at 80% 0,#eef9ff,#0000 30%),#f8fbff;min-height:100vh;display:flex}aside{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border-right:1px solid #e6eef8;width:280px;height:100vh;padding:18px 22px;position:sticky;top:0}.brand{align-items:center;gap:14px;margin-bottom:30px;display:flex}.brand b{font-size:20px}.brand small,.profile small,td small{color:#50617e;display:block}.logo{color:#fff;background:linear-gradient(135deg,#60d5c7,#2563eb);border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}nav{gap:8px;display:grid}nav button{color:#20345c;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;padding:13px 12px;font-weight:600;transition:background .15s,color .15s;display:flex}nav button:hover{color:#0062ff;background:#f0f6ff}nav button.active{color:#0062ff;background:#e6f1ff}.primary-button,.secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.primary-button{color:#fff;background:#1d74f5;border:1px solid #1762d1;box-shadow:0 4px 10px #1d74f540}.primary-button:hover{background:#1267e5;transform:translateY(-1px)}.secondary-button{color:#163662;background:#fff;border:1px solid #cedbea}.secondary-button:hover{background:#f2f7fd;border-color:#b8cde4}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.login button{color:#fff;background:#1d74f5;border:0;border-radius:8px;width:100%;padding:13px;font-weight:700}main{flex:1;padding:0 22px 28px}.top{border-bottom:1px solid #e6eef8;justify-content:space-between;align-items:center;height:70px;margin:0 -22px 20px;padding:0 28px;display:flex}.top-title{color:#50617e;font-weight:600}.profile{align-items:center;gap:12px;display:flex;position:relative}.profile button{color:#10264d;background:0 0;border:0}.avatar{background:#fff;border-radius:50%;padding:4px;font-size:24px}.hero{align-items:center;gap:18px;margin-bottom:18px;display:flex}.hero h1{margin:0;font-size:30px}.hero p{color:#51617f;margin:3px 0}.hero-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.hero-actions span{color:#8491a8;align-items:center;gap:8px;display:flex}.grid.stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px;display:grid}.card{background:#ffffffe6;border:1px solid #dfe8f4;border-radius:13px;padding:18px;box-shadow:0 14px 45px #214c8212}.stat{min-height:122px}.stat p,.panel h3{margin:0 0 10px;font-weight:800}.stat strong{letter-spacing:.5px;font-size:30px}.stat span{color:#526582;margin-top:7px;display:block}.content{grid-template-columns:1fr 380px;gap:16px;display:grid}.charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel header{justify-content:space-between;align-items:center;display:flex}.right{background:0 0;border:0;gap:16px;width:auto;height:auto;padding:0;display:grid;position:static}.kv{justify-content:space-between;display:flex}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;border-bottom:1px solid #e7edf5;padding:10px 9px}th{color:#526582;text-transform:uppercase;letter-spacing:.03em;font-size:12px}.empty{color:#526582;text-align:center;margin:18px 0}.login{background:linear-gradient(135deg,#eef7ff,#e9fff7);place-items:center;min-height:100vh;display:grid}.login-card{text-align:center;width:380px}.login input,.tier-form input,.tier-form select{width:100%;font:inherit;color:#07163d;background:#fff;border:1px solid #dbe5f1;border-radius:10px;margin:6px 0 12px;padding:11px;display:block}.login input{margin:12px 0;padding:13px}.login .logo{margin:auto}.error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin:10px 0;padding:10px}.page-error{margin-bottom:16px}.login button:disabled{opacity:.7;cursor:wait}.search-form{color:#526582;background:#fff;border:1px solid #d8e4f0;border-radius:11px;align-items:center;gap:10px;max-width:640px;margin-bottom:16px;padding:7px 8px 7px 14px;display:flex}.search-form input{color:#07163d;border:0;outline:0;flex:1;min-width:0}.users-table{padding:0}.table-scroll{overflow:auto}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f3f8ff}.tier-badge{color:#1762d1;background:#e6f1ff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-block}.pagination{color:#526582;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;display:flex}.pagination div{gap:8px;display:flex}.pagination .secondary-button{padding:7px 10px}.dialog-backdrop{z-index:5;background:#07163d80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{width:min(760px,100%);max-height:calc(100vh - 48px);position:relative;overflow:auto}.close-button{position:absolute;top:12px;right:12px}.icon-button{color:#365477;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#edf4fc}.user-dialog-head{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:start;padding-right:44px;display:flex}.user-dialog-head h2{margin:0}.user-dialog-head p,.muted,.form-hint{color:#526582}.user-details{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.tier-form{background:#f4f8fd;border-radius:10px;margin:18px 0;padding:16px}.tier-form h3{margin:0 0 10px}.tier-form label{font-size:14px;font-weight:700;display:block}.form-hint{margin:4px 0 12px;font-size:13px}@media (width<=1200px){.grid.stats,.charts{grid-template-columns:1fr 1fr}.content{grid-template-columns:1fr}.right{grid-template-columns:1fr 1fr}}@media (width<=800px){aside{display:none}.grid.stats,.charts,.right{grid-template-columns:1fr}.hero,.pagination{flex-direction:column;align-items:flex-start}.hero-actions{flex-wrap:wrap;margin-left:0}.users-table{margin:0 -8px}.user-details{grid-template-columns:1fr}.dialog-backdrop{padding:10px}}