:root{color:#1d2636;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d2636;--muted: #65758b;--line: #d9e2ec;--panel: #ffffff;--nav: #172033;--nav-2: #23324a;--blue: #2563eb;--cyan: #0891b2;--green: #15803d;--amber: #b7791f;--red: #b42318;--deep-red: #7f1d1d;--purple: #6d28d9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#f8fafc;display:flex;flex-direction:column;gap:24px;padding:22px 16px}.brand{align-items:center;display:flex;gap:12px;padding:4px 6px 10px}.brand-mark{align-items:center;background:#e8f3ff;border-radius:8px;color:var(--blue);display:grid;height:42px;place-items:center;width:42px}.brand strong,.brand span,.sync-card strong,.sync-card span{display:block}.brand span,.sync-card span{color:#cbd5e1;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-link{align-items:center;background:transparent;border:0;border-radius:8px;color:#dbeafe;display:flex;gap:10px;min-height:40px;padding:9px 10px;text-align:left}.nav-link:hover,.nav-link.active{background:var(--nav-2);color:#fff}.sync-card{align-items:flex-start;background:#21314a;border:1px solid #344a6b;border-radius:8px;display:flex;gap:10px;margin-top:auto;padding:12px}.main-area{min-width:0}.topbar{align-items:center;background:#ffffffe6;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:18px 24px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}h1{font-size:24px;letter-spacing:0;margin-top:3px}h2{font-size:18px;letter-spacing:0}.topbar-actions{align-items:center;display:flex;gap:10px}.search-box,.topbar select{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:8px;min-height:38px;padding:0 12px}.search-box input{background:transparent;border:0;color:var(--ink);min-width:220px;outline:0}.topbar select{color:var(--ink)}main{display:grid;gap:18px;padding:24px}.dashboard-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.kpi-card,.action-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.kpi-card{align-items:flex-start;display:flex;justify-content:space-between;min-height:122px;padding:18px}.kpi-card span{color:var(--muted);display:block;font-weight:700}.kpi-card strong{display:block;font-size:34px;margin-top:12px}.kpi-card.blue svg{color:var(--blue)}.kpi-card.red svg,.date-alert{color:var(--red)}.kpi-card.dark-red svg{color:var(--deep-red)}.kpi-card.purple svg{color:var(--purple)}.panel{padding:18px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-header button,.primary-button,.secondary-button,.media-actions button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;min-height:38px;padding:0 12px}.panel-header button,.secondary-button,.media-actions button{background:#f8fafc;border:1px solid var(--line);color:var(--ink)}.primary-button{background:var(--blue);border:1px solid var(--blue);color:#fff}.source-panel,.dashboard-grid>.panel:not(.wide){grid-column:span 2}.wide{grid-column:1 / -1}.metric-row{display:grid;gap:8px;margin-top:14px}.metric-row div:first-child{display:flex;justify-content:space-between}.metric-row span{color:var(--muted)}.meter{background:#e7edf4;border-radius:999px;height:9px;overflow:hidden}.meter span{background:var(--cyan);display:block;height:100%}.activity-list{display:grid;gap:13px}.activity-item{align-items:flex-start;display:flex;gap:10px}.activity-item svg{color:var(--blue);margin-top:2px}.activity-item p{line-height:1.45}.activity-item span{color:var(--muted);display:block;font-size:12px;margin-top:3px}.filter-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-strip span{align-items:center;background:#f3f7fb;border:1px solid var(--line);border-radius:999px;color:#48566a;display:inline-flex;gap:6px;min-height:30px;padding:0 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:1040px;width:100%}th{color:var(--muted);font-size:12px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}td{font-size:14px}td:nth-child(4){max-width:360px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#f7fbff}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;min-height:26px;padding:0 9px;white-space:nowrap}.status.open{background:#fff7ed;color:var(--amber)}.status.in-progress{background:#eff6ff;color:var(--blue)}.status.pending-review,.sync.pending-sync{background:#f5f3ff;color:var(--purple)}.status.closed,.sync.synced{background:#ecfdf3;color:var(--green)}.status.overdue,.sync.failed-sync,.criticality.critical{background:#fef3f2;color:var(--red)}.criticality.normal{background:#f1f5f9;color:#475569}.criticality.high{background:#fff7ed;color:#c2410c}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{color:var(--ink);display:grid;gap:12px;padding:16px;text-align:left;width:100%}button.action-card{border:1px solid var(--line)}.action-card p{color:#334155;line-height:1.45}.card-topline,.card-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.card-meta{color:var(--muted);font-size:13px}.detail-panel{display:grid;gap:16px}.detail-heading,.detail-badges{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.detail-badges{flex-wrap:wrap;justify-content:flex-end}.description{background:#f8fafc;border:1px solid var(--line);border-radius:8px;line-height:1.55;padding:14px}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.field{background:#f8fafc;border:1px solid var(--line);border-radius:8px;min-height:72px;padding:12px}.field span{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}.field strong{display:block;margin-top:7px}.field.alert{border-color:#fecaca}.field.alert strong{color:var(--red)}.evidence-strip{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.media-tile{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:var(--muted);display:flex;gap:9px;min-height:54px;padding:12px}.media-tile.active{background:#eff6ff;border-color:#bfdbfe;color:var(--blue)}.remarks{border-top:1px solid var(--line);display:grid;gap:6px;padding-top:14px}.remarks p{color:#475569}.capture-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.capture-form{display:grid;gap:14px}.capture-form label{color:var(--muted);display:grid;font-size:13px;font-weight:800;gap:7px}.capture-form input,.capture-form select,.capture-form textarea{background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:40px;padding:9px 10px}.capture-form textarea{min-height:132px;resize:vertical}.form-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.media-actions,.submit-row{display:flex;flex-wrap:wrap;gap:10px}.device-preview{align-self:start}.tablet{background:#101827;border:10px solid #273244;border-radius:28px;color:#f8fafc;display:grid;gap:14px;min-height:420px;padding:22px}.tablet-bar{background:#334155;border-radius:999px;color:#fef3c7;justify-self:start;padding:6px 10px}.tablet p{color:#cbd5e1;line-height:1.5}.placeholder{min-height:220px}.placeholder p{color:var(--muted)}.reports-layout{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.report-hero{align-items:center;display:flex;gap:16px;grid-column:1 / -1;justify-content:space-between}.report-hero p{color:var(--muted);margin-top:5px}.report-actions{display:flex;flex-wrap:wrap;gap:10px}.reports-layout>.panel:not(.wide):not(.report-hero){grid-column:span 2}.report-bar{display:grid;gap:9px;margin-top:14px}.report-bar div:first-child{align-items:center;display:flex;gap:10px;justify-content:space-between}.report-bar span{color:var(--muted)}.report-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.report-line{display:grid;gap:12px;grid-template-columns:220px minmax(0,1fr);padding:14px}.report-line+.report-line{border-top:1px solid var(--line)}.report-line span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.report-line p{color:#334155;line-height:1.45}.setup-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.setup-summary{grid-column:1 / -1}.setup-hero{align-items:center;display:flex;gap:14px}.setup-hero p{color:var(--muted);margin-top:5px}.setup-icon,.row-icon{align-items:center;background:#eff6ff;border-radius:8px;color:var(--blue);display:grid;flex:0 0 auto;place-items:center}.setup-icon{height:56px;width:56px}.row-icon{height:38px;width:38px}.setup-progress{background:#e7edf4;border-radius:999px;height:10px;margin:18px 0;overflow:hidden}.setup-progress span{background:var(--green);display:block;height:100%}.setup-stats,.role-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.setup-list,.rules-list{display:grid;gap:10px}.setup-row{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:72px;padding:12px}.setup-row span,.setup-row em,.role-card p,.rule-row span{color:var(--muted)}.setup-row span{display:block;font-size:13px;margin-top:3px}.setup-row em{font-size:13px;font-style:normal;text-align:right}.role-card{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:14px}.role-users,.reference-chips{display:flex;flex-wrap:wrap;gap:8px}.role-users span,.reference-chips span{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:6px;min-height:28px;padding:0 9px}.role-card p{line-height:1.45}.rule-row{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;padding:12px}.rule-row strong{line-height:1.35}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sync-card{margin-top:0}.dashboard-grid,.reports-layout,.card-grid,.capture-layout,.setup-layout,.detail-grid,.setup-stats,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar,.topbar-actions{align-items:stretch;flex-direction:column}.search-box input{min-width:0;width:100%}.sidebar nav,.dashboard-grid,.reports-layout,.card-grid,.capture-layout,.setup-layout,.detail-grid,.evidence-strip,.form-row,.setup-stats,.role-grid{grid-template-columns:1fr}.setup-row{grid-template-columns:auto minmax(0,1fr)}.report-hero,.report-bar div:first-child{align-items:stretch;flex-direction:column}.reports-layout>.panel:not(.wide):not(.report-hero),.report-hero{grid-column:auto}.report-line{grid-template-columns:1fr}.setup-row em{grid-column:2;text-align:left}main{padding:16px}.detail-heading{display:grid}}