:root{--background:#f4f7fb;--surface:#fff;--surface-muted:#f8fafc;--border:#dbe4f0;--text:#172033;--muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--sidebar:#061c3f;--sidebar-border:#17365f;--danger:#dc2626;--shadow:0 12px 32px #0f234114}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.login-page{background:#061c3f;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.login-panel{background:var(--surface);border:1px solid #ffffff2e;border-radius:8px;width:min(100%,440px);padding:44px;box-shadow:0 24px 72px #0000003d}.login-logo{width:220px;height:auto;margin:0 auto 32px;display:block}.login-heading{text-align:center;margin-bottom:28px}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.login-heading h1,.page-heading h1{letter-spacing:0;margin:8px 0}.login-heading h1{font-size:2rem}.login-heading p,.page-heading p,.content-card header p,.state-panel p{color:var(--muted);margin:0}.login-form{gap:18px;display:grid}.login-form label,.dashboard-filters label{gap:7px;display:grid}.login-form label>span:first-child,.dashboard-filters label>span:first-child{color:#334155;font-size:.82rem;font-weight:700}.input-shell,.date-input{background:var(--surface);color:#64748b;border:1px solid #cbd5e1;border-radius:7px;align-items:center;min-height:48px;padding:0 14px;display:flex}.input-shell:focus-within,.date-input:focus-within,.dashboard-filters select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.input-shell input,.date-input input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 10px}.password-toggle{color:var(--muted);background:0 0;border:0;place-items:center;padding:4px;display:grid}.primary-button,.filter-button{background:var(--primary);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:750;display:inline-flex}.primary-button:hover,.filter-button:hover{background:var(--primary-hover)}.primary-button:disabled,.filter-button:disabled{cursor:wait;opacity:.7}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin:0;padding:11px 12px;font-size:.88rem}.app-shell{grid-template-columns:260px minmax(0,1fr);align-items:start;min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.is-compact{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{background:var(--sidebar);border-right:1px solid var(--sidebar-border);color:#fff;flex-direction:column;align-self:start;height:100vh;min-height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;height:56px;padding:0 8px;display:flex;overflow:hidden}.sidebar-brand img{width:190px;min-width:190px;height:auto}.sidebar-toggle{color:#dbeafe;background:#0e2c57;border:1px solid #254975;border-radius:7px;justify-content:center;align-self:flex-end;align-items:center;width:34px;height:34px;margin:8px 0 18px;display:flex}.sidebar-nav{gap:7px;display:grid}.nav-item{color:#d7e4f7;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;min-height:46px;padding:0 12px;display:flex;overflow:hidden}.account-heading{align-items:end}.account-plan-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:flex-start;gap:8px;min-width:230px;padding:18px;display:grid}.account-plan-card>span:first-child,.account-kpi-grid article span,.account-card .fact-list span,.modal-form label span,.account-form-grid label span{color:#4b5f7d;font-size:.78rem;font-weight:800}.account-plan-card strong{color:var(--text);font-size:1.25rem}.notice-banner{border-radius:10px;margin-bottom:16px;padding:13px 16px;font-weight:700}.notice-banner.is-success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.notice-banner.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.account-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.account-kpi-grid article,.account-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px}.account-kpi-grid article{gap:8px;padding:18px;display:grid}.account-kpi-grid svg{color:var(--primary)}.account-kpi-grid strong{font-size:1.55rem}.account-kpi-grid p,.account-card header p,.account-section-header p,.muted-inline{color:var(--muted);margin:0}.account-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:8px;margin-bottom:18px;padding:7px;display:flex;overflow-x:auto}.account-tabs button{color:#334155;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;min-height:42px;padding:0 15px;font-weight:800}.account-tabs button:hover{color:var(--primary);background:#f1f5ff;border-color:#dbe7ff}.account-tabs button.is-active{background:var(--primary);color:#fff}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.account-card{margin-bottom:18px;padding:20px}.account-card header,.account-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-card header>svg{color:var(--primary);background:#eff6ff;border-radius:10px;flex-shrink:0;width:42px;height:42px;padding:10px}.account-card h2{margin:0 0 4px;font-size:1.28rem}.fact-list{gap:10px;display:grid}.fact-list span{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.fact-list span:last-child{border-bottom:0}.fact-list strong{color:var(--text);text-align:right;font-size:.95rem}.account-action-list{gap:10px;display:grid}.account-action-list button{color:var(--text);text-align:left;background:#f8fbff;border:1px solid #dbe7f6;border-radius:9px;justify-content:space-between;align-items:center;padding:13px 14px;font-weight:750;display:flex}.account-filter-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.account-filter-bar .search-input{flex:1}.account-table-shell{box-shadow:none}.account-table-shell table th,.account-table-shell table td{border-right:1px solid #dfe8f4}.account-table-shell table th:last-child,.account-table-shell table td:last-child{border-right:0}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.secondary-button.is-compact,.slim-button{gap:7px;min-height:40px;padding-inline:14px}.danger-icon{color:#dc2626}.danger-icon:hover{background:#fef2f2;border-color:#fecaca}.account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.account-form-grid label,.modal-form label{gap:7px;display:grid}.account-form-grid input,.modal-form input,.modal-form select{color:var(--text);background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-height:46px;padding:0 13px}.account-form-grid input:focus,.modal-form input:focus,.modal-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.account-form-grid input:disabled{color:#64748b;background:#eef3f9}.compact-modal{max-width:620px}.compact-modal header{padding:20px 24px}.modal-form{gap:14px;padding:0 24px 22px;display:grid}.modal-form footer{border-top:1px solid #e5edf7;justify-content:flex-end;gap:10px;padding-top:18px;display:flex}@media (max-width:980px){.account-kpi-grid,.account-grid,.account-form-grid{grid-template-columns:1fr}.account-heading{align-items:stretch}}.nav-item>svg{flex:none}.nav-item:hover:not(:disabled){background:#0e2c57;border-color:#254975}.nav-item.is-active{background:var(--primary);color:#fff}.nav-item:disabled{cursor:default;opacity:.62}.migration-badge{background:#ffffff1f;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:.62rem}.sidebar-user{border-top:1px solid var(--sidebar-border);grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 2px;display:grid;overflow:hidden}.user-avatar{background:#1f4b80;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.75rem;font-weight:800;display:flex}.user-copy{min-width:0;display:grid}.user-copy strong,.user-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-copy strong{font-size:.82rem}.user-copy span{color:#9fb5d0;font-size:.72rem}.sidebar-user button{color:#c8d8ec;background:0 0;border:0;place-items:center;padding:6px;display:grid}.is-compact .sidebar-brand{opacity:0}.is-compact .sidebar-toggle{align-self:center}.is-compact .nav-item{justify-content:center;padding:0}.is-compact .nav-item span,.is-compact .user-copy,.is-compact .sidebar-user>button{display:none}.is-compact .sidebar-user{justify-content:center;display:flex}.app-content{min-width:0}.admin-shell{background:var(--background);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#06152f;border-right:1px solid #16345d;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{align-items:center;gap:10px;min-height:58px;padding:0 8px 12px;display:flex}.admin-brand img{width:166px;height:auto}.admin-brand span{color:#bfdbfe;text-transform:uppercase;background:#2563eb38;border:1px solid #93c5fd40;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800}.admin-nav{gap:7px;margin-top:10px;display:grid}.admin-nav-item{color:#d7e4f7;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:11px;min-height:44px;padding:0 12px;display:flex}.admin-nav-item:hover:not(:disabled){background:#10284d;border-color:#284a79}.admin-nav-item.is-active{background:var(--primary);color:#fff}.admin-nav-item:disabled{cursor:default;opacity:.58}.admin-nav-item small{background:#ffffff1c;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:.6rem}.admin-user{border-top:1px solid #16345d;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;display:grid}.admin-user button{color:#c8d8ec;background:0 0;border:0;place-items:center;padding:6px;display:grid}.admin-content{min-width:0}.admin-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:76px;padding:0 32px;display:flex}.admin-topbar>div{gap:4px;display:grid}.admin-topbar strong{font-size:1rem}.admin-topbar span{color:var(--muted);font-size:.86rem}.admin-icon-button{color:var(--text);background:#f8fbff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.admin-icon-button.has-notifications{color:var(--primary);border-color:#93c5fd}.admin-icon-button.has-notifications span{border:2px solid var(--surface);color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:850;display:flex;position:absolute;top:-7px;right:-7px}.notification-backdrop{z-index:80;background:#0f172a6b;justify-content:flex-end;align-items:flex-start;padding:84px 32px 24px;display:flex;position:fixed;inset:0}.notification-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:16px;width:min(440px,100vw - 32px);max-height:min(720px,100vh - 108px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.notification-panel header{justify-content:space-between;align-items:start;gap:16px;display:flex}.notification-panel h2{margin:4px 0 0;font-size:1.15rem;line-height:1.2}.notification-panel header button{color:var(--text);background:#f8fbff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.notification-empty{border:1px solid var(--border);background:#f8fbff;border-radius:8px;gap:6px;padding:16px;display:grid}.notification-empty p{color:var(--muted);margin:0}.notification-list{gap:12px;display:grid}.notification-item{border:1px solid var(--border);background:#f8fbff;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:flex-start;gap:12px;padding:14px;display:grid}.notification-item.is-critical{background:#eff6ff;border-color:#bfdbfe}.notification-item>svg{color:var(--primary);background:#dbeafe;border-radius:999px;width:36px;height:36px;padding:9px}.notification-item strong{margin-bottom:4px;display:block}.notification-item p{color:var(--muted);margin:0 0 10px}.notification-item span{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:999px;max-width:100%;margin:0 6px 6px 0;padding:5px 9px;font-size:.78rem;display:inline-flex}.notification-item button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:4px;padding:9px 12px;font-weight:800}.admin-page{gap:18px;padding:34px 36px 54px;display:grid}.admin-hero{justify-content:space-between;align-items:end;display:flex}.admin-hero h1{letter-spacing:0;margin:8px 0;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.admin-hero p{color:var(--muted);margin:0}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-card,.admin-kpi-card,.admin-alert-card,.admin-data-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.admin-card{overflow:hidden}.admin-card>.admin-table-header{padding:20px 20px 12px}.admin-card h2{margin:0 0 6px;font-size:1.25rem}.admin-card p{color:var(--muted);margin:0}.admin-kpi-card{gap:8px;padding:18px;display:grid}.admin-kpi-card span{color:#52647e;font-size:.8rem;font-weight:800}.admin-kpi-card strong{font-size:1.55rem}.admin-kpi-card p,.admin-alert-card p,.admin-data-card header p{color:var(--muted);margin:0}.settings-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-feedback{border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-weight:750;display:inline-flex}.settings-feedback.is-success{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0}.settings-feedback.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-panel{min-height:100%}.settings-panel header,.settings-environment header{border-bottom:1px solid #e5edf7;justify-content:space-between;align-items:flex-start;display:flex}.settings-panel header>svg,.settings-environment header>svg{color:var(--primary)}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px 20px;display:grid}.settings-form-grid .is-wide{grid-column:1/-1}.settings-toggle-list{gap:10px;padding:18px 20px 20px;display:grid}.settings-toggle-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:12px;min-height:54px;padding:12px 14px;display:flex}.settings-toggle-card input{accent-color:var(--primary);flex:none;width:18px;height:18px}.settings-toggle-card span{gap:2px;display:grid}.settings-toggle-card strong{color:var(--text);font-size:.9rem}.settings-toggle-card small{color:var(--muted);font-size:.78rem}.settings-environment{overflow:hidden}.settings-env-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px 20px;display:grid}.settings-env-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;min-height:112px;padding:14px;display:grid}.settings-env-card>svg{color:var(--primary)}.settings-env-card>span{color:#52647e;font-size:.78rem;font-weight:850}.settings-env-card>strong:not(.status-pill){color:var(--text);font-size:.9rem}.admin-alert-card{justify-content:space-between;align-items:center;padding:18px;display:flex}.admin-alert-card strong{margin-bottom:5px;display:block}.admin-alert-card>span{color:var(--primary);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:42px;font-weight:900;display:inline-flex}.admin-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-data-card{min-width:0;overflow:hidden}.admin-data-card header{padding:20px 20px 14px}.admin-data-card h2{margin:0 0 6px;font-size:1.15rem}.admin-table-shell{overflow-x:auto}.admin-table-shell table{border-collapse:collapse;width:100%}.admin-table-shell th,.admin-table-shell td{text-align:left;vertical-align:middle;border-top:1px solid #dbe6f3;padding:12px 14px}.admin-table-shell th:not(:last-child),.admin-table-shell td:not(:last-child){border-right:1px solid #dbe6f3}.admin-table-shell th{color:#52647e;background:#f8fafc;font-size:.76rem;font-weight:850}.admin-table-shell td{font-size:.86rem}.admin-table-shell td strong,.admin-table-shell td span{display:block}.admin-table-shell td span{color:var(--muted);margin-top:3px;font-size:.78rem}.admin-table-header{justify-content:space-between;align-items:center;display:flex}.admin-segments{border-bottom:1px solid #dbe6f3;gap:6px;padding:0 20px 12px;display:flex;overflow-x:auto}.admin-segments button{color:#40516a;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;min-height:38px;padding:0 13px;font-weight:750}.admin-segments button:hover,.admin-segments button.is-active{color:var(--primary);background:#eff6ff;border-color:#bfdbfe}.admin-filter-bar{grid-template-columns:minmax(260px,1fr) 210px 210px 110px;align-items:center;gap:10px;padding:14px 20px;display:grid}.admin-filter-bar .search-field{background:var(--surface);color:var(--muted);border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:8px;min-width:0;height:42px;padding:0 12px;display:flex}.admin-filter-bar .search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.admin-filter-bar .search-field input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0}.connections-filter-bar{grid-template-columns:minmax(360px,1fr) 230px 230px 120px}.monitoring-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.monitoring-filter-bar{grid-template-columns:minmax(280px,1fr) 190px 190px 110px}.admin-pending-list{gap:10px;padding:0 20px 20px;display:grid}.admin-pending-card{background:linear-gradient(90deg,#eff6ff 0%,#f5faff 55%,#f8fafc 100%);border-color:#93c5fd;animation:.42s ease-out pending-card-reveal;position:relative;overflow:hidden;box-shadow:0 18px 42px #2563eb1f}.admin-pending-card:before{content:"";background:linear-gradient(#2563eb,#22c55e);width:4px;position:absolute;inset:0 auto 0 0}.admin-pending-card .admin-table-header{padding:20px 20px 16px;position:relative}.admin-pending-card h2{color:#0f2f64}.admin-pending-list article{background:#ffffffd1;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;padding:13px 14px;display:flex;box-shadow:0 10px 24px #0f172a0f}@keyframes pending-card-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-pending-list strong,.admin-pending-list span{display:block}.admin-pending-list span{color:var(--muted);margin-top:3px;font-size:.84rem}.admin-inline-feedback{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-weight:750;display:flex}.admin-inline-feedback.is-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.admin-inline-form{background:#f8fbff;border:1px solid #dbe6f3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;padding:12px;display:grid}.modal-stack{width:min(760px,100%);display:grid;position:relative}.admin-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-choice-grid button{color:var(--text);cursor:pointer;text-align:left;background:#f8fbff;border:1px solid #dbe6f3;border-radius:8px;align-content:start;gap:8px;min-height:132px;padding:18px;display:grid}.admin-choice-grid button:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 14px 32px #2563eb1f}.admin-choice-grid svg{color:var(--primary);margin-bottom:10px}.admin-choice-grid span{color:var(--muted)}.selected-client-card{background:linear-gradient(90deg,#eff6ff 0%,#f5faff 55%,#f8fafc 100%);border:1px solid #93c5fd;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.selected-client-card svg{color:var(--primary);background:#dbeafe;border-radius:999px;width:42px;height:42px;padding:10px}.selected-client-card strong,.selected-client-card span{display:block}.selected-client-card span{color:var(--muted);margin-top:4px}.client-selection-list{gap:10px;max-height:min(430px,100vh - 310px);padding-right:4px;display:grid;overflow:auto}.client-selection-list article{background:#f8fbff;border:1px solid #dbe6f3;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.client-selection-list strong,.client-selection-list span{display:block}.client-selection-list span{color:var(--muted);margin-top:3px;font-size:.84rem}.readonly-field input{color:#52647e;background:#eef4fb}.billing-modal{width:min(860px,100%);max-width:860px}.billing-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.billing-detail-grid article{border:1px solid var(--border);background:#f8fbff;border-radius:8px;gap:7px;padding:14px;display:grid}.billing-detail-grid span{color:var(--muted);font-size:.78rem;font-weight:800}.billing-detail-grid strong{font-size:1.05rem}.billing-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.billing-facts span{color:var(--muted);background:#f8fafc;border:1px solid #dbe6f3;border-radius:8px;padding:11px 12px}.billing-facts strong{color:var(--text)}.table-actions{align-items:center;gap:8px;display:flex}.table-actions button{color:var(--primary);cursor:pointer;background:#f8fbff;border:1px solid #bfdbfe;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.table-actions button:disabled{cursor:not-allowed;opacity:.55}.admin-filter-bar select{background:var(--surface);color:var(--text);border:1px solid #cbd5e1;border-radius:7px;outline:none;min-width:0;height:42px;padding:0 12px}.admin-filter-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.status-pill{border-radius:999px;align-items:center;padding:6px 9px;font-weight:800;line-height:1;font-size:.76rem!important;display:inline-flex!important}.status-pill.is-green{color:#15803d;background:#dcfce7}.status-pill.is-yellow{color:#92400e;background:#fef3c7}.status-pill.is-red{color:#b91c1c;background:#fee2e2}.admin-client-modal{width:min(760px,100%);max-width:760px}.connection-settings-modal{border-radius:10px;gap:0;width:min(980px,100vw - 48px);max-width:980px;max-height:min(820px,100vh - 40px);padding:0;overflow:hidden}.connection-modal-header{border-bottom:1px solid #e5edf7;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.connection-modal-title{align-items:center;gap:14px;min-width:0;display:flex}.connection-modal-title h2{margin-top:3px;font-size:1.12rem;line-height:1.15}.connection-modal-title p{margin-top:5px;font-size:.8rem;line-height:1.45}.connection-modal-icon{color:var(--primary);background:#eef4ff;border-radius:10px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.modal-close-button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.modal-close-button:hover{color:var(--text);background:#f1f5f9}.connection-modal-body{gap:14px;max-height:calc(100vh - 156px);padding:18px 24px;display:grid;overflow:auto}.connection-modal-grid{grid-template-columns:minmax(0,1fr) 230px;gap:20px;display:grid}.connection-form-panel{border-right:1px solid #e5edf7;padding-right:20px}.connection-form-grid{border:0;gap:14px 18px;padding:0}.connection-form-grid .form-field{gap:6px}.connection-form-grid .form-field span:first-child{color:#0f172a;font-size:.72rem}.input-with-icon{align-items:center;display:block;position:relative}.input-with-icon>svg{color:var(--primary);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.connection-form-grid .input-with-icon select{width:100%;padding-left:44px}.connection-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.connection-source-grid label{color:var(--text);background:#fff;border:1px solid #dbe6f3;border-radius:8px;grid-template-columns:18px 18px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:0 11px;font-size:.8rem;display:grid}.connection-source-label{min-width:0;line-height:1.2}.connection-source-grid label:has(input:checked){background:#eff6ff;border-color:#93c5fd}.connection-source-grid input{accent-color:var(--primary);width:16px;height:16px}.connection-source-grid svg{color:var(--primary)}.connection-summary-panel{gap:12px;display:grid}.connection-summary-card{background:#fff;border:1px solid #dbe6f3;border-radius:10px;padding:13px}.connection-summary-card h3,.agent-pairing-card h3,.connection-delete-card h3{color:var(--text);margin:0;font-size:.8rem}.connection-summary-card dl{gap:10px;margin:12px 0 0;display:grid}.connection-summary-card dt{color:#52627a;align-items:center;gap:8px;font-size:.68rem;font-weight:800;display:flex}.connection-summary-card dt svg{color:#2563eb}.connection-summary-card dd{color:#667895;word-break:break-word;margin:3px 0 0 24px;font-size:.7rem;line-height:1.45}.agent-pairing-card,.connection-delete-card,.connection-advanced-card{border-radius:10px;padding:14px}.agent-pairing-card{background:#fff;border:1px solid #dbe6f3;gap:16px;display:grid}.agent-pairing-main{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.agent-pairing-icon{color:var(--primary);background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.agent-pairing-card p,.connection-delete-card p{color:#667895;margin-top:5px;font-size:.74rem;line-height:1.55}.agent-pairing-note{border-top:1px solid #e5edf7;align-items:center;gap:10px;margin:2px 0 0;padding-top:12px;display:flex}.connection-settings-modal .agent-pairing-token{border-top:1px solid #e5edf7;padding-top:14px}.connection-delete-card{background:snow;border:1px solid #fecaca;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.connection-delete-icon{color:#dc2626;background:#fee2e2;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.danger-outline-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #f87171;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:.78rem;font-weight:850;display:inline-flex}.danger-outline-button:hover{background:#fef2f2}.danger-outline-button:disabled{cursor:not-allowed;opacity:.58}.connection-advanced-card{background:#fff;border:1px solid #dbe6f3;gap:10px;display:grid}.connection-advanced-card label{gap:6px;display:grid}.connection-advanced-card label span{color:#334155;font-size:.8rem;font-weight:800}.connection-advanced-card code{color:#e0f2fe;background:#0f172a;border-radius:7px;padding:10px 12px;font-size:.82rem;display:block;overflow-x:auto}.connection-settings-modal footer{background:#fff;border-top:1px solid #e5edf7;padding:16px 24px}@media (max-width:980px){.connection-settings-modal{width:min(760px,100vw - 28px)}.connection-modal-grid{grid-template-columns:1fr}.connection-form-panel{border-right:0;padding-right:0}.connection-summary-panel{grid-template-columns:1fr}}@media (max-width:680px){.connection-modal-header,.connection-modal-body,.connection-settings-modal footer{padding-left:18px;padding-right:18px}.connection-modal-title{align-items:flex-start}.connection-modal-icon{flex-basis:48px;width:48px;height:48px}.connection-form-grid,.connection-source-grid,.agent-pairing-main,.connection-delete-card{grid-template-columns:1fr}}.monitoring-modal{width:min(1060px,100vw - 48px);max-width:1060px}.modal-tabs{border-top:1px solid #e5edf7;gap:8px;padding-top:14px;display:flex;overflow-x:auto}.modal-tabs button{color:#52647e;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.modal-tabs button:hover,.modal-tabs button.is-active{color:var(--primary);background:#eff6ff;border-color:#bfdbfe}.monitoring-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.monitoring-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.monitoring-config-grid article{background:#f8fbff;border:1px solid #dbe6f3;border-radius:8px;gap:7px;padding:13px;display:grid}.monitoring-config-grid span{color:var(--muted);font-size:.78rem;font-weight:800}.monitoring-config-grid strong{line-height:1.35}.monitoring-section-heading{justify-content:space-between;align-items:center;display:flex}.monitoring-section-heading h3{margin:0}.compact-table{border:1px solid #dbe6f3;border-radius:8px}.compact-table th,.compact-table td{padding:10px 11px}.admin-danger-zone{background:#fffafb;border:1px solid #fed7d7;border-radius:8px;gap:14px;padding:16px}.admin-danger-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-danger-actions .secondary-button{min-width:144px}.admin-confirm-box{background:#fff;border:1px solid #fecaca;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.admin-confirm-box span{color:#7f1d1d;margin-right:auto;font-size:.85rem;font-weight:750}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:850;display:inline-flex}.admin-danger-zone>.danger-button{justify-self:stretch}.danger-button:hover{background:#b91c1c;border-color:#b91c1c}.danger-button:disabled,.secondary-button:disabled,.filter-button:disabled{cursor:not-allowed;opacity:.58}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:72px;padding:12px 34px;display:flex}.topbar>div:first-child{gap:3px;display:grid}.topbar strong{font-size:.94rem}.topbar span{color:var(--muted);font-size:.78rem}.topbar-status{border:1px solid var(--border);color:#475569;background:#f8fafc;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:.78rem;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.page-content{max-width:1580px;margin:0 auto;padding:32px 34px 56px}.page-heading{grid-template-columns:minmax(360px,1fr) minmax(620px,auto);align-items:end;gap:28px;margin-bottom:26px;display:grid}.page-heading h1{font-size:clamp(1.8rem,2.7vw,2.65rem)}.dashboard-filters{border:1px solid var(--border);background:#ffffffb8;border-radius:8px;grid-template-columns:170px 170px 184px 146px;justify-self:end;align-items:end;gap:14px;padding:14px;display:grid;box-shadow:0 10px 26px #0f23410d}.analytics-filters{grid-template-columns:170px 170px 184px 146px}.financial-filters{grid-template-columns:190px 146px}.employees-filters{grid-template-columns:170px 170px 146px}.employee-page-tabs{margin-bottom:18px}.date-input{min-height:46px;padding:0}.date-input input{min-height:44px;padding:0 12px}.dashboard-filters select{background:var(--surface);color:var(--text);border:1px solid #cbd5e1;border-radius:7px;outline:none;min-width:0;height:46px;padding:0 12px}.filter-button{gap:8px;min-height:46px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card,.content-card,.state-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.metric-card{min-width:0;padding:18px 20px 10px}.metric-card-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.metric-card-heading>span{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-card-heading small{color:var(--muted);font-size:.78rem;font-weight:750}.metric-card>strong{margin-bottom:2px;font-size:1.48rem;display:block}.monthly-comparison-card{margin-top:16px}.monthly-comparison-card header{margin-bottom:6px}.charts-grid{grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px;display:grid}.analytics-charts{margin-bottom:16px}.content-card{min-width:0;padding:20px}.content-card header{justify-content:space-between;align-items:center;display:flex}.content-card h2,.state-panel h1,.state-panel h2{margin:0 0 5px;font-size:1.12rem}.content-card header p{font-size:.82rem}.products-card{margin-top:16px}.section-tabs{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:4px;margin-bottom:16px;padding:6px;display:flex;overflow-x:auto}.section-tabs button{color:#172033;background:0 0;border:0;border-radius:7px;flex:none;min-height:42px;padding:0 14px;font-weight:750}.section-tabs button:hover:not(:disabled){background:#eff6ff}.section-tabs button.is-active{background:var(--primary);color:#fff}.section-tabs button:disabled{color:#94a3b8;cursor:default}.analytics-summary{margin-bottom:16px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.summary-grid article{border:1px solid var(--border);background:#f5f8fd;border-radius:7px;gap:8px;min-width:0;padding:16px;display:grid}.summary-grid span{color:var(--muted);font-size:.76rem;font-weight:750}.summary-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.compact-summary{margin-top:0;margin-bottom:16px}.financial-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.financial-summary-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:18px 20px;display:grid}.financial-summary-card>div{align-items:center;gap:10px;display:flex}.financial-summary-card>div>span{color:var(--primary);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.financial-summary-card.is-red>div>span{color:#ef4444;background:#fef2f2}.financial-summary-card.is-green>div>span{color:#16a34a;background:#ecfdf5}.financial-summary-card small{color:var(--muted);font-size:.78rem;font-weight:800}.financial-summary-card strong{font-size:1.45rem}.financial-summary-card p,.table-caption{color:var(--muted);margin:0;font-size:.82rem}.data-card{margin-top:16px}.chart-config-card{margin-bottom:16px}.chart-config-card header{align-items:center;margin-bottom:0}.modal-backdrop{overscroll-behavior:contain;z-index:80;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-modal{background:var(--surface);border:1px solid var(--border);overscroll-behavior:contain;border-radius:10px;gap:20px;width:min(720px,100%);max-width:720px;max-height:min(760px,100vh - 48px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 70px #0f172a47}.commission-rule-modal{width:min(820px,100%);max-width:820px}.pdf-preview-backdrop{z-index:95;padding:18px}.pdf-preview-modal{border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:6px;width:min(980px,100vw - 36px);max-width:980px;height:min(850px,100vh - 36px);max-height:calc(100vh - 36px);padding:8px;overflow:hidden}.pdf-preview-modal header{border-bottom:1px solid #e5edf7;align-self:start;align-items:center;gap:10px;min-height:34px;padding:0 2px 6px}.pdf-preview-modal h2{text-overflow:ellipsis;white-space:nowrap;max-width:min(720px,100vw - 180px);font-size:.95rem;line-height:1.2;overflow:hidden}.pdf-preview-actions{align-items:center;gap:8px;display:inline-flex}.pdf-preview-actions .icon-button{border-radius:7px;min-width:30px;height:30px}.pdf-preview-frame{background:#f8fafc;border:1px solid #dbe6f3;border-radius:6px;width:100%;height:100%;min-height:0}.pdf-download-button{color:var(--text);text-decoration:none}.settings-modal header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-modal header>button{flex:none}.modal-header-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.modal-eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.settings-modal h2,.settings-modal h3{margin:0}.settings-modal h2{margin-top:5px;font-size:1.35rem}.settings-modal h3{font-size:.95rem}.settings-modal p{color:var(--muted);margin:8px 0 0}.icon-button{color:var(--text);cursor:pointer;background:#f8fbff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:38px;display:inline-flex}.icon-button:hover{background:#eff6ff}.modal-section{border-top:1px solid #e5edf7;gap:12px;padding-top:16px;display:grid}.modal-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-actions-inline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.segmented-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.segmented-options label,.checkbox-row{color:var(--text);background:#f8fbff;border:1px solid #d7e2f0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.segmented-options label:has(input:checked){background:#eff6ff;border-color:#93c5fd}.checkbox-row:has(input:checked){background:#eff6ff;border-color:#93c5fd}.segmented-options input,.checkbox-row input{accent-color:var(--primary)}.checkbox-row.is-compact{min-height:36px;padding:7px 10px}.checkbox-list{border:1px solid #d7e2f0;border-radius:8px;gap:8px;max-height:300px;padding:10px;display:grid;overflow:auto}.checkbox-list.is-compact{max-height:190px}.two-column-form{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{gap:7px;display:grid}.form-field.is-wide,.form-field.full-span{grid-column:1/-1}.form-field span{color:#334155;font-size:.8rem;font-weight:750}.form-field input,.form-field select{background:var(--surface);color:var(--text);border:1px solid #cbd5e1;border-radius:7px;outline:none;min-height:42px;padding:0 12px}.form-field input:focus,.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.form-field input:disabled{color:#94a3b8;background:#eef3fb}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.checkbox-grid label{background:#f8fbff;border:1px solid #dbe6f3;border-radius:7px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.checkbox-grid input{min-height:auto;padding:0}.agent-secret-box{background:#f8fbff;border:1px solid #bfdbfe;border-radius:8px}.agent-secret-box label{gap:6px;display:grid}.agent-secret-box label span{color:#334155;font-size:.8rem;font-weight:800}.agent-secret-box code{color:#e0f2fe;background:#0f172a;border-radius:7px;padding:10px 12px;font-size:.82rem;display:block;overflow-x:auto}.agent-secret-advanced{background:#fff;border-color:#dbe6f3}.agent-secret-advanced summary{color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:800}.agent-secret-advanced p{margin:8px 0 12px}.agent-pairing-token{gap:12px;display:grid}.agent-pairing-token .secondary-button{justify-self:flex-start}.settings-modal footer{border-top:1px solid #e5edf7;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.settings-modal.connection-settings-modal{grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(920px,100vw - 48px);max-width:920px;height:min(820px,100vh - 48px);max-height:calc(100vh - 48px);padding:0;display:grid;overflow:hidden}.settings-modal.connection-settings-modal .connection-modal-header{flex:none;padding:16px 24px}.settings-modal.connection-settings-modal .connection-modal-body{overscroll-behavior:contain;scrollbar-width:none;gap:12px;min-height:0;max-height:none;padding:16px 24px;overflow-y:auto}.settings-modal.connection-settings-modal .connection-modal-body::-webkit-scrollbar{display:none}.settings-modal.connection-settings-modal .connection-modal-grid{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.settings-modal.connection-settings-modal .connection-form-panel{padding-right:18px}.settings-modal.connection-settings-modal .connection-form-grid{gap:11px 16px}.settings-modal.connection-settings-modal .connection-form-grid .form-field{gap:5px}.settings-modal.connection-settings-modal .connection-form-grid .form-field span:first-child{font-size:.7rem}.settings-modal.connection-settings-modal .connection-form-grid input,.settings-modal.connection-settings-modal .connection-form-grid select{min-height:38px}.settings-modal.connection-settings-modal .connection-source-grid{gap:8px}.settings-modal.connection-settings-modal .connection-source-grid label{cursor:pointer;grid-template-columns:20px 18px minmax(0,1fr);gap:10px;min-height:44px;padding:0 12px}.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]{appearance:none;box-sizing:border-box;cursor:pointer;background:#fff;border:1.5px solid #94a3b8;border-radius:5px;place-content:center;width:18px;height:18px;margin:0;display:grid;min-height:18px!important}.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]:before{clip-path:polygon(14% 44%,0 62%,40% 100%,100% 20%,82% 4%,38% 65%);content:"";transform-origin:50%;width:10px;height:10px;transition:transform .12s;transform:scale(0);box-shadow:inset 1em 1em #fff}.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]:checked:before{transform:scale(1)}.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]:focus,.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]:focus-visible{box-shadow:none;outline:none}.settings-modal.connection-settings-modal .connection-source-grid input[type=checkbox]:focus-visible{border-color:var(--primary)}.settings-modal.connection-settings-modal .connection-summary-card{padding:12px}.settings-modal.connection-settings-modal .connection-summary-card dl{gap:9px;margin-top:10px}.settings-modal.connection-settings-modal .agent-pairing-card{gap:12px;padding:12px 14px}.settings-modal.connection-settings-modal .agent-pairing-main{grid-template-columns:38px minmax(0,1fr) auto}.settings-modal.connection-settings-modal .agent-pairing-icon{width:38px;height:38px}.settings-modal.connection-settings-modal .agent-pairing-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:9px 11px;font-size:.74rem;line-height:1.45}.settings-modal.connection-settings-modal .agent-pairing-token{border-top:1px solid #e5edf7;gap:8px;padding-top:10px;display:grid}.settings-modal.connection-settings-modal .agent-pairing-token label{background:#f8fbff;border:1px solid #dbe6f3;border-radius:8px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.settings-modal.connection-settings-modal .agent-pairing-token label span{color:#52627a;text-transform:uppercase;font-size:.68rem;font-weight:850}.settings-modal.connection-settings-modal .agent-pairing-token code{color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem;overflow:hidden}.settings-modal.connection-settings-modal .agent-pairing-token .modal-actions-inline{justify-content:flex-end;padding-top:2px}.settings-modal.connection-settings-modal .connection-delete-card{padding:12px 14px}.settings-modal.connection-settings-modal footer{flex:none;padding:14px 24px}.monitoring-detail-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a75}.settings-modal.monitoring-detail-modal{background:#fafbfc;border:1px solid #e7ecf3f2;border-radius:10px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;width:min(1120px,100vw - 48px);max-width:1120px;height:min(860px,100vh - 48px);max-height:calc(100vh - 48px);padding:0;display:grid;overflow:hidden;box-shadow:0 28px 90px #0f172a3d}.monitoring-detail-header{background:#fff;border-bottom:1px solid #e7ecf3;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.monitoring-detail-title{align-items:center;gap:16px;min-width:0;display:flex}.monitoring-detail-title h2{color:#0f172a;letter-spacing:0;margin:3px 0 0;font-size:1.35rem;line-height:1.18}.monitoring-detail-title p{color:#64748b;margin-top:6px;font-size:.88rem}.monitoring-detail-icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.monitoring-detail-close{color:#334155;background:#fff;border:1px solid #e7ecf3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.monitoring-detail-close:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.monitoring-detail-tabs{background:#fff;border-bottom:1px solid #e7ecf3;align-items:center;gap:8px;padding:12px 28px;display:flex;overflow-x:auto}.monitoring-detail-tabs button{color:#64748b;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:.86rem;font-weight:800;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.monitoring-detail-tabs button:hover{color:#0f172a;background:#f8fafc;border-color:#e7ecf3}.monitoring-detail-tabs button.is-active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.monitoring-detail-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;min-height:0;padding:24px 28px;overflow-y:auto}.monitoring-detail-stack{gap:18px;display:grid}.monitoring-premium-grid,.monitoring-info-grid{gap:14px;display:grid}.monitoring-premium-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.monitoring-info-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.monitoring-premium-kpi,.monitoring-info-card,.monitoring-detail-card,.monitoring-alert-banner,.monitoring-empty-state{background:#fff;border:1px solid #e7ecf3;border-radius:14px;box-shadow:0 10px 30px #0f172a09}.monitoring-premium-kpi{gap:10px;min-height:128px;padding:16px;display:grid}.monitoring-premium-icon,.monitoring-info-icon,.monitoring-empty-state>span{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.monitoring-premium-kpi span:not(.monitoring-premium-icon),.monitoring-info-card>span:not(.monitoring-info-icon){color:#64748b;font-size:.78rem;font-weight:850}.monitoring-premium-kpi strong{color:#0f172a;font-size:1.28rem;line-height:1.15}.monitoring-premium-kpi.is-success .monitoring-premium-icon{color:#16a34a;background:#ecfdf5}.monitoring-premium-kpi.is-warning .monitoring-premium-icon{color:#d97706;background:#fffbeb}.monitoring-premium-kpi.is-danger .monitoring-premium-icon{color:#ef4444;background:#fef2f2}.monitoring-info-card{gap:8px;min-height:128px;padding:16px;display:grid}.monitoring-info-card strong{color:#0f172a;overflow-wrap:anywhere;font-size:.92rem;line-height:1.35}.monitoring-alert-banner{color:#2563eb;align-items:flex-start;gap:12px;padding:16px;display:flex}.monitoring-alert-banner strong{color:#0f172a;font-size:.92rem;display:block}.monitoring-alert-banner p{color:#64748b;margin-top:4px;font-size:.86rem;line-height:1.55}.monitoring-alert-banner.is-danger{color:#ef4444;background:#fff7f7;border-color:#fecaca}.monitoring-alert-banner.is-success{color:#16a34a;background:#f7fef9;border-color:#bbf7d0}.monitoring-detail-card{gap:16px;padding:18px;display:grid}.monitoring-section-heading h3{color:#0f172a;margin:0;font-size:1rem}.monitoring-section-heading p{color:#64748b;margin-top:5px;font-size:.84rem}.monitoring-premium-table{border:1px solid #e7ecf3;border-radius:14px;max-height:390px;overflow:auto}.monitoring-premium-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:100%}.monitoring-premium-table th{color:#64748b;text-align:left;z-index:1;background:#f8fafc;border-bottom:1px solid #e7ecf3;height:52px;padding:0 14px;font-size:.76rem;font-weight:850;position:sticky;top:0}.monitoring-premium-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #edf2f7;height:48px;padding:0 14px;font-size:.84rem}.monitoring-premium-table tr:hover td{background:#f8fafc}.monitoring-premium-table tr:last-child td{border-bottom:0}.monitoring-empty-state{color:#64748b;text-align:center;place-items:center;min-height:230px;padding:32px 20px;display:grid}.monitoring-empty-state strong{color:#0f172a;margin-top:10px;font-size:1rem}.monitoring-empty-state p{max-width:340px;margin:6px 0 14px;font-size:.86rem;line-height:1.5}.monitoring-detail-footer{background:#fff;border-top:1px solid #e7ecf3;justify-content:flex-end;align-items:center;gap:10px;padding:16px 28px;display:flex}.monitoring-detail-footer .primary-button,.monitoring-detail-footer .secondary-button{border-radius:12px;min-height:44px;padding-inline:18px}.data-card header{gap:16px;margin-bottom:16px}.table-toolbar{grid-template-columns:minmax(260px,1fr) 200px 120px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.financial-detail-toolbar{grid-template-columns:minmax(260px,1fr)}.search-input{background:var(--surface);color:var(--muted);border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:8px;min-width:0;height:42px;padding:0 12px;display:flex}.search-input:focus-within,.table-toolbar select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.search-input input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0}.table-toolbar select{background:var(--surface);color:var(--text);border:1px solid #cbd5e1;border-radius:7px;outline:none;min-width:0;height:42px;padding:0 12px}.table-shell{border:1px solid var(--border);border-radius:8px;overflow:auto}.table-shell table{border-collapse:collapse;width:100%;min-width:920px}.table-shell th,.table-shell td{color:#172033;text-align:left;border-bottom:1px solid #e5edf7;border-right:1px solid #e5edf7;padding:12px 10px;font-size:.84rem}.table-shell th:last-child,.table-shell td:last-child{border-right:0}.table-shell th{color:#5b6b82;background:#f8fafc;font-size:.78rem;font-weight:800}.table-shell tbody tr:hover{background:#f8fbff}.table-shell tbody tr:last-child td{border-bottom:0}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right!important}.action-cell{width:54px;text-align:center!important}.action-cell button{color:var(--primary);background:#f8fbff;border:1px solid #bfdbfe;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.action-cell a{color:var(--primary);background:#f8fbff;border:1px solid #bfdbfe;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:6px;display:inline-flex}.wide-action-cell{width:190px;min-width:190px}.wide-action-cell button{gap:8px;width:auto;padding:0 12px}.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.48rem .7rem;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex}.status-pill.is-success{color:#166534;background:#dcfce7}.action-cell button:hover,.action-cell a:hover,.secondary-button:hover{background:#eff6ff}.secondary-button{background:var(--surface);color:var(--text);cursor:pointer;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:750;display:inline-flex}.section-inline-header{justify-content:space-between;align-items:center;gap:16px;margin:6px 0 16px;display:flex}.section-inline-header h3{margin:0 0 4px;font-size:1.2rem}.section-inline-header p{color:var(--muted);margin:0}.empty-table,.inline-error{margin:0;padding:18px}.empty-table{color:var(--muted)}.inline-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin-bottom:12px}.info-message{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;margin:0 0 12px;padding:12px 14px}.muted-dash{color:#94a3b8;text-align:center;min-width:34px;display:inline-block}.table-footer{color:var(--muted);margin-top:10px;font-size:.8rem}.state-panel{color:#92400e;text-align:center;flex-direction:column;align-items:center;margin-top:24px;padding:42px;display:flex}.state-panel.is-error{color:var(--danger)}.dashboard-skeleton{background:#e8eef6;border-radius:8px;height:520px;animation:1.25s ease-in-out infinite alternate pulse}.chart-loading{background:#edf2f8;border-radius:7px;height:100%;min-height:64px;animation:1.25s ease-in-out infinite alternate pulse}.is-spinning{animation:.9s linear infinite spin}@keyframes pulse{0%{opacity:.58}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1120px){.page-heading{grid-template-columns:1fr;align-items:stretch}.dashboard-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;justify-self:stretch}.analytics-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.charts-grid{grid-template-columns:1fr}.summary-grid,.admin-kpi-grid,.settings-kpi-grid,.settings-env-grid,.monitoring-kpi-grid,.admin-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.admin-filter-bar,.monitoring-filter-bar{grid-template-columns:minmax(220px,1fr) 180px 180px}.settings-modal.monitoring-detail-modal{width:min(960px,100vw - 32px)}.monitoring-premium-grid,.monitoring-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-bar .secondary-button{grid-column:1/-1}}@media (max-width:820px){.app-shell,.app-shell.is-compact{grid-template-columns:72px minmax(0,1fr)}.app-sidebar{padding-inline:10px}.sidebar-brand,.sidebar-toggle,.nav-item span,.user-copy,.sidebar-user>button{display:none}.nav-item{justify-content:center;padding:0}.sidebar-user{justify-content:center;display:flex}.topbar{padding-inline:18px}.topbar>div:first-child span{display:none}.page-content{padding:24px 18px 42px}.dashboard-filters{grid-template-columns:1fr 1fr}.filter-button,.dashboard-filters label:last-of-type{grid-column:span 1}.metrics-grid{grid-template-columns:1fr 1fr}.table-toolbar{grid-template-columns:1fr}.admin-shell{grid-template-columns:76px minmax(0,1fr)}.admin-sidebar{padding-inline:10px}.admin-brand img,.admin-brand span,.admin-nav-item span,.admin-nav-item small,.admin-user .user-copy,.admin-user>button{display:none}.admin-brand,.admin-nav-item,.admin-user{justify-content:center}.admin-nav-item{padding:0}.admin-page{padding:24px 18px 42px}.admin-topbar{padding-inline:18px}.admin-filter-bar,.settings-form-grid{grid-template-columns:1fr}.settings-modal.monitoring-detail-modal{width:calc(100vw - 28px);height:calc(100vh - 28px)}.monitoring-detail-header,.monitoring-detail-tabs,.monitoring-detail-content,.monitoring-detail-footer{padding-left:18px;padding-right:18px}.monitoring-detail-title h2{font-size:1.1rem}}@media (max-width:560px){.login-panel{padding:34px 24px}.topbar-status{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.dashboard-filters,.analytics-filters,.metrics-grid,.summary-grid,.billing-detail-grid,.billing-facts,.admin-choice-grid,.monitoring-premium-grid,.monitoring-info-grid,.monitoring-config-grid,.monitoring-detail-grid,.admin-kpi-grid,.settings-kpi-grid,.settings-env-grid,.monitoring-kpi-grid,.admin-grid-two,.selected-client-card{grid-template-columns:1fr}.client-selection-list article{flex-direction:column;align-items:stretch}}
