*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:#fff;padding:14px 0;position:sticky;top:0;box-shadow:0 2px 20px #00000014}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;padding:0 32px;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand-logo{height:42px}.brand-separator{background:#e0e0e0;width:1px;height:30px}.brand-appname{color:#ff9800;letter-spacing:-.3px;font-size:1.1rem;font-weight:700}.btn-back{color:#555;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-back:hover{color:#fff;background:#e31e24;border-color:#e31e24;transform:translate(-2px)}.layout{flex:1;display:flex}.sidebar{background:#fff;border-right:1px solid #e8e8e8;flex-direction:column;gap:4px;width:220px;height:calc(100vh - 60px);padding:16px 0;display:flex;position:sticky;top:60px}.nav-item{text-align:left;cursor:pointer;color:#555;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:12px 24px;font-size:.9rem;transition:all .2s;display:block}.nav-item:hover{color:#1a1a1a;background:#f8f8f8}.nav-item.active{color:#e31e24;background:#fce4ec;border-left-color:#e31e24;font-weight:600}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:24px}.page-title{color:#1a1a1a;margin-bottom:20px;font-size:1.5rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-left:4px solid #e31e24;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.stat-card h3{text-transform:uppercase;color:#888;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem}.stat-card .value{color:#1a1a1a;font-size:2rem;font-weight:800}.card{background:#fff;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{font-size:1.1rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#e31e24}.btn-primary:hover{background:#b71c1c}.btn-secondary{color:#555;background:#f5f5f5;border:1px solid #ddd}.btn-secondary:hover{background:#eee}.btn-success{color:#fff;background:#2e7d32}.btn-success:hover{background:#1b5e20}.btn-danger{color:#e31e24;background:#fff;border:1px solid #e31e24}.btn-danger:hover{color:#fff;background:#e31e24}.btn-sm{padding:5px 10px;font-size:.78rem}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid #f0f0f0;padding:10px 12px}th{color:#555;text-transform:uppercase;letter-spacing:.3px;background:#fafafa;font-size:.78rem;font-weight:600}tr:hover td{background:#fafafa}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#555;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e31e24;outline:none;box-shadow:0 0 0 3px #e31e2414}.badge{text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.badge-low{color:#2e7d32;background:#e8f5e9}.badge-medium{color:#e65100;background:#fff3e0}.badge-high{color:#c62828;background:#fce4ec}.badge-extreme{color:#fff;background:#f44336}.badge-draft{color:#1565c0;background:#e3f2fd}.badge-pending{color:#f57f17;background:#fff8e1}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;padding:32px;overflow-y:auto}.modal h2{margin-bottom:20px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.empty-state,.loading{text-align:center;color:#888;padding:40px}.error{color:#c62828;background:#fce4ec;border-radius:8px;margin-bottom:16px;padding:12px 16px}.success{color:#2e7d32;background:#e8f5e9;border-radius:8px;margin-bottom:16px;padding:12px 16px}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px;display:flex}.brand-ai{color:#fff;background:linear-gradient(135deg,#e31e24,#b71c1c);border-radius:5px;margin-left:4px;padding:3px 9px;font-size:.68rem;font-weight:600}.badge-ai{color:#e31e24;margin-left:6px;font-size:.65rem}.badge-coming{color:#999;background:#f0f0f0;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:.6rem}.sidebar-divider{background:#eee;height:1px;margin:12px 16px}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{text-align:center;width:16px;margin-right:10px;font-size:.85rem}.checkbox-label{color:#555;cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.checkbox-label input{width:16px;height:16px}.modal-lg{max-width:750px}.heatmap-wrapper{flex-wrap:wrap;justify-content:center;gap:40px;padding:20px 0;display:flex}.heatmap-container{text-align:center}.heatmap{display:inline-block;position:relative}.heatmap-grid{flex-direction:column;gap:2px;display:flex}.heatmap-row{align-items:center;gap:2px;display:flex}.heatmap-label{color:#888;text-align:center;width:20px;font-size:.7rem}.heatmap-cell{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.85rem;font-weight:700;transition:transform .2s;display:flex}.heatmap-cell:hover{transform:scale(1.1)}.heatmap-cell-label{text-align:center;color:#888;width:42px;font-size:.7rem}.heatmap-ylabel{color:#888;white-space:nowrap;font-size:.7rem;position:absolute;top:50%;left:-20px;transform:rotate(-90deg)translate(-50%)}.heatmap-xlabel-text{color:#888;margin-top:4px;font-size:.7rem}.heatmap-legend{color:#666;justify-content:center;gap:12px;margin-top:12px;font-size:.72rem;display:flex}.heatmap-legend i{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.risk-score{color:#fff;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge-under_review{color:#1565c0;background:#e3f2fd}.approve-banner{background:#fff;border:1px solid #e31e24;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 24px;display:flex}.approve-banner p{color:#666;margin-top:4px;font-size:.85rem}.badge-approved{color:#2e7d32;background:#e8f5e9}.loading-spinner{border:4px solid #f0f0f0;border-top-color:#e31e24;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.kpi-chart{padding:20px}.kpi-title{color:#1a1a1a;align-items:center;gap:8px;margin-bottom:16px;font-size:.9rem;font-weight:600;display:flex}.kpi-title i{color:#e31e24}.kpi-chart-container{height:280px;position:relative}@media (width<=900px){.kpi-grid{grid-template-columns:1fr}}.loading-screen{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center}.loading-text{color:#1a1a1a;min-height:2.2rem;margin-top:24px;font-size:1.8rem;font-weight:700}.loading-text .cursor{color:#e31e24;animation:.7s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.loading-sub{color:#888;margin-top:12px;font-size:.9rem}