*{box-sizing:border-box}body{margin:0;background:#080b16;color:#f5f7ff;font-family:Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0d1120;border-right:1px solid #1d2538;padding:24px 16px}.brand{font-size:19px;font-weight:800;margin:5px 8px 26px}.brand span,.brand b{color:#a79aff}.member{display:flex;gap:10px;align-items:center;background:#131a2b;border:1px solid #222c44;border-radius:14px;padding:11px;margin-bottom:22px}.member small{display:block;color:#7c87a3}.avatar{width:40px;height:40px;border-radius:12px;background:#7162df;display:grid;place-items:center;font-weight:800}.nav{display:block;width:100%;border:0;background:transparent;color:#8792ad;text-align:left;padding:13px 12px;border-radius:10px;margin:4px 0;cursor:pointer}.nav:hover,.nav.active{background:#181e32;color:white}.nav.active{box-shadow:inset 3px 0 #9b8cff}.nav i{float:right;background:#9b8cff;color:white;border-radius:20px;padding:3px 6px;font-style:normal;font-size:9px}.side-note{position:absolute;bottom:25px;left:16px;right:16px;background:#141a2b;border:1px solid #222c44;border-radius:12px;padding:13px;color:#a79aff;font-size:11px}.side-note small{display:block;color:#6e7994;margin-top:5px}.main{margin-left:250px;padding:0 42px}.topbar{height:100px;border-bottom:1px solid #1b2336;display:flex;align-items:center}.topbar h1{margin:5px 0;font-size:28px}.overline{font-size:10px;letter-spacing:2px;color:#707b97}.topright{margin-left:auto;display:flex;gap:10px;align-items:center}.bell{background:#12192a;border:1px solid #26304a;color:white;border-radius:11px;width:40px;height:40px}.user{display:flex;align-items:center;gap:8px;border:1px solid #26304a;background:#12192a;padding:5px 12px 5px 5px;border-radius:13px;font-size:13px}.avatar.sm{width:34px;height:34px}.menu{display:none}.page{display:none;padding:34px 0}.page.active{display:block}.hero{background:radial-gradient(circle at 85% 20%,#2a2358,#13182b 55%,#101525);border:1px solid #2c3551;border-radius:22px;padding:38px 42px;display:flex;justify-content:space-between}.hero label,.intro label{font-size:10px;color:#a99dff;letter-spacing:1.5px;background:#211d46;border:1px solid #413879;border-radius:20px;padding:7px 10px;font-weight:800}.hero h2{font-size:41px;line-height:1.1;margin:19px 0 9px}.hero h2 span,.intro h2{color:#a99dff}.hero p,.intro p{color:#8993ad;max-width:600px}.spark{font-size:175px;color:#8e80ff;opacity:.2;margin-right:60px}.primary{background:#8e80ff;color:white;border:0;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stat,.panel,.task,.calendar,.messages,.settings,.cards article{background:#101626;border:1px solid #202a43;border-radius:16px}.stat{padding:18px}.ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.violet{background:#2a2451}.blue{background:#1c3551}.pink{background:#47263e}.gold{background:#45361e}.stat small{display:block;color:#75809a;margin-top:12px}.stat strong{font-size:28px;display:block}.stat em{font-size:10px;color:#68d49b;font-style:normal}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:18px}.panel{padding:20px}.panelhead{display:flex;justify-content:space-between}.panel h3{margin:0}.panelhead small{color:#717c97}.chart{height:190px;padding-top:25px}.bars{height:145px;display:flex;align-items:end;gap:14px}.bars span{display:block;flex:1;background:linear-gradient(#9b8cff,#6052d7);border-radius:7px 7px 2px 2px}.days{display:flex;justify-content:space-between;color:#68738d;font-size:9px}.quick{display:grid;gap:9px;margin-top:17px}.quick button{background:#151c2d;border:1px solid #26304a;color:white;padding:12px;border-radius:10px;text-align:left;display:flex;gap:10px;align-items:center;cursor:pointer}.quick button span{flex:1}.quick small{display:block;color:#707b95}.link{border:0;background:none;color:#a99dff;cursor:pointer}.table{margin-top:12px}.tr{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr;gap:10px;padding:14px 5px;border-top:1px solid #1c2539;color:#b3bad0;font-size:12px}.th{border-top:0;color:#68738d;text-transform:uppercase;font-size:9px}.status,.priority{width:max-content;border-radius:20px;padding:5px 8px;font-size:9px}.done{background:#143426;color:#6dd79d}.progress{background:#28234d;color:#aaa0ff}.review{background:#3c321a;color:#eac566}.high{color:#ff8f9c}.medium{color:#eac566}.low{color:#70d6b0}.intro h2{font-size:38px;margin:16px 0 5px}.taskgrid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.task{padding:20px;display:grid;gap:10px}.task span,.task small,.cards article p,.cards article small{color:#7e89a3;font-size:12px}.task strong{width:max-content;padding:5px 8px;border-radius:20px;background:#24243d;font-size:9px}.line{height:7px;background:#202940;border-radius:8px;overflow:hidden;margin:18px 0 8px}.line i{height:100%;display:block;background:#8e80ff}.calendar{padding:20px}.calhead,.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calhead{text-align:center;color:#68738d;font-size:10px;padding:10px}.day{height:65px;border:1px solid #1e2840;border-radius:9px;padding:8px;color:#9ca6bd}.today{background:#2a2451;border-color:#8e80ff;color:white}.messages{overflow:hidden}.msg{display:flex;gap:14px;align-items:center;padding:19px;border-top:1px solid #1d263a}.msg:first-child{border:0}.msg p{margin:5px 0;color:#8791aa;font-size:12px}.msg small{color:#68738d}.msg>strong{margin-left:auto;color:#a99dff;background:#28234d;border-radius:20px;padding:5px 7px;font-size:8px}.settings{padding:8px 22px}.settings>div{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #202941}.settings>div:last-child{border:0}.settings span{color:#7b86a1;font-size:12px;flex:1}footer{text-align:center;color:#68738d;font-size:11px;padding:30px 0}footer b{color:#a99dff}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.cards,.taskgrid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin:0;padding:0 18px}.menu{display:block;background:none;border:0;color:white;font-size:22px;margin-right:12px}.hero{padding:27px}.hero h2{font-size:31px}.spark{display:none}.user span{display:none}.cards,.taskgrid,.stats{grid-template-columns:1fr}.tr{grid-template-columns:1.7fr 1fr 1fr}.tr span:nth-child(2){display:none}}