*{box-sizing:border-box}body{color:#26283d;background:#f7f7fb;margin:0;font-family:Inter,system-ui}.app{min-height:100vh;display:flex}aside{color:#aeb1c9;background:#17182d;flex-direction:column;gap:7px;width:245px;padding:28px 15px;display:flex}aside h2{color:#fff;margin:0 12px;font-size:27px}aside h2 span{color:#ee91b5}aside>small{letter-spacing:2px;color:#707492;margin:0 12px 28px;font-size:9px}aside button{color:#aeb1c9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:13px;font-size:14px}.sel{background:#675bc1;color:#fff!important}footer{color:#fff;background:#292744;border-radius:12px;margin-top:auto;padding:16px;font-size:12px}footer em{color:#aaa9c3;font-size:11px;font-style:normal}main{flex:1}header{color:#9295a8;background:#fff;border-bottom:1px solid #eee;align-items:center;height:76px;padding:0 40px;font-size:14px;display:flex}header b{color:#282a40}header nav{color:#777a91;margin-left:auto;font-size:17px}section{max-width:1400px;padding:36px 42px}.welcome{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.welcome label{letter-spacing:1.5px;color:#999cad;font-size:10px}.welcome h1{margin:10px 0 5px;font-size:30px}.welcome p{color:#9295a8;margin:0}.primary{color:#fff;background:#7063d2;border:0;border-radius:9px;padding:12px 17px;font-weight:600}.stats{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.card{background:#fff;border:1px solid #eeeef5;border-radius:15px;padding:22px;box-shadow:0 5px 18px #44465d0a}.card small{color:#85899d;display:block}.card h2{margin:17px 0 8px;font-size:25px}.card i{color:#43b58a;font-size:12px;font-style:normal}.card hr{background:linear-gradient(90deg,#d8d4ff,#7669d5,#d8d4ff);border:0;border-radius:5px;height:4px;margin-top:17px}.cols{grid-template-columns:1.5fr 1fr;gap:17px;margin-top:17px;display:grid}.chart>small{margin-top:6px}.bars{border-bottom:1px solid #eee;align-items:end;gap:13px;height:205px;margin-top:25px;display:flex}.bars span{background:linear-gradient(#9185ee,#ddd9ff);border-radius:5px 5px 0 0;flex:1}.row{border-bottom:1px solid #f0f0f5;padding:15px 0;font-size:12px}.row strong{float:right;color:#7164d0}.empty{text-align:center;margin-top:20vh}.empty div{color:#776ad6;font-size:42px}.empty h2{font-size:26px}.empty p{color:#9295a8}@media (width<=800px){aside{width:70px}aside h2,aside small,aside button,footer{text-align:center;font-size:0}aside h2{margin:0;font-size:24px}section{padding:25px 18px}.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.welcome{display:block}.welcome .primary{margin-top:18px}}.login{background:linear-gradient(135deg,#f8f5ff,#fff1f5);place-items:center;min-height:100vh;display:grid}.login-card{gap:14px;width:min(420px,100% - 32px);padding:36px;display:grid}.login-card h1{color:#6d4aff;margin:0}.login-card h1 span,aside h2 span{color:#e97ea8}.login-card h2{margin:18px 0 4px}.login-card label{gap:6px;font-size:13px;display:grid}.login-card input{font:inherit;border:1px solid #ddd;border-radius:10px;padding:12px}.error{color:#b42318;font-size:13px}.logout{color:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;display:block}.login{background:radial-gradient(circle at 15% 20%,#eee7ff 0,#0000 42%),linear-gradient(135deg,#f9f7ff,#fff4f7);grid-template-columns:minmax(280px,460px) minmax(360px,480px);gap:clamp(24px,6vw,96px);padding:32px}.login-art{color:#49377e;padding:32px}.login-art>span{color:#8b6cff;background:#fff;border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 12px 35px #7455c322}.login-art h2{letter-spacing:-2px;margin:40px 0 18px;font-size:clamp(32px,4vw,52px);line-height:1.05}.login-art em{color:#e27aa8;font-style:normal}.login-art p{color:#776e91;max-width:330px;line-height:1.6}.orb{filter:blur(2px);opacity:.55;border-radius:50%;position:absolute}.orb-one{background:#e8c9dc;width:130px;height:130px;top:10%;left:8%}.orb-two{background:#cfc6f8;width:80px;height:80px;bottom:15%;right:8%}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff;border-radius:28px;padding:40px;position:relative;box-shadow:0 24px 80px #5e46751c}.brand{color:#7b5cff;font-size:22px}.brand strong{color:#392b63}.brand i{color:#e77da9;font-style:normal}.login-card .eyebrow{color:#927bbd;letter-spacing:1.5px}.login-card h1{color:#30234d;letter-spacing:-.8px;font-size:31px}.login-card input{background:#fff;border-color:#e7e0ef;transition:all .2s}.login-card input:focus{border-color:#8c6cff;outline:3px solid #8c6cff22}.login-submit{border-radius:12px;width:100%;padding:13px}.link-button{color:#7155d8;cursor:pointer;background:0 0;border:0;font-weight:600}.success{color:#16734a;font-size:13px}@media (width<=800px){.login{grid-template-columns:1fr;padding:18px}.login-art{display:none}}.client-grid{grid-template-columns:minmax(240px,320px) 1fr;gap:20px;display:grid}.client-grid .card{gap:12px;padding:24px;display:grid}.client-grid input{font:inherit;border:1px solid #ddd;border-radius:10px;padding:12px}.client-grid .row{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.client-grid .row small{color:#777}.tenant-select{color:#30234d;font:inherit;background:#fff;border:1px solid #e5dff0;border-radius:10px;padding:8px 28px 8px 10px;font-weight:600}@media (prefers-color-scheme:dark){body{color:#f4f4fb;background:#101123}header,.card{background:#1b1c31!important;border-color:#303149!important}.card small,.welcome p{color:#a5a8c0!important}}