:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202438;background:#f7f8fc;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9afff;outline-offset:2px}.app{display:flex;min-height:100vh}.sidebar{width:255px;background:#15182a;color:#c1c5d7;flex-shrink:0;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{height:91px;padding:27px 21px;display:flex;align-items:center;gap:12px;color:white}.brandmark{height:37px;width:37px;border-radius:11px;background:linear-gradient(145deg,#9c86ff,#6751db);display:grid;place-items:center;font-size:23px;font-weight:850;letter-spacing:-3px}.brandmark span{color:#d9d0ff}.brand strong{font-size:19px;letter-spacing:-.8px}.accent{color:#b6a8ff}.brand small,.workspace small,.profile small{display:block;font-size:10px;letter-spacing:1.4px;color:#7f849d;margin-top:3px}.workspace{margin:2px 14px 28px;padding:11px;background:#23273c;border:1px solid #33384e;border-radius:11px;display:flex;gap:9px;align-items:center}.workspace strong,.profile strong{font-size:12px;color:#f6f5ff}.workspace small,.profile small{letter-spacing:0;font-size:11px}.avatar{background:#5e50a8;color:white;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.chev{margin-left:auto}.navlabel{font-size:10px;letter-spacing:1.7px;color:#757b98;margin:0 24px 11px;font-weight:750}nav{padding:0 12px 20px;display:grid;gap:3px}nav button{border:0;background:transparent;text-align:left;color:#aeb3cb;padding:11px 13px;border-radius:8px;display:flex;align-items:center;gap:13px;font-size:12.5px;font-weight:570}nav button span{font-size:19px;width:21px;text-align:center;color:#8d93ae}nav button.active,nav button:hover{background:#34314f;color:white}nav button.active{box-shadow:inset 3px 0 #a58cff}nav button.active span{color:#c3b4ff}nav em{font-style:normal;background:#49415e;color:#f2d5a7;border-radius:5px;padding:2px 6px;margin-left:auto;font-size:10px}.sidebar-bottom{margin-top:auto}.demo-note{margin:14px;background:#29263f;border:1px solid #3e355a;border-radius:9px;padding:13px;color:#d8cbff;font-size:12px}.demo-note small{display:block;margin-top:6px;color:#9993b6;font-size:10px}.profile{border-top:1px solid #2d3146;padding:17px;display:flex;align-items:center;gap:10px}.profile>span{margin-left:auto}.avatar.dark{background:#434b65}.main{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid #e8eaf1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{font-size:12px;color:#9296a7}.breadcrumb span{margin:0 10px;color:#c6c8d0}.breadcrumb b{color:#36394a}.top-actions{display:flex;align-items:center;gap:22px}.demo-pill{font-size:10px;letter-spacing:.7px;color:#7460c7;background:#f0ecff;padding:7px 10px;border-radius:20px;font-weight:800}.top-actions button{position:relative;background:none;border:0;font-size:21px;color:#71768b}.top-actions i{position:absolute;top:2px;right:3px;width:6px;height:6px;border-radius:50%;background:#ee8b8b}.top-avatar{width:32px;height:32px;background:#e8e3ff;color:#6956b9;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.content{max-width:1450px;margin:auto;padding:36px 35px 60px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:750;color:#9a9eaf;letter-spacing:1.35px}.heading h1{font-size:28px;letter-spacing:-1.1px;margin:8px 0 6px;font-weight:760;color:#202438}.wave{color:#9e89e9;font-size:23px}.heading p{margin:0;color:#9297a8;font-size:13px}.primary{border:0;background:#7561db;color:white;padding:12px 17px;border-radius:9px;font-weight:700;font-size:12px;box-shadow:0 4px 10px #7561db24}.primary:hover{background:#634fc9}.page{display:none}.page.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.stat,.panel{background:white;border:1px solid #ebedf3;border-radius:12px;box-shadow:0 4px 16px #1c224008}.stat{padding:21px 20px}.stathead{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#777d91;font-weight:650}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:18px;font-weight:800}.lilac{background:#f0ecff;color:#7b64db}.blue{background:#eaf2ff;color:#5483dd}.amber{background:#fff3e6;color:#d99340}.green{background:#e7f8f1;color:#43ad86}.statval{font-size:28px;letter-spacing:-1.2px;font-weight:770;margin:15px 0 10px;white-space:nowrap}.statval small{font-size:10px;letter-spacing:0;vertical-align:middle;padding:5px 7px;border-radius:5px}.up{background:#e8f8ef;color:#2e9b66}.warn{background:#fff1e4;color:#d08b37}.statfoot{font-size:11px;color:#a0a4b1}.split{display:grid;grid-template-columns:1.22fr 1fr;gap:20px;margin-bottom:20px}.panel{padding:23px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.panel h2{margin:0 0 6px;font-size:15px;letter-spacing:-.25px}.panel p{margin:0;color:#a0a4b3;font-size:11px}.panel select,.search{background:#fff;border:1px solid #e7e9f0;color:#636b7c;border-radius:7px;padding:9px;font-size:11px}.chart-wrap{display:flex;height:232px;gap:12px}.chart-grid{display:flex;flex-direction:column;justify-content:space-between;color:#a5a9b8;font-size:10px;padding:0 0 23px}.bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:13px;border-bottom:1px solid #edf0f5;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#f0f1f6 calc(25% - 1px),#f0f1f6 25%);padding:0 13px 0}.barcol{flex:1;max-width:45px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar{width:100%;background:linear-gradient(180deg,#a895f7,#7866de);border-radius:5px 5px 0 0;min-height:4px;transition:height .3s}.barcol label{position:absolute;bottom:-23px;color:#9da2b1;font-size:10px}.textlink{background:none;border:0;color:#7d68d9;font-weight:700;font-size:11px;white-space:nowrap}.deadline{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #f0f1f5}.deadline:first-of-type{border-top:0}.datebox{background:#f5f3ff;border-radius:8px;width:43px;height:46px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;color:#7460c7}.datebox b{font-size:17px}.datebox small{font-size:9px;font-weight:800}.deadline>div:nth-child(2){flex:1;min-width:0}.deadline strong,.deadline small{display:block}.deadline strong{font-size:11px;color:#3a3e50}.deadline small{font-size:10px;color:#a3a6b4;margin-top:5px}.tag{font-size:9px;padding:6px 9px;border-radius:5px;white-space:nowrap;font-weight:750}.orange{background:#fff2e5;color:#d4944d}.grey{background:#f2f3f7;color:#9298a8}.clients-panel{padding-bottom:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#a5a9b8;font-size:9px;letter-spacing:1px;font-weight:750;background:#fafbfe;padding:13px 14px}td{border-bottom:1px solid #f0f1f5;padding:15px 14px;font-size:11px;color:#73798b}tr:last-child td{border-bottom:0}.companycell{display:flex;align-items:center;gap:10px}.company-icon{width:31px;height:31px;border-radius:8px;background:#eeeafd;color:#8069ce;display:grid;place-items:center;font-weight:800;font-size:12px}.companycell strong{color:#34384b;font-size:11px}.companycell small{display:block;color:#a8aab7;margin-top:3px}.status{background:#e8f8ef;color:#389e6b;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:700}.dots{background:none;border:0;font-size:20px;color:#9a9faf}.generic-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.feature{min-height:380px}.feature-icon{width:54px;height:54px;background:#f0ecff;color:#7b65d5;border-radius:15px;display:grid;place-items:center;font-size:28px;margin-bottom:20px}.feature h2{font-size:20px}.feature>p{line-height:1.7;font-size:13px;max-width:560px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.feature-list div{background:#fafafe;border:1px solid #ececf5;border-radius:8px;padding:12px;font-size:12px;color:#555b70}.feature-list div:before{content:'✓';color:#8b76df;font-weight:800;margin-right:9px}.inline-note{background:#fff8e9;color:#a17b3e;border-radius:8px;padding:13px;font-size:11px;line-height:1.6}.roadmap{display:flex;align-items:center;gap:14px;border-top:1px solid #f1f2f5;padding:20px 0}.roadmap:first-of-type{margin-top:15px}.step{height:29px;width:29px;border-radius:50%;background:#f1eefc;color:#806cda;display:grid;place-items:center;font-size:11px;font-weight:800}.step.done{background:#e7f8f1;color:#36a475}.roadmap strong,.roadmap small{display:block}.roadmap strong{font-size:12px}.roadmap small{font-size:10px;color:#9da1af;margin-top:5px}.modal-backdrop{position:fixed;inset:0;background:#16192b99;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-backdrop[hidden]{display:none}.modal{background:white;border-radius:14px;padding:26px;width:100%;max-width:440px;box-shadow:0 20px 90px #0003}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top h2{margin:0}.modal-top button{background:none;border:0;font-size:26px}.modal p{font-size:12px;color:#8c91a2;line-height:1.5}.modal form{display:grid;gap:15px;margin-top:22px}.modal label{font-size:12px;font-weight:700;color:#4c5267}.modal input,.modal select{width:100%;margin-top:7px;padding:12px;border:1px solid #e1e4ed;border-radius:8px}.modal form button{margin-top:8px}#toast{position:fixed;bottom:22px;right:22px;background:#252940;color:white;border-radius:9px;padding:13px 17px;font-size:12px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}.mobile-menu{display:none;border:0;background:none;font-size:21px}@media(max-width:1150px){.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.sidebar{width:235px}}@media(max-width:750px){.sidebar{position:fixed;z-index:9;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{padding:0 16px;height:62px}.content{padding:25px 16px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.statval{font-size:23px}.statval small{display:block;width:max-content;margin-top:5px}.generic-grid{grid-template-columns:1fr}.demo-pill{display:none}.panel{padding:16px}.deadline{gap:8px}.tag{font-size:8px;padding:5px}.feature-list{grid-template-columns:1fr}}@media(max-width:390px){.stats{grid-template-columns:1fr}}

[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#17182b,#39315d);padding:20px}.login-card{width:min(100%,430px);background:white;border-radius:18px;padding:38px;box-shadow:0 20px 80px #0003;display:grid;gap:15px}.login-brand{display:flex;align-items:center;gap:14px;color:#7561db;font-size:24px;font-weight:800}.login-brand strong{font-size:19px;color:#24273b}.login-card h1{font-size:27px;margin:10px 0 0}.login-card p{color:#888e9e;margin:0 0 6px}.login-card label{font-size:12px;font-weight:700;display:grid;gap:8px}.login-card input{border:1px solid #e0e3ec;border-radius:8px;padding:13px}.login-card small{color:#9296a7}.login-card .login-error{color:#c93647}.logout-btn{border:1px solid #e6e4f4;border-radius:8px;padding:8px 12px;background:white;color:#6553be;font-size:12px;font-weight:700}