@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:#f8fafc;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}#root{min-height:100vh}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e2e8f0;background:#0f172a;border-right:1px solid #ffffff14;height:100vh;padding:24px;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:44px;margin-bottom:28px;display:flex}.brand-mark{color:#fff;background:#1e40af;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 16px 32px #1e40af47}.brand-title{color:#fff;letter-spacing:0;margin:0;font-size:16px;font-weight:800}.brand-subtitle{color:#93c5fd;margin:2px 0 0;font-size:12px;font-weight:600}.nav-list{gap:6px;display:grid}.nav-item{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;transition:background .16s,color .16s;display:flex}.nav-item.active{color:#fff;background:#1e40afe6}.nav-item.disabled{color:#64748b}.sidebar-footer{gap:12px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.admin-pill{background:#0f172a8c;border:1px solid #93c5fd33;border-radius:10px;padding:12px}.admin-pill-label{color:#93c5fd;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.admin-pill-value{color:#fff;margin:0;font-size:13px;font-weight:700}.logout-button,.ghost-button,.primary-button{border:0;border-radius:8px;min-height:44px;font-weight:700;transition:transform .14s,background .16s,border-color .16s}.logout-button:active,.ghost-button:active,.primary-button:active{transform:scale(.98)}.logout-button{color:#dbeafe;background:#ffffff14;width:100%}.logout-button:hover{background:#ffffff24}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1180px;margin:0 auto 24px;display:flex}.eyebrow{color:#1e40af;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.page-title{color:#0f172a;letter-spacing:0;margin:0;font-size:28px;font-weight:800;line-height:1.15}.page-copy{color:#64748b;max-width:680px;margin:8px 0 0;font-size:14px;line-height:1.6}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ghost-button,.primary-button{justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ghost-button{color:#1e293b;background:#fff;border:1px solid #cbd5e1}.ghost-button:hover{background:#eff6ff;border-color:#93c5fd}.primary-button{color:#fff;background:#1e40af}.primary-button:hover{background:#1d4ed8}.compact-button{min-height:36px;padding:0 10px;font-size:12px}.content{max-width:1180px;margin:0 auto}.install-banner{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;max-width:1180px;min-height:56px;margin:-8px auto 18px;padding:12px 14px;display:grid}.install-banner-icon{color:#1e40af;background:#dbeafe;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.install-banner-copy{gap:3px;min-width:0;display:grid}.install-banner-copy strong{color:#0f172a;font-size:14px;font-weight:800}.install-banner-copy span{color:#475569;font-size:13px;line-height:1.45}.install-banner-actions{align-items:center;gap:8px;display:flex}.alert{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px;font-size:13px;line-height:1.5;display:flex}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:13px}.notice-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:700}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.stat-card{min-height:148px;padding:18px}.stat-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.stat-icon{color:#1e40af;background:#dbeafe;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.stat-label{color:#64748b;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.stat-value{color:#0f172a;margin:0;font-size:30px;font-weight:800;line-height:1}.stat-note{color:#64748b;margin:8px 0 0;font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:14px;margin-top:14px;display:grid}.panel{padding:18px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.panel-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.panel-subtitle{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.5}.chart{align-items:end;gap:4px;height:220px;padding-top:12px;display:flex}.chart-bar-wrap{flex:1;align-items:end;min-width:0;height:100%;display:flex}.chart-bar{background:linear-gradient(#60a5fa,#1e40af);border-radius:6px 6px 0 0;width:100%;min-height:3px}.metric-list{gap:10px;display:grid}.metric-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.metric-row:last-child{border-bottom:0}.metric-label{color:#64748b;margin:0;font-size:13px;font-weight:600}.metric-value{color:#0f172a;margin:0;font-size:15px;font-weight:800}.placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.placeholder-card{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:10px;min-height:82px;padding:14px;font-size:13px;font-weight:700;display:flex}.view-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.search-form{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;width:min(420px,100%);min-height:44px;padding:0 12px;display:flex}.search-form input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;min-width:0}.select-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:44px;padding:0 34px 0 12px;font-weight:700}.segmented-control{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;min-height:44px;padding:4px;display:inline-flex}.segmented-control button{color:#64748b;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:800}.segmented-control button.active{color:#fff;background:#1e40af}.mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.mini-stat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;min-height:74px;padding:14px;display:flex}.mini-stat span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}.mini-stat strong{color:#0f172a;font-size:22px;line-height:1}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:780px}.data-table th{color:#64748b;text-align:left;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:0 12px 12px;font-size:11px;font-weight:800}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 12px;font-size:13px}.data-table td strong{color:#0f172a;font-size:14px;font-weight:800;display:block}.data-table td span{color:#64748b;margin-top:4px;display:block}.table-action{text-align:right}.badge{text-transform:capitalize;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-weight:800;font-size:12px!important;display:inline-flex!important}.badge.success{background:#dcfce7;color:#166534!important}.badge.warning{background:#fef3c7;color:#92400e!important}.badge.danger{background:#fee2e2;color:#991b1b!important}.badge.neutral{background:#e2e8f0;color:#334155!important}.icon-button{color:#1e40af;background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;width:44px;height:44px;display:inline-grid}.icon-button:hover{background:#eff6ff;border-color:#93c5fd}.drawer-backdrop{z-index:90;background:#0f172a6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(560px,100%);height:100vh;padding:24px;overflow-y:auto;box-shadow:-24px 0 64px #0f172a33}.drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:18px;display:flex}.drawer-title{color:#0f172a;letter-spacing:0;margin:0;font-size:24px;font-weight:800}.drawer-copy{color:#64748b;margin:6px 0 0;font-size:14px}.drawer-body{gap:18px;display:grid}.action-panel{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;gap:14px;padding:14px;display:grid}.action-panel.inline-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:14px}.action-panel.custom-push-panel{margin-bottom:14px}.action-panel h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.action-panel p{color:#64748b;margin:5px 0 0;font-size:12px;line-height:1.45}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{color:#334155;gap:6px;font-size:12px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 11px}.form-grid textarea{resize:vertical;min-height:86px;padding:10px 11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1f}.form-submit{align-self:end}.span-2{grid-column:span 2}.custom-push-form{grid-template-columns:minmax(160px,.75fr) minmax(220px,1.25fr) minmax(160px,.8fr)}.detail-grid{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:4px 14px;display:grid}.compact-section h3{color:#0f172a;margin:0 0 10px;font-size:14px;font-weight:800}.compact-list{gap:8px;display:grid}.compact-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:11px 12px}.compact-item strong{color:#0f172a;font-size:13px;font-weight:800;display:block}.compact-item span,.empty-copy{color:#64748b;margin-top:4px;font-size:12px;line-height:1.45;display:block}.feed-list{gap:10px;display:grid}.feed-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.feed-type{color:#1e40af;text-transform:capitalize;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:72px;min-height:28px;font-size:12px;font-weight:800;display:inline-flex}.feed-item strong{color:#0f172a;font-size:14px;display:block}.feed-item p{color:#64748b;margin:4px 0 0;font-size:13px}.feed-item time{color:#64748b;white-space:nowrap;font-size:12px}.health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.health-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:130px;padding:14px}.health-card-header,.health-item{justify-content:space-between;align-items:center;gap:10px;display:flex}.health-card-header strong{color:#0f172a;font-size:14px;font-weight:800}.health-value{color:#0f172a;text-transform:capitalize;margin:16px 0 4px;font-size:22px;font-weight:800;line-height:1}.health-detail{color:#64748b;word-break:break-word;margin:0;font-size:12px;line-height:1.45}.health-items{gap:8px;margin-top:14px;display:grid}.health-item span:first-child{color:#334155;word-break:break-word;font-size:12px;font-weight:700}.loading-block{place-items:center;min-height:260px;display:grid}.login-page{background:linear-gradient(135deg,#1e40af1f,#dbeafe6b),#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dbeafe;border-radius:10px;width:min(100%,430px);padding:28px;box-shadow:0 24px 80px #1e40af24}.login-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.login-copy{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.form{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:#334155;font-size:13px;font-weight:800}.field input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 13px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1f}.loading{color:#1e40af;background:#f8fafc;place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid #bfdbfe;border-top-color:#1e40af;border-radius:999px;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:static}.brand{margin-bottom:14px}.nav-list{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-item{flex:0 0 56px;justify-content:center;padding:0 8px}.nav-label{display:none}.sidebar-footer{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;margin-top:14px;position:static}.logout-button{width:auto;padding:0 16px}.main{padding:22px 16px 28px}.stats-grid,.placeholder-grid,.mini-stats,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){input{font-size:16px}.page-title{font-size:24px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch}.topbar-actions>button{flex:1}.install-banner{grid-template-columns:auto minmax(0,1fr);align-items:start}.install-banner-actions{grid-column:1/-1;align-items:stretch}.install-banner-actions .primary-button{flex:1}.stats-grid,.placeholder-grid,.mini-stats,.health-grid{grid-template-columns:1fr}.view-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.search-form,.select-input,.segmented-control,.view-toolbar .ghost-button{width:100%}.segmented-control button{flex:1}.drawer{width:100%;padding:18px}.detail-grid,.action-panel.inline-panel,.form-grid,.custom-push-form{grid-template-columns:1fr}.span-2{grid-column:auto}.action-row,.action-row .select-input,.action-row .primary-button,.action-row .ghost-button{width:100%}.feed-item{grid-template-columns:1fr;align-items:start}.feed-item time{white-space:normal}.stat-card{min-height:130px}.sidebar-footer{grid-template-columns:1fr}.admin-pill{display:none}.login-card{padding:22px}}