body{margin:0;background:#f3f6fa;color:#172033;font-family:Inter,system-ui}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#0b1d2d;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.brand{font-size:25px;font-weight:900;letter-spacing:1px}.brand span{color:#31c7c5}aside small{color:#9db0c1}nav{margin-top:28px;display:grid;gap:7px}nav a{color:#cbd8e2;text-decoration:none;padding:11px 12px;border-radius:10px}nav a:hover{background:#12334c;color:#fff}main header{height:76px;background:#fff;border-bottom:1px solid #e4e9ef;padding:14px 26px;display:flex;justify-content:space-between;align-items:center}.content{padding:26px}.muted{font-size:12px;color:#778397}.hero{background:linear-gradient(120deg,#0e3b5a,#117c83);color:#fff;border-radius:20px;padding:26px}.metric{background:#fff;border:1px solid #e5ebf1;border-radius:16px;padding:18px;box-shadow:0 4px 18px #16304a0a}.metric strong{font-size:28px;display:block}.panel{background:#fff;border:1px solid #e5ebf1;border-radius:16px;padding:20px}.badge-soft{background:#e8f6f5;color:#087c78;padding:6px 10px;border-radius:99px}.workspace-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.table>tbody>tr>td{vertical-align:middle}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow:auto}.lane{background:#edf2f6;border-radius:15px;padding:12px;min-height:300px}.ticket{background:#fff;padding:13px;border-radius:12px;margin:8px 0;border:1px solid #dfe7ed}.tabs a{display:inline-block;padding:8px 11px;text-decoration:none}.status{font-weight:700}.form-control,.form-select{border-radius:10px}.btn{border-radius:10px}@media(max-width:850px){.app{display:block}aside{height:auto;position:relative}aside nav{grid-template-columns:1fr 1fr}.content{padding:14px}.kanban{grid-template-columns:repeat(4,260px)}main header{padding:12px 15px}}