*{box-sizing:border-box;margin:0;padding:0}:root{--navy-deepest:#0b1f3a;--navy-panel:#132d4a;--navy-brand:navy;--blue-accent:#00f;--bg-light:#f3f5f9;--white:#fff;--text-dark:#10203b;--text-muted:#5b6b85;--red:#dc2626;--red-bg:#fde8e8;--amber:#c2760c;--amber-bg:#fdf1dc;--green:#15803d;--green-bg:#e3f6e9;--border:#dbe2ee}body{background:var(--bg-light);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--blue-accent);outline-offset:2px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-small{padding:.45rem .9rem;font-size:.82rem}.btn-primary{background:var(--blue-accent);color:#fff;box-shadow:0 2px 6px #0000ff40}.btn-primary:hover{background:#1414e0}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#a9a9e8}.btn-ghost{color:#fff;background:0 0;border-color:#fff6}.btn-ghost:hover{background:#ffffff1a}.btn-outline{color:var(--navy-brand);border-color:var(--border);background:#fff}.btn-outline:hover{border-color:var(--navy-brand);background:#eef1f8}.btn-outline:disabled{color:var(--text-muted);cursor:not-allowed}.btn-outline:disabled:hover{border-color:var(--border);background:#fff}.landing{background:var(--navy-deepest);color:#fff;min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.brand{align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:flex}.brand-mark{background:var(--blue-accent);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;display:flex}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:3rem 3rem 5rem;display:grid}.eyebrow{color:#9db6e6;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;font-weight:600}.hero h1{margin-bottom:1.2rem;font-size:2.6rem;line-height:1.2}.hero-sub{color:#c3d0ea;max-width:520px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.hero-panel{background:var(--navy-panel);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.9rem;padding:1.6rem;display:flex;box-shadow:0 12px 32px #00000040}.panel-row{color:#e6ecf9;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.panel-row .dot{border-radius:50%;width:9px;height:9px}.panel-row.critical .dot{background:var(--red)}.panel-row.warning .dot{background:var(--amber)}.benefits{color:var(--text-dark);background:#fff;padding:4rem 3rem}.benefits h2{text-align:center;margin-bottom:2.5rem;font-size:1.7rem}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:1.4rem;max-width:1200px;margin:0 auto;display:grid}.benefit-card{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:1.4rem;transition:box-shadow .15s,transform .15s}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0b1f3a1a}.benefit-card h3{color:var(--navy-brand);margin-bottom:.6rem;font-size:1.02rem}.benefit-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.cta-strip{background:var(--navy-panel);color:#fff;justify-content:space-between;align-items:center;padding:2.5rem 3rem;display:flex}.cta-strip h2{margin-bottom:.4rem;font-size:1.4rem}.cta-strip p{color:#c3d0ea}.landing-footer{color:#8ea0c6;justify-content:space-between;padding:1.5rem 3rem;font-size:.85rem;display:flex}.overview{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.overview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.2rem;display:flex}.back-link{color:var(--navy-brand);font-size:.85rem;font-weight:600}.overview-header h1{color:var(--navy-deepest);margin-top:.3rem;font-size:1.9rem}.overview-date{color:var(--text-muted);margin-top:.2rem}.overview-date-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.header-right{flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.import-meta{text-align:right}.import-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;display:block}.import-time{color:var(--navy-brand);font-size:1.1rem;font-weight:700}.role-switcher{flex-direction:column;gap:.25rem;display:flex}.role-switcher label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.72rem;font-weight:600}.role-switcher select{border:1px solid var(--border);color:var(--navy-brand);background:#fff;border-radius:8px;padding:.45rem .6rem;font-family:inherit;font-size:.85rem;font-weight:600}.status-strip{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.6rem;padding:.8rem 1.2rem;font-size:.9rem;display:flex}.status-strip.status-healthy{background:var(--green-bg);color:var(--green)}.status-strip.status-stale{background:var(--amber-bg);color:var(--amber)}.status-strip.status-failed{background:var(--red-bg);color:var(--red)}.status-strip.status-none{color:var(--text-muted);background:#eef1f8}.status-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.status-counts{color:var(--text-muted);margin-left:auto;font-size:.82rem}.summary-cards{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.summary-card{border:1px solid var(--border);border-top:4px solid var(--border);background:#fff;border-radius:12px;padding:1.2rem;transition:box-shadow .15s;box-shadow:0 2px 8px #0b1f3a0d}.summary-card:hover{box-shadow:0 6px 16px #0b1f3a1a}.summary-card.severity-critical{border-top-color:var(--red)}.summary-card.severity-warning{border-top-color:var(--amber)}.summary-count{color:var(--navy-deepest);font-size:2.1rem;font-weight:700;display:block}.summary-label{color:var(--text-muted);font-size:.88rem}.exceptions-section h2{color:var(--navy-deepest);margin-bottom:1rem;font-size:1.3rem}.exceptions-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.filters-panel{border:1px solid var(--border);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;padding:1rem 1.2rem;display:flex;box-shadow:0 2px 8px #0b1f3a0d}.filter-field select:focus,.filter-field input[type=date]:focus{border-color:var(--blue-accent)}.filter-field{flex-direction:column;gap:.3rem;min-width:150px;display:flex}.filter-field label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.72rem;font-weight:600}.filter-field select,.filter-field input[type=date]{border:1px solid var(--border);color:var(--text-dark);background:#fff;border-radius:8px;padding:.5rem .6rem;font-family:inherit;font-size:.88rem}.clear-filters{margin-left:auto}.empty-state{border:1px dashed var(--border);text-align:center;color:var(--text-muted);background:#fff;border-radius:12px;padding:2.5rem}.empty-state h3{color:var(--navy-deepest);margin-bottom:.5rem}.empty-state p{margin-bottom:1rem}.empty-state .btn{margin-top:.2rem}.empty-state.empty-good h3{color:var(--green)}.exception-list{flex-direction:column;gap:1rem;display:flex}.exception-card{border:1px solid var(--border);border-left:5px solid var(--border);background:#fff;border-radius:10px;padding:1.2rem 1.4rem;transition:box-shadow .15s;box-shadow:0 2px 8px #0b1f3a0d}.exception-card:hover{box-shadow:0 6px 18px #0b1f3a1a}.exception-card.severity-critical{border-left-color:var(--red)}.exception-card.severity-warning{border-left-color:var(--amber)}.exception-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.exception-top-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.type-pill{background:var(--navy-panel);color:#fff;text-transform:uppercase;border-radius:999px;margin-right:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.status-text{color:var(--text-muted);text-transform:capitalize;font-size:.8rem}.ack-badge{color:var(--green);font-size:.8rem;font-weight:600}.ack-badge.resolved-badge{color:var(--navy-brand)}.exception-customer{color:var(--navy-deepest);margin-bottom:.2rem;font-size:1.05rem}.record-id{color:var(--text-muted);font-size:.85rem;font-weight:400}.exception-job{color:var(--text-muted);margin-bottom:.7rem;font-size:.9rem}.exception-rule{background:var(--bg-light);color:var(--text-dark);border-radius:8px;margin-bottom:.7rem;padding:.7rem .9rem;font-size:.88rem;line-height:1.5}.exception-meta{color:var(--text-muted);flex-wrap:wrap;gap:1.2rem;font-size:.8rem;display:flex}.exception-meta a{color:var(--blue-accent);font-weight:600}.no-link{font-style:italic}.view-all{margin:1.5rem auto 0;display:block}.detail-page{padding-top:1.6rem}.detail-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.detail-back{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem}.detail-card{border:1px solid var(--border);border-left:5px solid var(--border);background:#fff;border-radius:12px;margin-bottom:1.6rem;padding:1.6rem 1.8rem;box-shadow:0 2px 10px #0b1f3a0f}.detail-card.severity-critical{border-left-color:var(--red)}.detail-card.severity-warning{border-left-color:var(--amber)}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.detail-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.readonly-note{color:var(--text-muted);font-size:.82rem;font-style:italic}.status-text-open{color:var(--red);font-weight:600}.status-text-acknowledged{color:var(--amber);font-weight:600}.status-text-resolved{color:var(--green);font-weight:600}.detail-customer{color:var(--navy-deepest);margin-bottom:.3rem;font-size:1.5rem}.detail-job{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.detail-rule{background:var(--bg-light);color:var(--text-dark);border-radius:8px;margin-bottom:1.2rem;padding:.8rem 1rem;font-size:.92rem;line-height:1.55}.detail-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1.1rem 1.4rem;padding-top:1.1rem;display:grid}.detail-field{flex-direction:column;gap:.25rem;font-size:.92rem;display:flex}.detail-field-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.72rem;font-weight:600}.detail-field a{color:var(--blue-accent);font-weight:600}.assign-form{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:.7rem;margin-top:1.3rem;padding-top:1.1rem;display:flex}.assign-form label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:block}.assign-form select{border:1px solid var(--border);color:var(--text-dark);background:#fff;border-radius:8px;min-width:200px;padding:.5rem .6rem;font-family:inherit;font-size:.88rem}.detail-columns{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.detail-panel{border:1px solid var(--border);background:#fff;border-radius:12px;padding:1.4rem 1.6rem;box-shadow:0 2px 10px #0b1f3a0f}.detail-panel h2{color:var(--navy-deepest);margin-bottom:1rem;font-size:1.05rem}.panel-empty{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.notes-list{flex-direction:column;gap:.9rem;margin-bottom:1.1rem;list-style:none;display:flex}.note-item{background:var(--bg-light);border-radius:8px;padding:.8rem 1rem}.note-meta{color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem}.note-item p{color:var(--text-dark);font-size:.9rem;line-height:1.5}.note-form{flex-direction:column;gap:.6rem;display:flex}.note-form textarea{border:1px solid var(--border);resize:vertical;color:var(--text-dark);border-radius:8px;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.note-form textarea:focus{border-color:var(--blue-accent)}.note-form .btn{align-self:flex-end}.activity-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.activity-item{align-items:flex-start;gap:.7rem;display:flex}.activity-dot{background:var(--blue-accent);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:.4rem}.activity-item p{color:var(--text-dark);font-size:.9rem;line-height:1.4}.activity-time{color:var(--text-muted);font-size:.78rem}@media (width<=900px){.hero{grid-template-columns:1fr}.benefit-grid,.summary-cards{grid-template-columns:1fr 1fr}.detail-columns{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.benefit-grid,.summary-cards,.detail-grid{grid-template-columns:1fr}.overview-header,.header-right{align-items:flex-start}.landing-nav,.hero,.benefits,.cta-strip,.landing-footer{padding-left:1.5rem;padding-right:1.5rem}}