:root{font-family:Inter,system-ui,sans-serif;color:#f4f7fb;background:#08101f}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}aside{width:235px;padding:24px 16px;background:#0b1427;border-right:1px solid #24324d;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{font-weight:900;font-size:19px;line-height:1.1;margin-bottom:5px}.brand em{font-style:normal;color:#6ea8fe}aside small{color:#8fa0bf}aside button{display:block;width:100%;text-align:left;margin:4px 0;padding:10px;border:0;border-radius:8px;background:transparent;color:#aab7cf;cursor:pointer}aside button.active{background:#1a2945;color:#fff}.demo{margin-top:18px;font-size:10px;color:#43d38c;border:1px solid #285b49;padding:7px;border-radius:20px;text-align:center}main{margin-left:235px;width:calc(100% - 235px)}header{padding:24px 30px;border-bottom:1px solid #24324d;display:flex;justify-content:space-between;align-items:center;background:#0a1222}h1{margin:0;font-size:27px}header p{margin:4px 0;color:#8fa0bf}.user{font-size:12px;color:#8fa0bf}.content{padding:28px;max-width:1400px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat,.card{background:#111c31;border:1px solid #283853;border-radius:14px;padding:18px}.stat span,.stat small{display:block;color:#91a0ba}.stat b{font-size:27px;display:block;margin:4px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{margin-bottom:16px}.wide{grid-column:1/-1}.card h3{margin-top:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #283853}th{font-size:11px;color:#8fa0bf;text-transform:uppercase}input{width:100%;padding:12px;background:#091225;border:1px solid #314361;border-radius:8px;color:#fff;margin-bottom:8px}button{cursor:pointer}.card button{padding:10px 14px;border-radius:8px;border:1px solid #416b9e;background:#214d86;color:#fff}.answer{margin-top:12px;padding:12px;background:#0b2740;border-radius:9px;color:#d8e9fa}.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kanban div,.steps span{background:#192742;padding:14px;border-radius:9px}.kanban p{color:#8fa0bf}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps span{font-size:13px}@media (max-width:900px){aside{width:190px}main{margin-left:190px;width:calc(100% - 190px)}.stats,.grid,.steps{grid-template-columns:1fr}.kanban{grid-template-columns:1fr 1fr}}