:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#1f2933}body{margin:0;background:#f3f6f8}.shell header{padding:16px 20px;background:#020824;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand-row{display:flex;align-items:center;gap:14px}.brand-logo{width:120px;height:auto;display:block}.brand-tagline{font-size:1.3rem;font-weight:700;letter-spacing:.02em;color:#f0f6ff}.layout{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:12px}.sidebar{background:#fff;border:1px solid #d7e1ea;border-radius:10px;padding:10px;display:grid;gap:8px;align-content:start}.sidebar a{padding:8px;border-radius:8px;color:#184a58;text-decoration:none}.sidebar a.active{background:#e5eff2;font-weight:600}.content{display:grid}.card{background:#fff;border:1px solid #d7e1ea;border-radius:10px;padding:12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}.kpi-card{border:1px solid #d7e1ea;border-radius:10px;padding:10px;background:#f8fbfc}.kpi-label{margin:0;font-size:.82rem;color:#486273}.kpi-value{margin:4px 0 0;font-size:1.35rem;font-weight:700}button,input,select,textarea{border-radius:8px;border:1px solid #c4d0da;padding:8px 10px;font:inherit}button{background:#0f4c5c;color:#fff;border-color:#0f4c5c;cursor:pointer}ul{padding-left:18px}.inline{display:flex;gap:8px;flex-wrap:wrap}textarea{width:100%;min-height:96px;resize:vertical}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e1e8ef;text-align:left;padding:6px 8px;vertical-align:top}.gantt-wrap{display:grid;gap:8px}.gantt-row{display:grid;gap:4px}.gantt-label{font-size:.9rem}.gantt-track{position:relative;width:100%;height:14px;border-radius:999px;background:#edf2f7;overflow:hidden}.gantt-bar{position:absolute;top:1px;bottom:1px;border-radius:999px;background:#0f4c5c}.gantt-bar.COMPLETE{background:#2a9d8f}.gantt-bar.IN_PROGRESS{background:#3a86ff}.gantt-bar.BLOCKED{background:#d62828}.test-result{margin-top:10px;padding:10px;border:1px solid #c8d6e5;border-radius:8px;background:#f8fbff}@media(max-width:900px){.layout{grid-template-columns:1fr}}