*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100vh;min-height:100vh;background-color:#1a1d24;color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh;background-color:#1a1d24}.sidebar{width:250px;min-width:250px;background-color:#222630;border-right:1px solid #374151;display:flex;flex-direction:column;height:100vh}.sidebar-header{padding:20px;border-bottom:1px solid #374151;display:flex;align-items:center;gap:12px}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:#9e9e9e;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all .2s}.nav-btn:hover{background-color:#2c3240;color:#fff}.nav-btn.active{background-color:#1e88e5;color:#fff}.sidebar-footer{padding:16px;border-top:1px solid #374151}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#1a1d24}.topbar{height:60px;min-height:60px;background-color:#222630;border-bottom:1px solid #374151;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content-pane{flex:1;padding:24px;overflow-y:auto;background-color:#1a1d24}.page-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:.03em}.page-subtitle{font-size:12px;color:#9e9e9e;margin-top:4px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background-color:#222630;border:1px solid #374151;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:11px;font-weight:700;color:#9e9e9e;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat-sub{font-size:11px;color:#00acc1}.card-panel{background-color:#222630;border:1px solid #374151;border-radius:12px;padding:20px;margin-bottom:20px}.panel-header{font-size:14px;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{padding:12px 14px;background-color:#2c3240;color:#00acc1;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-bottom:1px solid #374151}.data-table td{padding:12px 14px;border-bottom:1px solid #2d3748;color:#fff}.data-table tr:hover td{background-color:#2c3240}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase}.badge-active{background-color:#43a04733;color:#4caf50;border:1px solid #43a047}.badge-alert{background-color:#e5393533;color:#f44336;border:1px solid #e53935}