:root{--bg: #eef5f3;--panel: #ffffff;--primary: #2f6f5e;--primary-light:#d8ece4;--accent: #3f8d76;--text: #243b35;--muted: #6b8079;--border: #cfe3db;--danger: #b5544a;--danger-light: #fdecea}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.container{max-width:1200px;margin:24px auto;padding:0 16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px;margin-bottom:22px;box-shadow:0 1px 4px #0000000a}header{background:var(--primary);color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #00000014}header h1{font-size:17px;letter-spacing:.4px}.role-tag{background:var(--accent);padding:4px 12px;border-radius:14px;font-size:13px}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}label{display:block;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--muted);margin-bottom:5px;letter-spacing:.3px}input,select{width:100%;padding:10px 12px;margin-bottom:14px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fcfdfd;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--accent);background:#fff}input[readonly]{background:#f4f8f6;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1 / -1}.btn{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.btn:hover{background:var(--accent)}.btn-block{width:100%}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-danger{background:var(--danger)}.tab-group{display:flex;gap:6px;flex-wrap:wrap;width:100%}.tab-group .btn{white-space:nowrap}.tab-btn{background:var(--primary-light);color:var(--primary);padding:8px 14px}.tab-btn.active{background:var(--primary);color:#fff}.tab-pending{background:var(--danger-light);color:var(--danger);border:1px solid #e8b4b0}.tab-pending.active{background:var(--danger);color:#fff}.tab-users{background:#e8f0fe;color:#3a5bd6;border:1px solid #b3c6f7}.tab-users.active{background:#3a5bd6;color:#fff}.tab-audit{background:#f0f4ff;color:#3a5bd6;border:1px solid #b3c6f7}.tab-audit.active{background:#3a5bd6;color:#fff}.stat-row{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.stat-box{flex:1;min-width:160px;background:var(--primary-light);border-radius:8px;padding:16px;text-align:center}.stat-box .num{font-size:26px;font-weight:700;color:var(--primary)}.stat-box .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border:1px solid var(--border);padding:9px 10px;text-align:center}th{background:var(--primary-light);color:var(--primary);text-transform:uppercase;font-size:11.5px;letter-spacing:.3px}tr:nth-child(2n){background:#f7fbf9}tfoot td{font-weight:700;background:var(--primary-light);border-top:2px solid var(--primary)}.section-title{color:var(--primary);font-size:14px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:14px;border-bottom:2px solid var(--primary-light);padding-bottom:8px;font-weight:700}.badge{display:inline-block;background:var(--primary-light);color:var(--primary);padding:3px 10px;border-radius:12px;font-size:11.5px;font-weight:600}.status-ok{display:inline-block;background:var(--primary-light);color:var(--primary);border:1px solid var(--border);padding:3px 10px;border-radius:12px;font-size:11.5px;font-weight:600}.status-pending{display:inline-block;background:var(--danger-light);color:var(--danger);border:1px solid #e8b4b0;padding:3px 10px;border-radius:12px;font-size:11.5px;font-weight:600}.bar-chart-table th:nth-child(3),.bar-chart-table td:nth-child(3),.bar-chart-table th:nth-child(4),.bar-chart-table td:nth-child(4){width:110px}.bar-chart-table th:nth-child(5),.bar-chart-table td:nth-child(5){width:280px}.bar-cell{display:flex;align-items:center;gap:8px}.bar-track{flex:1;min-width:100px;background:#e8f4ef;border-radius:4px;height:18px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#f6c453,#f0a23a);min-width:4px}.bar-total{font-weight:700;font-size:13px;min-width:36px;text-align:right}.bar-legend{margin-top:10px;font-size:12px;display:flex;gap:20px}.legend-high{color:#6a3fb5;font-weight:600}.legend-low{color:var(--danger);font-weight:600}.row-highest td:nth-child(2){color:#6a3fb5;font-weight:700}.row-lowest td:nth-child(2){color:var(--danger);font-weight:700}.pending-card{border:1.5px solid #e8b4b0;background:#fff9f8}.pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pending-title{font-weight:700;font-size:14px;color:var(--danger);text-transform:uppercase}.pending-badge{background:var(--danger);color:#fff;padding:4px 14px;border-radius:14px;font-size:12px;font-weight:700}.pending-badge.ok{background:var(--primary)}.pending-sub{font-size:12px;color:#a07070;margin-bottom:12px}.filter-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;row-gap:12px}.filter-item{flex:1;min-width:150px}.filter-item.tab-group{flex:1 1 100%;order:10;margin-top:4px}.filter-item label{margin-bottom:5px}.filter-item input,.filter-item select{margin-bottom:0}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:380px}.login-card h2{text-align:center;color:var(--primary);margin-bottom:18px}.demo-note{background:#fff7e6;border:1px solid #f0d49a;color:#7a5b1a;padding:8px 14px;border-radius:6px;font-size:12.5px;margin-bottom:16px}.error-note{background:var(--danger-light);border:1px solid #e8b4b0;color:var(--danger);padding:8px 14px;border-radius:6px;font-size:12.5px;margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:12px;padding:28px;width:480px;max-width:95vw;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h3{color:var(--primary);font-size:15px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted)}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions .btn{flex:1}.report-heading,.print-stamp{display:none}@media print{header,.filter-row,.stat-row,.logout-btn,.tab-group,.btn{display:none!important}.report-heading{display:block;text-align:center;font-weight:700;font-size:13px;margin-bottom:14px}.print-stamp{display:block;text-align:right;font-size:12px;color:#555;margin-bottom:10px}body{background:#fff}.card{box-shadow:none;border:none}}