:root{--navy:#0b2545;--blue:#1263e6;--green:#0f9f55;--orange:#f59e0b;--red:#dc2626;--bg:#f5f7fb;--panel:#fff;--text:#13203a;--muted:#67738a;--border:#dfe5ef;--shadow:0 8px 24px rgba(25,54,93,.06);--sidebar:220px;--header:72px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-header{height:var(--header);position:fixed;left:0;right:0;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header-brand{display:flex;align-items:center;gap:12px}.header-brand>span:last-child{display:flex;flex-direction:column}.header-brand b{font-size:18px}.header-brand small{color:var(--muted);margin-top:2px}.brand-icon{width:42px;height:42px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:22px}.header-user{display:flex;align-items:center;gap:10px;font-size:13px}.role-badge{background:#e8f1ff;color:var(--blue);border:1px solid #bad3ff;border-radius:999px;padding:4px 8px}.header-user a{font-weight:800}.app-shell{padding-top:var(--header);min-height:100vh}.sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;z-index:40}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.sidebar nav button{border:0;background:transparent;display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:8px;color:#40506b;font-weight:700;cursor:pointer;text-align:left}.sidebar nav a span,.sidebar nav button span{width:20px;text-align:center;font-size:17px}.sidebar nav a:hover,.sidebar nav button:hover{background:#f1f6ff;color:var(--blue)}.sidebar nav a.active{background:#eaf2ff;color:var(--blue);position:relative}.sidebar nav a.active:before{content:"";position:absolute;left:-12px;width:3px;height:30px;border-radius:0 4px 4px 0;background:var(--blue)}.sidebar-footer{margin-top:auto;display:grid;gap:14px;color:var(--muted);font-size:11px}.security-note{border:1px solid var(--border);border-radius:9px;padding:12px;display:flex;gap:8px;align-items:center;color:#40506b}.security-note span{color:var(--green)}.content{margin-left:var(--sidebar);padding:22px 24px 48px;min-width:0;transition:margin-right .2s}.detail-open .content{margin-right:365px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.page-title h1{margin:0;font-size:28px}.page-title p{margin:5px 0 0;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin-bottom:16px}.kpi-grid article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.kpi-grid small{display:block;color:var(--muted);font-size:12px}.kpi-grid strong{display:block;font-size:25px;margin-top:4px}.kpi-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:23px}.kpi-icon.blue{background:#e6f0ff;color:var(--blue)}.kpi-icon.green{background:#e4f8ea;color:var(--green)}.kpi-icon.orange{background:#fff0dc;color:var(--orange)}.evidence-panel{padding:14px;margin-bottom:12px}.compact-filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(6,minmax(110px,1fr)) auto;gap:9px;align-items:end}.compact-filters label{margin:0}.filter-search{position:relative}.filter-search span{position:absolute;left:12px;top:10px;color:var(--muted)}.filter-search input{padding-left:34px}.filter-buttons{display:flex;gap:6px}.evidence-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.mini-summary{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;background:#f7f9fc;border-radius:8px;color:#56637a;font-size:12px}.status-line{min-height:24px;padding:3px 5px;color:var(--green);font-size:12px;font-weight:700}.status-line.error,.error-text{color:var(--red)}label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#40506b;margin-bottom:13px}input,select{height:36px;width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:6px 9px;background:#fff;color:var(--text)}input:focus,select:focus{outline:0;border-color:#6aa0ef;box-shadow:0 0 0 3px rgba(18,99,230,.1)}.btn{border:1px solid transparent;border-radius:7px;padding:9px 13px;font-weight:760;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#edf3ff;color:var(--blue)}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;border-color:var(--border);color:#40506b}.btn.danger{background:var(--red);color:#fff}.btn.tiny{padding:4px 7px;font-size:10px;margin-left:4px}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto;max-height:calc(100vh - 300px);min-height:340px}#evidenceTable{width:100%;border-collapse:collapse;min-width:1580px;table-layout:fixed}#evidenceTable th,#evidenceTable td{border-bottom:1px solid #e3e8ef;border-right:1px solid #eef1f5;padding:6px 7px;text-align:left;vertical-align:middle;font-size:10px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#evidenceTable th{position:sticky;top:0;z-index:5;background:#f4f6f9;color:#39475f;font-size:9px;text-transform:uppercase;height:38px;white-space:normal}#evidenceTable th:nth-child(1){width:45px}#evidenceTable th:nth-child(2){width:100px}#evidenceTable th:nth-child(3){width:82px}#evidenceTable th:nth-child(4){width:52px}#evidenceTable th:nth-child(5){width:128px}#evidenceTable th:nth-child(6){width:78px}#evidenceTable th:nth-child(7){width:82px}#evidenceTable th:nth-child(8){width:108px}#evidenceTable th:nth-child(9){width:170px}#evidenceTable th:nth-child(10){width:76px}#evidenceTable th:nth-child(11){width:130px}#evidenceTable th:nth-child(12){width:140px}#evidenceTable th:nth-child(13){width:80px}#evidenceTable th:nth-child(14){width:52px}#evidenceTable th:nth-child(15){width:100px}#evidenceTable th:nth-child(16){width:75px}#evidenceTable th:nth-child(17){width:78px}#evidenceTable th:nth-child(18){width:160px}#evidenceTable td input,#evidenceTable td select{height:27px;padding:2px 5px;border-radius:5px;font-size:9px;font-weight:750;background:rgba(255,255,255,.9)}.editable-row{cursor:pointer}.editable-row:hover td{outline:1px solid rgba(18,99,230,.16)}.num{text-align:right!important;font-variant-numeric:tabular-nums}.strong{font-weight:900}.row-num{text-align:center!important}.order-cell{font-weight:900}.status-p td{background:#fff600;color:#111}.status-s_u td{background:#f59e0b;color:#111}.status-splusu td{background:#2563eb;color:#fff}.status-u_s td{background:#7e22ce;color:#fff}.status-o td{background:#dc2626;color:#fff}.status-h td{background:#d5dae1;color:#374151;font-style:italic}.article-repeat td{background:#fff5f2}.repeat-alert{color:#c02616;font-weight:900}.repeat-ok{color:var(--green)}.empty{text-align:center!important;padding:36px!important;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.pagination nav{display:flex;gap:5px}.pagination nav a{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;display:grid;place-items:center;background:#fff}.pagination nav a.active{background:var(--blue);color:#fff}.pagination form select{height:30px}.detail-panel{position:fixed;top:var(--header);right:0;bottom:0;width:365px;background:#fff;border-left:1px solid var(--border);z-index:35;transform:translateX(100%);transition:transform .2s;overflow:auto}.detail-open .detail-panel{transform:translateX(0)}.detail-panel>header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);padding:18px;display:flex;justify-content:space-between;align-items:flex-start}.detail-panel h2{font-size:16px;margin:4px 0 0}.detail-panel header small{color:var(--muted);font-weight:800}.detail-panel header button{border:0;background:transparent;font-size:24px;cursor:pointer}.detail-content{padding:16px}.detail-content section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.detail-content h3{font-size:13px;margin:0 0 12px}.detail-content dl{display:grid;grid-template-columns:120px 1fr;margin:0;font-size:11px}.detail-content dt,.detail-content dd{padding:6px 0;border-bottom:1px dashed #edf0f4}.detail-content dt{color:var(--muted)}.detail-content dd{margin:0;font-weight:700}.status-pill{display:inline-flex;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:900}.status-pill.status-p{background:#fde047;color:#523d00}.status-pill.status-s_u{background:#fb923c;color:#fff}.status-pill.status-splusu{background:#3b82f6;color:#fff}.status-pill.status-u_s{background:#a855f7;color:#fff}.status-pill.status-o{background:#ef4444;color:#fff}.status-pill.neutral{background:#e5e7eb;color:#374151}.status-pill.success{background:#dcfce7;color:#15803d}.timeline{display:grid;gap:12px}.timeline-event{display:flex;gap:10px}.timeline-event>span{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:5px;flex:0 0 auto}.timeline-event p{margin:0;font-size:11px}.timeline-event small{display:block;color:var(--muted);margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:360px 1fr;gap:16px}.dashboard-grid h2,.admin-grid h2{margin-top:0;font-size:17px}.status-breakdown{display:grid;gap:8px}.status-breakdown>div{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #edf0f4}.value-box{margin-top:18px;padding:14px;background:#f5f8fd;border-radius:9px}.value-box small{display:block;color:var(--muted)}.value-box strong{display:block;font-size:20px;margin-top:5px}.activity-list{display:grid;gap:12px}.activity-list>div{display:flex;gap:10px}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:5px}.activity-list p{margin:0;font-size:12px}.activity-list small{display:block;color:var(--muted);margin-top:3px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.setting-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;gap:15px;box-shadow:var(--shadow)}.setting-card>span{width:46px;height:46px;border-radius:10px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:22px}.setting-card h2{margin:0;font-size:17px}.setting-card p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:14px}.admin-table{overflow:auto}.admin-table table{width:100%;border-collapse:collapse;min-width:700px}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:12px}.admin-table th{background:#f5f7fa}.supplier-chips{display:flex;flex-wrap:wrap;gap:8px}.supplier-chip{display:flex;align-items:center;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:999px;padding:5px 6px 5px 11px}.supplier-chip.off{opacity:.5}.supplier-chip button{border:0;background:transparent;font-weight:900;cursor:pointer}.flash{padding:11px 14px;border-radius:9px;margin-bottom:12px;font-weight:700}.flash.success{background:#dcfae6;color:#027a48}.flash.error{background:#fee4e2;color:#b42318}.muted{color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(15,23,42,.58);display:grid;place-items:center;padding:18px;z-index:100}.modal.hidden{display:none}.modal-card{width:min(1120px,97vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.modal-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:14px}.modal-head h2{margin:0}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-close{border:0;background:#eef2f6;border-radius:8px;width:34px;height:34px;font-size:22px;cursor:pointer}.form-grid{display:grid;gap:0 10px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.five{grid-template-columns:repeat(5,1fr)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.audit-card{width:min(900px,96vw)}.audit-list{display:grid;gap:8px;max-height:65vh;overflow:auto}.audit-list article{border:1px solid var(--border);background:#f8fafc;border-radius:9px;padding:10px;font-size:11px}.audit-list article>div{display:flex;justify-content:space-between}.audit-list p{margin:5px 0;color:#475467}.audit-list pre,details pre{background:#101828;color:#d1e9ff;padding:10px;border-radius:7px;overflow:auto;font-size:10px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#e9f1fb,#f8fafc 60%)}.auth-card{width:min(450px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:var(--shadow)}.brand.large{display:flex;justify-content:center;align-items:center;gap:10px;font-size:21px;font-weight:900}.install-card{max-width:760px;margin:40px auto}.key-reveal code,section.panel>code{display:block;background:#101828;color:#fff;padding:12px;border-radius:8px;overflow-wrap:anywhere;margin:8px 0}@media(max-width:1300px){.compact-filters{grid-template-columns:repeat(4,1fr)}.filter-search{grid-column:span 2}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%)}.content{margin-left:0;padding:16px}.header-brand small{display:none}.dashboard-grid,.admin-grid,.settings-grid{grid-template-columns:1fr}.compact-filters{grid-template-columns:repeat(2,1fr)}.filter-search{grid-column:1/-1}.detail-open .content{margin-right:0}.detail-panel{width:min(365px,100vw)}.form-grid.five,.form-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app-header{padding:0 12px}.header-user>span:first-child{display:none}.kpi-grid,.compact-filters,.form-grid.five,.form-grid.three{grid-template-columns:1fr}.filter-search{grid-column:auto}.evidence-actions{overflow:auto;flex-wrap:nowrap}.content{padding:10px}.page-title{align-items:flex-start;flex-direction:column;gap:8px}}