@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:14px 'DM Sans',sans-serif}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.side{background:#101a31;color:#c7d1e8;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}.brand{color:#fff;font:800 21px Manrope;margin:5px 10px 28px}.brand b{color:#5dd9c1}.group{font-size:10px;font-weight:700;color:#7180a0;margin:22px 10px 8px;letter-spacing:.09em;text-transform:uppercase}.nav{display:block;padding:9px 11px;border-radius:8px;color:#bac6df;cursor:pointer;text-decoration:none}.nav:hover,.nav.active{background:#233254;color:#fff}.nav em{font-style:normal;color:#7b89a8;float:right}.main{min-width:0}.top{height:72px;background:#fff;border-bottom:1px solid #e8ecf3;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.crumb{color:#7a8498}.crumb b{color:#1a2540}.profile{display:flex;gap:11px;align-items:center}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9f6f0;color:#087b68;font-weight:700}.page{padding:28px 30px 50px;max-width:1600px}.title-row{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.title-row h1{font:800 26px Manrope;margin:0 0 5px}.muted{color:#78849a}.btn{border:0;border-radius:8px;background:#10a98b;color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.btn.ghost{background:#edf2f8;color:#32405a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #e8ecf3;border-radius:12px;padding:18px;box-shadow:0 2px 8px #16213a08}.metric{font:800 25px Manrope;margin-top:9px}.up{color:#08a87e;font-size:12px}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel h3{margin:0 0 16px;font:700 15px Manrope}.bars{height:180px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #e9edf3;padding:0 10px}.bar{flex:1;background:linear-gradient(#55d4bd,#16aa8b);border-radius:5px 5px 0 0;position:relative}.bar small{position:absolute;bottom:-22px;color:#8490a4}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#8a95a8;font-size:11px;text-transform:uppercase;padding:0 10px 12px}.table td{padding:13px 10px;border-top:1px solid #edf0f5}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:700}.green{background:#dcf7ef;color:#087b68}.blue{background:#e6f0ff;color:#3774c7}.orange{background:#fff1d9;color:#ad6d08}.red{background:#ffe6e6;color:#c03f47}.filters{display:flex;gap:10px;margin:0 0 16px}.filters input,.filters select{border:1px solid #dce3ed;border-radius:8px;padding:9px 11px;background:#fff;color:#41506c}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;overflow:auto}.lane{min-width:190px;background:#edf2f7;border-radius:10px;padding:10px}.lane h4{margin:2px 0 12px;font-size:13px}.task{background:#fff;border-radius:8px;padding:12px;margin:8px 0;box-shadow:0 1px 3px #26334b18;font-weight:600}.task small{display:block;color:#7d889c;margin-top:7px}.detail{display:grid;grid-template-columns:1fr 310px;gap:18px}.timeline{border-left:2px solid #d8e3eb;margin-left:7px;padding-left:19px}.event{position:relative;padding:0 0 20px}.event:before{content:'';width:10px;height:10px;border-radius:50%;background:#18b392;position:absolute;left:-25px;top:4px}.info{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.info div{background:#f7f9fc;padding:11px;border-radius:8px}.info label{display:block;color:#8490a4;font-size:11px;margin-bottom:5px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.nav{display:inline-block}.group{margin-top:14px}.cards,.layout,.detail{grid-template-columns:1fr 1fr}.top{padding:0 16px}.page{padding:20px 16px}}@media(max-width:600px){.cards,.layout,.detail,.info{grid-template-columns:1fr}.top .crumb{display:none}.kanban{grid-template-columns:repeat(4,210px)}}