:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:12px;padding:10px 14px;background:#1f5eff;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#e9edf7;color:#172033}button.danger{background:#ef4444}input,select{width:100%;border:1px solid #d4dbea;border-radius:12px;padding:10px 12px;background:#fff;color:#172033}label{display:grid;gap:6px;color:#4a5568;font-size:13px;font-weight:800}small{display:block;color:#687386;font-size:12px;margin-top:4px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#687386;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#f7f9fc}th,td{padding:14px 12px;border-bottom:1px solid #e5eaf3;vertical-align:top}tr:hover td{background:#fafcff}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dbeafe,#eef2f7 45%,#f8fafc)}.login-card{width:min(460px,100%);display:grid;gap:18px;background:#fff;border:1px solid #dce4f2;border-radius:28px;padding:32px;box-shadow:0 30px 80px #1b274424}.login-card h1{margin:0;font-size:34px}.login-card p{margin:0;color:#687386;line-height:1.55}.app-shell{max-width:1680px;margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}.topbar-actions{display:flex;gap:10px}.eyebrow{color:#1f5eff;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.environment-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:10px;padding:7px 11px;border-radius:999px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.metrics-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid #dce4f2;border-radius:20px;padding:18px;box-shadow:0 14px 35px #1b27440f}.metric span{display:block;color:#687386;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.metric strong{display:block;margin-top:8px;font-size:30px}.metric-warn{border-color:#facc15}.metric-danger{border-color:#ef4444}.messages{margin-bottom:14px;display:grid;gap:8px}.alert{border-radius:14px;padding:12px 14px;font-weight:800}.alert-green{background:#dcfce7;color:#166534}.alert-red{background:#fee2e2;color:#991b1b}.tabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.tabs button{background:#e9edf7;color:#172033}.tabs button.active{background:#172033;color:#fff}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;align-items:start}.panel{background:#fff;border:1px solid #dce4f2;border-radius:24px;padding:20px;box-shadow:0 14px 35px #1b27440f}.panel h2,.panel h3{margin:0 0 14px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.search{max-width:360px}.table-wrap{overflow-x:auto}.detail-panel{position:sticky;top:18px}.empty-state{min-height:280px;display:grid;place-items:center;color:#687386;text-align:center;border:1px dashed #cbd5e1;border-radius:18px;padding:20px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:#e9edf7;color:#475569;white-space:nowrap}.badge-green{background:#dcfce7;color:#166534}.badge-yellow{background:#fef9c3;color:#854d0e}.badge-red{background:#fee2e2;color:#991b1b}.detail-stack{display:grid;gap:22px}.detail-form,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-form h3,.form-grid .full,.detail-form button,.form-grid button{grid-column:1 / -1}.module-list{display:grid;gap:10px;margin:12px 0;max-height:360px;overflow:auto;padding-right:4px}.module-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:12px;border:1px solid #e5eaf3;border-radius:14px;background:#fbfdff}.module-row input,.checkbox-row input{width:auto}.checkbox-row{display:flex;align-items:center;gap:10px}.invite-panel{max-width:860px}.muted{color:#687386;line-height:1.55}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.detail-panel{position:static}}@media (max-width: 720px){.app-shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr 1fr}.panel-header{align-items:stretch;flex-direction:column}.search{max-width:none}.detail-form,.form-grid{grid-template-columns:1fr}}.alert-info{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}.compact-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 18px}@media (max-width: 900px){.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.compact-metrics{grid-template-columns:1fr}}.invite-module-block{display:grid;gap:.75rem;border:1px solid rgba(105,52,255,.18);border-radius:16px;background:#6934ff0a;padding:1rem}.invite-module-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.invite-module-header h3{margin:0;font-size:1rem}.invite-module-header span{border-radius:999px;background:#f1ecff;color:#5b18e8;font-size:.75rem;font-weight:900;padding:.35rem .65rem;white-space:nowrap}.invite-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-height:320px;overflow:auto;padding-right:.25rem}.invite-module-row{background:#fff}@media (max-width: 720px){.invite-module-grid{grid-template-columns:1fr}}.module-row-with-options{display:block}.module-main-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.module-package-control{margin-top:12px;padding-top:12px;border-top:1px solid #e5eaf3}.module-package-control label{display:grid;gap:6px;font-weight:800;color:#1c2544}.module-package-control select{width:100%}.module-package-control small{display:block;margin-top:8px;color:#6b7490;line-height:1.35}.usage-analytics-panel{display:grid;gap:18px}.usage-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,1.2fr);gap:12px;align-items:end}.usage-filter-actions{display:grid;gap:10px}.usage-outlier-toggle{min-height:42px}.usage-summary-grid .usage-top-feature{font-size:19px;line-height:1.15}.usage-info-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#687386;font-size:12px;font-weight:700}.usage-gauge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.usage-card{border:1px solid #dce4f2;border-radius:22px;padding:16px;background:#fbfdff;display:grid;gap:12px}.usage-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.usage-card h3{margin:0;font-size:18px}.usage-share{display:block;color:#687386;font-size:12px;margin-top:4px}.usage-gauge-wrap{display:grid;place-items:center;min-height:150px}.usage-gauge{width:min(100%,230px);overflow:visible}.usage-gauge-track,.usage-gauge-progress{fill:none;stroke-width:16;stroke-linecap:round}.usage-gauge-track{stroke:#e5eaf3}.usage-gauge-progress{stroke:#1f5eff}.usage-gauge-needle{stroke:#172033;stroke-width:5;stroke-linecap:round}.usage-gauge-hub{fill:#172033}.usage-gauge-value{fill:#172033;font-size:30px;font-weight:900}.usage-gauge-caption{fill:#687386;font-size:11px;font-weight:800;text-transform:uppercase}.usage-card-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.usage-card-kpis>div{background:#fff;border:1px solid #e5eaf3;border-radius:12px;padding:10px;text-align:center}.usage-card-kpis strong{display:block;font-size:20px}.usage-card-kpis span{display:block;margin-top:3px;color:#687386;font-size:11px;font-weight:800}.usage-community-button{width:100%}.usage-community-list{display:grid;gap:8px;max-height:330px;overflow:auto}.usage-community-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid #e5eaf3;border-radius:12px;background:#fff}.usage-community-outlier{border-color:#facc15;background:#fffdf0}.usage-community-value{display:flex;align-items:center;gap:7px;text-align:right}@media (max-width: 1250px){.usage-gauge-grid,.usage-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.usage-gauge-grid,.usage-filter-grid{grid-template-columns:1fr}.usage-community-row{align-items:flex-start}}.backup-panel{display:grid;gap:18px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.backup-status-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid #dce4f2;border-radius:20px;background:#fbfdff}.backup-status-card h3{margin:10px 0 2px}.backup-status-meta{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;min-width:320px}.backup-status-meta>div{background:#fff;border:1px solid #e5eaf3;border-radius:14px;padding:12px}.backup-status-meta span{display:block;color:#687386;font-size:11px;font-weight:800;text-transform:uppercase}.backup-status-meta strong{display:block;margin-top:5px;font-size:16px}.backup-retention-note{margin:0}@media (max-width: 800px){.backup-status-card{align-items:stretch;flex-direction:column}.backup-status-meta{min-width:0;grid-template-columns:1fr}}