:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8f8fc;background:#0c0d14;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#66def5}.hidden{display:none!important}.muted,.subtle{color:#aeb0c5}.subtle{line-height:1.6}.eyebrow{color:#b7c0d7;font-size:10px;letter-spacing:.20em;font-weight:800}.fine{font-size:12px;color:#a7a9ba;line-height:1.6}.error{color:#ff8a95;min-height:18px;font-size:13px}h1{font-size:35px;letter-spacing:-1.8px;line-height:1.15;margin:12px 0}h2{margin:5px 0 0;font-size:27px;letter-spacing:-1px}h3{margin:0 0 4px;font-size:19px;letter-spacing:-.5px}h4{font-size:14px;margin:0 0 10px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.login-panel{max-width:460px;width:100%;margin:auto;padding:30px 24px}.brand-mark{font-size:31px;font-weight:1000;letter-spacing:-2px;display:inline-block;margin-bottom:22px}.brand-mark span{color:#ffe35d;font-size:24px;margin-left:5px}.login-side{background:radial-gradient(ellipse at 40% 38%,#414666 0%,#111825 55%,#11121c 100%);display:flex;align-items:end;padding:10%;position:relative;overflow:hidden}.login-side p{font-size:clamp(25px,3vw,52px);letter-spacing:-1.4px;line-height:1.18;position:relative}.login-side b{color:#ffd85c}.color-ring{width:300px;height:300px;position:absolute;right:16%;top:13%;border-radius:50%;border:60px solid transparent;border-left-color:#35dcf7;border-top-color:#ff54a3;border-bottom-color:#ffdf4f;transform:rotate(36deg);opacity:.9;filter:drop-shadow(0 16px 55px #0008)}.stack{display:grid;gap:14px}.stack label{display:grid;gap:6px;color:#cfd1df;font-size:13px;font-weight:600}.stack input,.stack select,.stack textarea,.search{width:100%;background:#161823;color:#f9f9ff;border:1px solid #343747;border-radius:10px;padding:12px 13px;outline:none}.stack input:focus,.stack select:focus,.stack textarea:focus,.search:focus{border-color:#5bdae9;box-shadow:0 0 0 3px #5bdae920}.primary{border:0;border-radius:10px;padding:12px 16px;font-weight:800;color:#10121e;background:linear-gradient(100deg,#4ce5f5,#8ce8d9);min-height:45px}.primary:hover{filter:brightness(1.07)}.primary:disabled{opacity:.5;cursor:wait}.ghost{border:1px solid #373b50;background:transparent;border-radius:9px;color:#d9d9e8;padding:10px 13px}.ghost:hover{background:#252839}.wide{width:100%}.divider-line{height:1px;background:#2b2e3e;margin:22px 0}.shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #242736;background:#10111a;padding:24px 16px;display:flex;flex-direction:column;gap:36px}.side-brand{display:flex;align-items:center;gap:11px;padding:5px 8px}.mini-mark{font-weight:1000;letter-spacing:-1.5px;font-size:26px}.mini-mark span{color:#ff53a2}.side-brand b{font-size:15px;display:block}.side-brand small{display:block;letter-spacing:2px;color:#a8abbc;font-size:9px;margin-top:5px}.sidebar nav{display:grid;gap:6px}.nav-btn{background:transparent;border:0;color:#c5c5d7;text-align:left;border-radius:11px;padding:14px;display:flex;gap:13px;align-items:center;font-weight:700}.nav-btn span{font-size:18px;min-width:20px}.nav-btn.active,.nav-btn:hover{background:#252837;color:#fff}.nav-btn.active{box-shadow:inset 3px 0 0 #60dcef}.side-footer{margin-top:auto;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#b9bdcd}.side-footer .ghost{margin-left:auto;padding:8px}.tiny-dot{height:8px;width:8px;border-radius:50%;background:#60ddb4}.main{max-width:1600px;padding:30px clamp(17px,3.5vw,55px);width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.topright{display:flex;align-items:center;gap:12px}.status-tag{background:#133d40;color:#82ece5;padding:8px 11px;border-radius:20px;font-size:11px;font-weight:800}.user-mail{font-size:12px;color:#b0b3c4;max-width:230px;overflow:hidden;text-overflow:ellipsis}.hero{border:1px solid #3c3d4a;border-radius:18px;background:linear-gradient(115deg,#242032,#161c29 75%);padding:27px 32px;display:flex;justify-content:space-between;overflow:hidden;min-height:180px}.hero h3{font-size:28px;letter-spacing:-1px;line-height:1.15;margin:9px 0}.hero p{color:#c1c3d4;max-width:530px;line-height:1.55;margin:0}.hero-art{display:flex;align-items:center;margin-left:10px}.hero-art span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;color:#15151b;font-size:30px;font-weight:1000;margin-left:-24px;mix-blend-mode:screen}.hero-art span:nth-child(1){background:#31c7f0}.hero-art span:nth-child(2){background:#fb3c9a}.hero-art span:nth-child(3){background:#ffdc46}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stat{background:#171925;border:1px solid #292b39;border-radius:14px;padding:21px}.stat .stat-label{font-size:12px;color:#b2b5c6;font-weight:600}.stat .stat-number{font-size:29px;font-weight:800;letter-spacing:-1px;margin-top:14px}.stat small{color:#9296a9;font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.surface{background:#171925;border:1px solid #292b39;border-radius:15px;padding:22px;min-width:0}.surface-header{margin-bottom:23px}.surface-header p{font-size:12px;color:#a5a9bd;margin:5px 0 0;line-height:1.5}.surface-header.line{display:flex;justify-content:space-between;align-items:center;gap:16px}.app-summary{display:grid;gap:12px}.app-row,.payment-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292c39;padding:10px 0;gap:12px}.app-row:last-child,.payment-row:last-child{border:0}.app-logo{border-radius:11px;width:41px;height:41px;display:grid;place-items:center;font-weight:1000;color:#111}.app-row b,.payment-row b{display:block;font-size:13px}.app-row small,.payment-row small{display:block;color:#a7aabd;font-size:11px;margin-top:3px}.tag{border:1px solid #424757;color:#c6c8d5;font-size:10px;padding:5px 9px;border-radius:20px;display:inline-block}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:690px;font-size:12px}td,th{text-align:left;padding:15px 12px;border-bottom:1px solid #292d3b}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9b9fb2}td{color:#e7e8ef}tr:last-child td{border-bottom:0}.search{width:260px}.table-btn{background:#242b37;color:#73e0ef;border:1px solid #3b4454;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.payments-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.plan{padding:22px;border-radius:13px;background:#202331;border:1px solid #383b4c}.plan .price{font-size:26px;font-weight:800;margin:18px 0 6px}.plan .per{font-size:12px;color:#a8afbf}.plan small{font-size:12px;color:#b3b5c8}.security-list{color:#c9ccdc;line-height:1.8;font-size:14px;padding-left:22px}.security-list li{margin-bottom:10px}.notice{background:#262b3d;border:1px solid #52647d;color:#e6f6ff;border-radius:10px;padding:13px 16px;margin-bottom:20px;font-size:13px}.notice.bad{background:#3a202c;border-color:#864355;color:#ffb4bd}.modal-backdrop{position:fixed;inset:0;background:#030408cf;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(100%,560px);max-height:min(92vh,840px);overflow:auto;background:#1b1d2a;border:1px solid #424759;box-shadow:0 25px 90px #0008;border-radius:18px;padding:25px}.modal-body h4{margin-top:16px}.courtesy-options{display:grid;gap:10px}.courtesy-label{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:#242837;border:1px solid #353b4b;border-radius:10px;font-size:13px;gap:10px}.courtesy-label input{accent-color:#51dbe7;transform:scale(1.2)}.empty{color:#a5a9b9;font-size:12px;padding:16px 0}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-art span{width:60px;height:60px;font-size:20px}.split{grid-template-columns:1fr}}@media(max-width:750px){.shell{display:block}.sidebar{padding:13px 12px;border-right:0;border-bottom:1px solid #2c3040;gap:12px}.side-brand{display:none}.sidebar nav{display:flex;overflow-x:auto}.nav-btn{flex:none;padding:12px;font-size:12px;gap:6px}.side-footer{display:flex;justify-content:flex-end}.main{padding:20px 13px}.topbar{align-items:start;flex-direction:column}.hero{padding:22px}.hero-art{display:none}.hero h3{font-size:25px}.stat-grid{gap:10px}.stat{padding:16px}.stat .stat-number{font-size:24px}.surface{padding:15px}.surface-header.line{align-items:stretch;flex-direction:column}.search{width:100%}.login-wrap{grid-template-columns:1fr}.login-side{display:none}}