@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";.login{place-items:center;min-height:100vh;display:grid}.loginbox{background:#fff;border:1px solid #e8e8f0;border-radius:18px;max-width:440px;padding:42px;box-shadow:0 18px 60px #28234412}.loginbox h1{margin:28px 0 8px;font-family:Playfair Display;font-size:32px}.loginbox p{color:#77788b;line-height:1.5}.loginbox form{gap:12px;margin:26px 0;display:grid}.loginbox input{font:inherit;border:1px solid #dedee8;border-radius:9px;padding:13px}.loginbox button{color:#fff;font:inherit;background:#6d5dfc;border:0;border-radius:9px;padding:13px;font-weight:700}.error{color:#b42318;padding:10px 0}.tabs{gap:8px;padding:18px 0;display:flex;overflow:auto}.tabs button,.form button,.kpis button{font:inherit;background:#fff;border:1px solid #ddddec;border-radius:8px;padding:9px 12px}.tabs .active,.form button,.kpis button{color:#fff;background:#29284b}.form{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.form input,.form select{font:inherit;border:1px solid #dedee8;border-radius:8px;padding:10px}table{border-collapse:collapse;width:100%;margin-top:16px}td,th{text-align:left;border-bottom:1px solid #ececf2;padding:11px;font-size:13px}.kpis button{margin-top:12px}@media (width<=760px){.form{display:grid}.form input,.form select{width:100%}}*{box-sizing:border-box}body{color:#202137;background:#f7f7fb;margin:0;font-family:DM Sans,sans-serif}main{max-width:1240px;margin:auto;padding:0 32px}header{border-bottom:1px solid #e7e7ef;align-items:center;gap:24px;height:80px;display:flex}.brand{letter-spacing:-.8px;font-size:22px;font-weight:700}.brand span{color:#6d5dfc}.tenant{text-align:right;letter-spacing:.5px;margin-left:auto;font-size:12px;font-weight:700}.tenant small{color:#8a8b9b;letter-spacing:0;font-weight:400;display:block}.avatar{color:#fff;background:#252543;border:0;border-radius:50%;width:38px;height:38px}.welcome{justify-content:space-between;align-items:end;padding:48px 0 27px;display:flex}.welcome p,.card p{color:#88899b;margin:0 0 4px}.welcome h1{letter-spacing:-1px;margin:0 0 8px;font-family:Playfair Display;font-size:33px}.welcome small{color:#9697a6}.customize,.search button{color:#fff;background:#29284b;border:0;border-radius:9px;padding:13px 17px;font-weight:600}.search{background:#fff;border:1px solid #dedee8;border-radius:12px;align-items:center;gap:12px;padding:7px 8px 7px 18px;display:flex;box-shadow:0 5px 16px #33334408}.search span{color:#7568f9;font-size:22px}.search input{font:inherit;border:0;outline:0;flex:1;padding:10px}.search button{background:#6d5dfc}.answer{color:#46405e;background:#edeaff;border-left:3px solid #6d5dfc;border-radius:8px;margin-top:15px;padding:14px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0;display:grid}.kpis article,.card{background:#fff;border:1px solid #ececf2;border-radius:13px;padding:21px}.kpis p{color:#77788b;margin:0 0 8px;font-size:13px}.kpis strong{letter-spacing:-1px;font-size:25px}.kpis small{color:#20a780;margin-top:7px;font-size:12px;display:block}.grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.card h2{margin:0 0 4px;font-size:15px}.cardhead{justify-content:space-between;display:flex}.cardhead>b{color:#6d5dfc}.chart{height:220px;margin-top:12px}.pie{height:165px}.legend{color:#777;justify-content:space-around;font-size:12px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.legend b{color:#202137}.insight{color:#fff;background:#29284b}.insight span{color:#afa9ff;font-size:12px}.insight h2{margin:16px 0;font-family:Playfair Display;font-size:22px;line-height:1.25}.insight p{color:#cbc9df;line-height:1.5}.insight button{color:#fff;font:inherit;background:0 0;border:0;padding:0;font-weight:700}footer{text-align:center;color:#999aaa;padding:35px 0;font-size:12px}@media (width<=760px){main{padding:0 16px}.welcome{align-items:start;gap:15px;padding-top:28px}.welcome h1{font-size:25px}.customize{padding:14px;font-size:0}.customize:after{content:"⚙";font-size:16px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis article{padding:15px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.tenant{display:none}.search input{min-width:0}.search button{padding:11px}.chart{height:190px}}