:root{--navy:#16324f;--navy-deep:#112941;--teal:#0f857d;--teal-dark:#0b6e66;--teal-darker:#0b5c55;--teal-soft:#dcefec;--rose:#be3a6b;--rose-text:#a22a5a;--rose-soft:#fbeff4;--rose-line:#f0d3df;--paper:#f4f1ea;--surface:#fff;--ink:#1b2733;--ink-2:#46505e;--muted:#6b7686;--muted-warm:#8a8474;--line:#ece7dd;--line-soft:#f0ebe1;--field-bg:#fcfbf8;--st-new-bg:#eef1f4;--st-new-fg:#5a6675;--st-ack-bg:#e7effc;--st-ack-fg:#2d6cdf;--st-prog-bg:#dcefec;--st-prog-fg:#0b6e66;--st-res-bg:#e4f4ea;--st-res-fg:#1f8a4c;--st-closed-bg:#e9ebee;--st-closed-fg:#3a4654;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:9px;--radius-md:13px;--radius-lg:16px;--radius-pill:20px;--shadow-sm:0 2px 10px -8px #0e1b274d;--shadow-md:0 8px 30px -16px #0e1b274d;--shadow-lg:0 30px 70px -30px #0e1b2766;--font:"Hind Madurai", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}.nav{background:var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:13px 30px;display:flex}.nav-links{gap:22px;display:flex}.nav a{color:#a9c0d6;font-size:13.5px;font-weight:500;text-decoration:none}.nav a:hover,.nav a.active{color:#fff;font-weight:600}.main{max-width:660px;margin:34px auto 48px;padding:0 16px}.brand-hero{justify-content:center;margin-bottom:20px;display:flex}.brand-hero img{width:auto;height:110px}.public-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--line-soft);padding:30px 32px}.public-card h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px}.subtitle{color:var(--muted-warm);margin:0 0 20px;font-size:14px}h1,h2{margin-top:0}h1{letter-spacing:-.01em}form{gap:var(--space-3);flex-direction:column;display:flex}label{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}input,textarea,select{border:1.5px solid var(--line);font-size:14px;font-family:var(--font);background:var(--surface);color:var(--ink);border-radius:11px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}textarea{background:var(--field-bg)}input:focus,textarea:focus,select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0f857d26}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1;min-width:140px}button{background:var(--teal);color:#fff;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:11px;padding:12px 18px;transition:background .15s,transform 50ms}button:hover{background:var(--teal-dark)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--ink-2);border:1.5px solid var(--line)}button.secondary:hover{background:var(--paper)}button.navy{background:var(--navy)}button.navy:hover{background:var(--navy-deep)}.cat-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}@media (width>=640px){.cat-grid{grid-template-columns:repeat(6,1fr)}}.cat-chip{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:13px 6px 10px;transition:border-color .12s,background .12s;display:flex}.cat-chip:hover{border-color:#cfe6e3}.cat-chip svg{color:#5a6675;width:24px;height:24px}.cat-chip .label{color:var(--ink-2);font-size:12px;font-weight:600}.cat-chip .label-ta{color:#9aa0a8;margin-top:-4px;font-size:10px}.cat-chip.selected{border-color:var(--teal);background:var(--teal-soft)}.cat-chip.selected svg{color:var(--teal-dark)}.cat-chip.selected .label{color:var(--teal-darker)}.cat-chip.selected .label-ta{color:var(--teal-dark)}.upload-tile{background:var(--field-bg);cursor:pointer;border:1.5px dashed #d8d2c4;border-radius:14px;align-items:center;gap:11px;padding:14px 16px;display:flex}.upload-tile .icon{background:var(--teal-soft);width:46px;height:46px;color:var(--teal-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.identity{background:var(--paper);border-radius:12px;align-items:center;gap:10px;padding:11px 13px;display:flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);border:1px solid var(--line-soft)}.badge{border-radius:var(--radius-pill);padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-block}.badge.new{background:var(--st-new-bg);color:var(--st-new-fg)}.badge.acknowledged{background:var(--st-ack-bg);color:var(--st-ack-fg)}.badge.in_progress{background:var(--st-prog-bg);color:var(--st-prog-fg)}.badge.resolved{background:var(--st-res-bg);color:var(--st-res-fg)}.badge.closed{background:var(--st-closed-bg);color:var(--st-closed-fg)}.badge.flagged{background:var(--rose-soft);color:var(--rose-text)}.stepper{align-items:flex-start;display:flex}.stepper .step{flex-direction:column;flex:1;align-items:center;display:flex}.stepper .dot{background:var(--paper);border:2px solid #d8d2c4;border-radius:50%;width:22px;height:22px}.stepper .dot.done{background:var(--st-res-fg);border:none}.stepper .dot.active{background:var(--teal);border:none}.stepper .step-label{color:var(--muted-warm);margin-top:7px;font-size:11px}.stepper .step.active .step-label{color:var(--teal-dark);font-weight:700}.stepper .connector{background:#d8d2c4;flex:1;height:2px;margin-top:10px}.stepper .connector.done{background:var(--st-res-fg)}.stepper .connector.active{background:var(--teal)}.progress{align-items:center;gap:5px;display:flex}.progress .seg{background:var(--line);border-radius:2px;flex:1;height:4px}.progress .seg.fill{background:var(--teal)}.progress .seg.fill-done{background:var(--st-res-fg)}.tabs{background:var(--paper);border-radius:var(--radius-sm);gap:0;padding:3px;display:inline-flex}.tabs button{color:var(--muted-warm);background:0 0;border-radius:7px;padding:6px 16px;font-size:13px}.tabs button.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #0e1b271a}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.kpi-grid.cols-4{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line-soft);padding:16px 17px}.kpi .kpi-label{color:var(--muted-warm);font-size:12px;font-weight:600}.kpi .kpi-num{color:var(--navy);margin-top:4px;font-size:28px;font-weight:700}.kpi .kpi-sub{color:var(--muted-warm);margin-top:2px;font-size:11.5px;font-weight:600}.kpi.accent{box-shadow:inset 3px 0 0 var(--teal)}.kpi.alert{box-shadow:inset 3px 0 0 var(--rose)}.kpi .kpi-num.good{color:var(--st-res-fg)}.kpi .kpi-num.flag{color:var(--rose)}.bar-row{align-items:center;gap:11px;margin-top:13px;font-size:12.5px;display:flex}.bar-label{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:0 0 78px;font-weight:600;overflow:hidden}.bar-track{background:var(--line-soft);border-radius:5px;flex:1;height:9px;overflow:hidden}.bar-fill{background:var(--navy);height:100%}.bar-count{text-align:right;color:var(--navy);flex:0 0 30px;font-weight:700}.shell{min-height:100vh;display:flex}.shell-sidebar{background:var(--navy);color:#fff;flex-direction:column;flex:0 0 220px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.shell-brand{align-items:center;gap:10px;padding:0 8px 22px;display:flex}.shell-brand img,.shell-brand .mark{background:#fff;border-radius:10px;width:36px;height:36px;padding:6px}.shell-brand .name{color:#fff;font-size:15px;font-weight:700;line-height:1.1}.shell-brand .sub{color:#7e97ae;font-size:11px}.shell-nav{flex-direction:column;flex:1;gap:3px;display:flex}.shell-nav a{color:#a9c0d6;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.shell-nav a:hover{color:#fff;background:#ffffff14}.shell-nav a.active{color:var(--navy);background:#fff;font-weight:700}.shell-nav a svg{width:18px;height:18px}.shell-identity{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.shell-identity-name{color:#fff;font-size:13px;font-weight:600}.shell-identity-role{color:#7e97ae;font-size:11px}.shell-identity button{width:100%}.shell-main{background:var(--paper);flex:1;padding:26px 30px}.role-note{color:#a9d9d3;background:#0f857d1f;border:1px solid #0f857d66;border-radius:9px;padding:9px 11px;font-size:11.5px;line-height:1.4}.table-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.issue-table{border-collapse:collapse;width:100%;font-size:13px}.issue-table thead tr{color:var(--muted-warm);text-transform:uppercase;letter-spacing:.04em;background:#fbfaf7;font-size:11.5px}.issue-table th{text-align:left;padding:11px 12px;font-weight:600}.issue-table th:first-child,.issue-table td:first-child{padding-left:18px}.issue-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.issue-table td{border-top:1px solid var(--line-soft);color:var(--ink);padding:13px 12px}.issue-row{cursor:pointer}.issue-row:hover{background:var(--field-bg)}.issue-row.flagged{background:var(--rose-soft)}.cell-cat{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.cell-cat svg{color:#5a6675;width:15px;height:15px}.cell-assignee{align-items:center;gap:7px;display:inline-flex}.cell-assignee .avatar{width:24px;height:24px;font-size:10px}.detail-overlay{z-index:50;background:#0e1b2752;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-panel{background:var(--surface);width:480px;max-width:95vw;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;padding:0;display:flex;overflow-y:auto}.detail-panel.wide{width:640px}.detail-head{border-bottom:1px solid var(--line-soft);padding:20px 24px}.detail-body{padding:22px 24px}.flag-callout{background:var(--rose-soft);border:1px solid var(--rose-line);color:var(--rose-text);border-radius:11px;align-items:center;gap:9px;padding:11px 13px;font-size:12.5px;font-weight:600;display:flex}.empty-state,.loading-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--muted)}.empty-state-icon{margin-bottom:var(--space-2);font-size:28px}.empty-state-hint{margin-top:var(--space-1);font-size:13px}.spinner{width:24px;height:24px;margin:0 auto var(--space-2);border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-panel{background:var(--surface);border-radius:var(--radius-md);max-width:480px;padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--line-soft)}.success{color:#1f8a4c;font-weight:600}.error{color:var(--rose-text);font-weight:600}@media (width<=768px){.shell{min-height:unset;flex-direction:column}.shell-sidebar{flex-flow:wrap;flex:none;align-items:center;height:auto;padding:12px 16px;position:static}.shell-nav{flex-flow:wrap;flex:1}.shell-main{padding:20px 16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}