:root{--tech5-navy: #142938;--tech5-navy-light: #1a3348;--tech5-accent: #E64A2E;--tech5-accent-soft: rgba(230, 74, 46, .15);--tech5-bg: #0b141d;--tech5-panel: #122231;--tech5-panel-border: #24384c;--tech5-text: #e8eef4;--tech5-muted: #8fa3b8;--tech5-success: #3d8b7a;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--tech5-text);background:var(--tech5-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#1a3044 0%,var(--tech5-bg) 45%)}button,input,select{font:inherit}.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--tech5-navy) 0%,#0f2130 100%);border-right:1px solid var(--tech5-panel-border);display:flex;flex-direction:column;padding:20px 16px}.brand{padding:8px 8px 24px}.brand-logo{width:160px;max-width:100%;height:auto;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-link{color:var(--tech5-muted);text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff0f;color:var(--tech5-text)}.nav-link.active{background:var(--tech5-accent-soft);color:#fff;border-left:3px solid var(--tech5-accent)}.sidebar-footer{margin-top:auto;padding:16px 8px 0;color:var(--tech5-muted);font-size:.85rem}.main-area{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 28px 8px;border-bottom:1px solid var(--tech5-panel-border);background:#0b141dbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-status{display:flex;align-items:center;gap:12px;padding-bottom:8px;font-size:.85rem}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px 28px}.auth-logo{width:160px;max-width:100%;height:auto}.topbar-eyebrow{margin:0;color:var(--tech5-accent);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.topbar-title{margin:4px 0 0;font-size:1.6rem}.page-content{padding:20px 28px 32px}.page-stack{display:flex;flex-direction:column;gap:18px}.panel{background:var(--tech5-panel);border:1px solid var(--tech5-panel-border);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0000002e}.filter-bar{position:sticky;top:0;z-index:5}.filters-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.filters-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--tech5-muted)}.filters-form input,.filters-form select{padding:10px 12px;border-radius:8px;border:1px solid var(--tech5-panel-border);background:#0e1a26;color:var(--tech5-text)}.btn-primary{background:var(--tech5-accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--tech5-text);border:1px solid var(--tech5-panel-border);border-radius:8px;padding:8px 12px;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi-card{background:linear-gradient(135deg,var(--tech5-panel) 0%,#162a3d 100%);border:1px solid var(--tech5-panel-border);border-radius:14px;padding:18px}.kpi-card p{margin:0 0 8px;color:var(--tech5-muted);font-size:.9rem}.kpi-card strong{font-size:1.8rem;color:#fff}.chart-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card .chart-container{min-height:280px}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.panel-header h2{margin:0;font-size:1.05rem}.panel-header span{color:var(--tech5-muted);font-size:.85rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid var(--tech5-panel-border);text-align:left}.data-table th{color:var(--tech5-muted);font-weight:600}.sort-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit}.clickable-row{cursor:pointer}.clickable-row:hover{background:#e64a2e14}.table-scroll{overflow-x:auto}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:var(--tech5-muted);font-size:.9rem}.page-size-control{display:inline-flex;align-items:center;gap:8px}.page-size-control select{min-width:84px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--tech5-muted)}.pager-group{display:flex;align-items:center;gap:8px}.pager-center{display:flex;flex-direction:column;align-items:center;gap:8px}.page-number-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.page-number-btn{min-width:36px;height:36px;border-radius:8px;border:1px solid var(--tech5-panel-border);background:#0e1a26;color:var(--tech5-text);cursor:pointer}.page-number-btn.active{border-color:var(--tech5-accent);background:#e64a2e29;color:#fff}.page-ellipsis{padding:0 4px}.error-banner{padding:12px 16px;border-radius:10px;background:#e64a2e26;border:1px solid rgba(230,74,46,.35);color:#ffb4a6}.muted{color:var(--tech5-muted)}.center{text-align:center}.error-text{color:#ffb4a6}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;justify-content:flex-end}.detail-panel{width:min(520px,100%);height:100%;background:#101c28;border-left:1px solid var(--tech5-panel-border);overflow-y:auto;padding:20px}.detail-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-header h2{margin:4px 0 0;font-size:1rem;word-break:break-all}.detail-eyebrow{margin:0;color:var(--tech5-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.detail-sections section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--tech5-panel-border)}.detail-sections h3{margin:0 0 12px;font-size:.95rem;color:var(--tech5-accent)}.detail-row{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:6px 0;font-size:.88rem}.detail-row span{color:var(--tech5-muted)}.detail-json pre{background:#0e1a26;border:1px solid var(--tech5-panel-border);border-radius:8px;padding:10px;overflow-x:auto;font-size:.78rem}.search-panel{position:sticky;top:72px;z-index:4}.search-form{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.search-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--tech5-muted)}.search-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--tech5-panel-border);background:#0e1a26;color:var(--tech5-text)}.search-wide input{width:100%}@media(max-width:960px){.table-toolbar,.pager{flex-direction:column;align-items:stretch}.pager-group{justify-content:space-between}.page-number-list{width:100%}.search-form{grid-template-columns:1fr}}@media(max-width:960px){.app-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;width:100%}.sidebar-footer{display:none}.chart-grid.two-col{grid-template-columns:1fr}.detail-panel{width:100%}}