:root{color:#162033;background:#f6f7fb;font-family:Inter,system-ui,Arial}body{margin:0}.app{min-height:100vh;display:flex}aside{color:#fff;box-sizing:border-box;background:#0e1830;width:280px;padding:24px}aside button{color:#fff;cursor:pointer;background:#1a2848;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;margin:8px 0;padding:12px 14px;display:flex}aside button.active,aside button:hover{background:#3a64ff}.brand{align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.sub{color:#aab6d6}nav{margin-top:28px}main{flex:1;padding:28px;overflow:auto}header h1{margin:0 0 6px;font-size:30px}header p{color:#61708d;margin:0 0 22px}.toolbar{gap:12px;margin-bottom:16px;display:flex}input,textarea{box-sizing:border-box;background:#fff;border:1px solid #d9deea;border-radius:14px;padding:12px}input{min-width:360px}textarea{width:100%;height:220px;margin-bottom:14px}button{color:#fff;cursor:pointer;background:#2347d8;border:0;border-radius:14px;padding:12px 18px}table{border-collapse:separate;border-spacing:0 8px;width:100%}th{text-align:left;color:#64708a;font-size:13px}td{background:#fff;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6;padding:14px}td:first-child{border-radius:14px 0 0 14px}td:last-child{border-radius:0 14px 14px 0}a{color:#2347d8;cursor:pointer;font-weight:700}.pill{color:#35415c;background:#e8edf7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.high{color:#b00020;background:#ffe1e1}.medium{color:#8a5a00;background:#fff1cc}.low{color:#144ac9;background:#dfeaff}.confirmed{color:#137333;background:#dff7e8}.proposed{color:#6335c6;background:#eee5ff}.open{color:#b85c00;background:#ffe9d6}.deferred{color:#526070;background:#eceff3}.responsible{color:#137333;background:#dff7e8}.accountable{color:#b00020;background:#ffe1e1}.consulted{color:#8a5a00;background:#fff1cc}.informed{color:#144ac9;background:#dfeaff}.flyout{box-sizing:border-box;z-index:4;background:#fff;width:420px;height:100vh;padding:28px;position:fixed;top:0;right:0;box-shadow:-10px 0 30px #0002}.close{float:right;color:#223;background:#eef1f8}.diagram{grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:10px;margin:20px 0;display:grid}.diagram div{background:#f3f6ff;border:1px solid #dbe2ff;border-radius:16px;padding:14px}.modal{z-index:5;background:#0005;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal>div{background:#fff;border-radius:24px;width:620px;padding:24px}.kanban{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lane{background:#eef2f8;border-radius:22px;padding:14px}.card,.panel,.approval{background:#fff;border-radius:22px;margin-bottom:14px;padding:18px;box-shadow:0 8px 24px #13294b0d}.card p{font-weight:600}.grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.hot td{outline:2px solid #ffd4d4}.approvalGrid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;display:grid}.approve{background:#137333}.reject{background:#b00020}pre{color:#e5e7eb;background:#111827;border-radius:18px;padding:18px;overflow:auto}