*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #185FA5;--blue-light: #378ADD;--blue-bg: #E6F1FB;--green: #3B6D11;--green-bg: #EAF3DE;--amber: #854F0B;--amber-bg: #FAEEDA;--red: #A32D2D;--red-bg: #FCEBEB;--gray: #5F5E5A;--gray-light: #B4B2A9;--gray-bg: #F1EFE8;--dark: #1A1A1A;--border: #E5E7EB;--border-soft: #F3F4F6;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 4px rgba(0,0,0,.07)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;color:var(--dark);background:#f4f5f7;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid var(--border);padding:12px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-left{display:flex;align-items:center;gap:14px}.header-logo{width:42px;height:42px;border-radius:var(--radius);background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.header-title{font-size:18px;font-weight:600;color:var(--dark)}.header-sub{font-size:13px;color:var(--gray);margin-top:2px}.header-right{display:flex;align-items:center;gap:14px}.header-meta{font-size:13px;color:var(--gray)}.badge{font-size:13px;padding:4px 12px;border-radius:20px;border:1px solid var(--border);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-green{background:#22c55e}.dot-amber{background:#f59e0b;animation:pulse 1.5s infinite}.dot-red{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-main{flex:1;padding:16px 28px;max-width:1920px;margin:0 auto;width:100%}.app-footer{text-align:center;padding:10px;font-size:13px;color:var(--gray);border-top:1px solid var(--border);background:#fff}.filter-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;box-shadow:var(--shadow)}.filter-grid{display:grid;gap:12px}.filter-item label{display:block;font-size:12px;font-weight:600;color:var(--gray);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.filter-item select{width:100%;font-size:14px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--dark);outline:none;transition:border-color .15s}.filter-item select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #185fa51a}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.btn{font-size:14px;font-weight:500;padding:8px 18px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--gray);transition:all .15s}.btn:hover{background:var(--gray-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#0c447c}.btn-reset{color:var(--gray)}.btn-sm{font-size:13px;padding:6px 12px}.summary-cards{display:grid;gap:10px;margin-bottom:14px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 18px;box-shadow:var(--shadow)}.metric-card.skeleton{height:110px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.metric-label{font-size:13px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.4px}.metric-icon{padding:5px;border-radius:6px;display:flex}.metric-value{font-size:24px;font-weight:600;line-height:1.2}.metric-sub{font-size:12px;color:var(--gray);margin-top:3px}.tabs-bar{display:flex;gap:1px;border-bottom:2px solid var(--border);margin-bottom:14px;overflow-x:auto}.tab-btn{font-size:14px;font-weight:500;padding:10px 20px;background:transparent;border:none;cursor:pointer;color:var(--gray);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .15s}.tab-btn:hover{color:var(--blue);background:var(--blue-bg);border-radius:6px 6px 0 0}.tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:12px}.card-title{font-size:13px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead tr{border-bottom:2px solid var(--border)}th{font-size:12px;font-weight:600;color:var(--gray);text-align:left;padding:9px 10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}td{padding:9px 10px;color:var(--dark);border-bottom:1px solid var(--border-soft);vertical-align:middle;line-height:1.4}tbody tr:hover{background:#fafafa}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--blue)}.progress-bar{height:6px;border-radius:3px;background:var(--border-soft);overflow:hidden;margin-top:4px}.progress-fill{height:100%;border-radius:3px;transition:width .3s}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--gray);gap:14px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-box{position:relative}