:root{color-scheme:dark;--bg-canvas: #000000;--bg-surface: #1c1c1e;--bg-panel: #2c2c2e;--bg-raised: #3a3a3c;--bg-hover: #48484a;--bg-active: #3a3a3c;--bg-input: #1c1c1e;--text-primary: #f5f5f7;--text-secondary: rgba(235,235,245,.6);--text-muted: rgba(235,235,245,.3);--accent: #0071e3;--accent-hover: #2997ff;--accent-dim: rgba(0,113,227,.15);--accent-glow: rgba(0,113,227,.2);--violet: #bf5af2;--violet-dim: rgba(191,90,242,.15);--cyan: #32ade6;--cyan-dim: rgba(50,173,230,.12);--emerald: #30d158;--emerald-dim: rgba(48,209,88,.12);--amber: #ff9f0a;--amber-dim: rgba(255,159,10,.12);--rose: #ff453a;--rose-dim: rgba(255,69,58,.12);--border: rgba(255,255,255,.1);--border-sep: rgba(255,255,255,.06);--border-bright: rgba(255,255,255,.18);--border-accent: rgba(0,113,227,.4);--status-online-bg: rgba(48,209,88,.12);--status-online-fg: #30d158;--status-warn-bg: rgba(255,159,10,.12);--status-warn-fg: #ff9f0a;--status-error-bg: rgba(255,69,58,.12);--status-error-fg: #ff453a;--status-idle-bg: rgba(120,120,128,.12);--status-idle-fg: #8e8e93;--sidebar-w: 220px;--header-h: 60px;--radius: 8px;--radius-input: 11px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 980px;--shadow-card: 0 3px 5px rgba(0,0,0,.22), 0 1px 2px rgba(0,0,0,.18);--shadow-raised: 0 5px 30px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.2);--shadow-lg: 0 20px 60px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.3);--transition: .15s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}p{margin:0}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--text-primary);line-height:1.2}input,select,textarea{width:100%;padding:.5rem .75rem;border-radius:var(--radius-input);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0071e338}input::placeholder{color:var(--text-muted)}label{display:grid;gap:.35rem;font-size:.78rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:var(--radius-pill);padding:.5rem 1rem;background:var(--accent);color:#fff;cursor:pointer;font-weight:500;font-size:.875rem;letter-spacing:-.01em;transition:opacity var(--transition),background var(--transition)}button:hover:not(:disabled){opacity:.88;background:var(--accent-hover)}button:active:not(:disabled){opacity:.72}button:disabled{opacity:.4;cursor:not-allowed}.ghost-button,.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-pill)}.ghost-button:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-bright);color:var(--text-primary);opacity:1}.mini-button{padding:.3rem .65rem;font-size:.78rem;background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-pill);font-weight:500}.mini-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-bright);color:var(--text-primary);opacity:1}.mini-button.danger{color:var(--rose);border-color:#f43f5e4d}.mini-button.danger:hover:not(:disabled){background:var(--rose-dim)}table{width:100%;border-collapse:collapse}th{padding:.6rem .875rem;text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:#00000059;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}td{padding:.7rem .875rem;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.875rem}td strong{display:block;color:var(--text-primary);font-weight:500;font-size:.875rem}td span{display:block}tr:hover td{background:#ffffff08}.status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.9}.status-pill.is-good{background:var(--status-online-bg);color:var(--status-online-fg)}.status-pill.is-warn{background:var(--status-warn-bg);color:var(--status-warn-fg)}.status-pill.is-bad{background:var(--status-error-bg);color:var(--status-error-fg)}.status-pill.is-neutral{background:var(--status-idle-bg);color:var(--status-idle-fg)}.eyebrow{margin:0 0 .25rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--text-muted);font-size:.8rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:#1c1c1ee0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid var(--border-sep);overflow:hidden;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1rem;border-bottom:1px solid var(--border)}.sidebar-brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent) 0%,var(--violet) 100%);font-size:16px}.sidebar-brand-text{display:flex;flex-direction:column;gap:1px;overflow:hidden}.sidebar-brand-text strong{font-size:.875rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-text span{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em}.sidebar-nav{flex:1;overflow-y:auto;padding:.65rem .4rem;display:flex;flex-direction:column;gap:1px}.sidebar-section{padding:.85rem .65rem .3rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.sidebar-item{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:400;border:1px solid transparent;background:transparent;text-align:left;width:100%;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap;overflow:hidden}.sidebar-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);box-shadow:none}.sidebar-item.active{background:var(--accent);color:#fff;font-weight:600;border-color:transparent;border-radius:var(--radius-pill)}.sidebar-item-icon{font-size:1rem;min-width:20px;text-align:center;flex-shrink:0}.sidebar-item-label{flex:1}.sidebar-item-badge{flex-shrink:0;min-width:18px;padding:.1rem .35rem;border-radius:99px;background:var(--rose-dim);color:var(--rose);font-size:.62rem;font-weight:700;text-align:center}.sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem}.sidebar-user{display:flex;align-items:center;gap:.65rem;padding:.45rem .25rem}.sidebar-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--violet));font-size:.8rem;font-weight:700;color:#fff}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-info strong{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info span{display:block;font-size:.69rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-canvas)}.main-header{display:flex;align-items:center;gap:.875rem;padding:0 1.5rem;height:var(--header-h);min-height:var(--header-h);background:#1c1c1ed9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border-sep);flex-shrink:0}.main-header-title{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.main-header-title h1{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-icon{font-size:1.1rem;flex-shrink:0}.header-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.header-balance-chip{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:99px;background:var(--emerald-dim);border:1px solid rgba(16,185,129,.2);font-size:.75rem;font-weight:600;color:var(--emerald);white-space:nowrap}.header-time-range{display:flex;align-items:center;gap:.35rem}.header-date-input{width:130px!important;padding:.3rem .6rem!important;font-size:.75rem!important;background:var(--bg-panel)!important;border-color:var(--border)!important}.header-site-select{width:150px!important;padding:.3rem .6rem!important;font-size:.75rem!important;background:var(--bg-panel)!important;border-color:var(--border)!important}.header-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.lang-switch{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-input);background:var(--bg-panel);border:1px solid var(--border)}.lang-switch button{padding:.2rem .5rem;font-size:.7rem;font-weight:700;background:transparent;color:var(--text-muted);border-radius:6px}.lang-switch button.active{background:var(--accent);color:#fff;opacity:1;border-radius:6px}.lang-switch button:hover:not(.active):not(:disabled){background:var(--bg-hover);color:var(--text-primary);opacity:1}.btn-refresh{padding:.35rem .75rem;font-size:.78rem;background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-pill)}.btn-refresh:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);opacity:1}.message-strip{display:grid;gap:.5rem;padding:.75rem 1.5rem 0;flex-shrink:0}.message{padding:.6rem .875rem;border-radius:var(--radius);font-size:.875rem;border-left:3px solid;display:flex;align-items:center;gap:.5rem}.message.error{background:var(--rose-dim);color:var(--rose);border-color:var(--rose)}.message.status{background:var(--emerald-dim);color:var(--emerald);border-color:var(--emerald)}.page-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.panel{background:var(--bg-panel);border:1px solid var(--border-sep);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.section-head h3{font-size:.95rem;font-weight:600;color:var(--text-primary)}.panel-body{padding:1.25rem}.mini-stats{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;align-items:center}.mini-stats span{display:inline-flex;padding:.25rem .6rem;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border);font-size:.75rem;color:var(--text-secondary)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card{padding:1.25rem;border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border-sep);display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-card);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}.metric-card span{font-size:.72rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.metric-card strong{display:block;font-size:clamp(1.3rem,1.8vw,2rem);font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.metric-card--salmon{border-top:2px solid var(--amber)}.metric-card--salmon:hover{box-shadow:0 6px 24px var(--amber-dim)}.metric-card--salmon strong{color:var(--amber)}.metric-card--teal{border-top:2px solid var(--emerald)}.metric-card--teal:hover{box-shadow:0 6px 24px var(--emerald-dim)}.metric-card--teal strong{color:var(--emerald)}.metric-card--amber{border-top:2px solid var(--cyan)}.metric-card--amber:hover{box-shadow:0 6px 24px var(--cyan-dim)}.metric-card--amber strong{color:var(--cyan)}.metric-card--slate{border-top:2px solid var(--violet)}.metric-card--slate:hover{box-shadow:0 6px 24px var(--violet-dim)}.metric-card--slate strong{color:var(--violet)}.table-shell{overflow-x:auto;background:var(--bg-panel);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table-shell--bordered{border:1px solid var(--border);border-radius:var(--radius-lg)}.compact-table table td,.compact-table table th{padding-top:.5rem;padding-bottom:.5rem}.search-input{max-width:260px}.action-row{display:flex;flex-wrap:wrap;gap:.35rem}.pc-id-row{display:flex;align-items:center;gap:.25rem;margin-top:.15rem;color:var(--text-secondary);font-size:.72rem}.copyable-id{display:inline-flex;align-items:center;gap:.2rem;cursor:pointer;font-family:monospace;font-size:.72rem;color:var(--accent);background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:4px;padding:0 .3rem;-webkit-user-select:none;user-select:none}.copyable-id:hover{background:#6366f133}.copy-hint{font-size:.65rem;opacity:.7}.agent-version-tag{display:inline-block;margin-top:.1rem;font-size:.68rem;color:var(--text-muted);background:var(--bg-surface2);border-radius:3px;padding:0 .3rem}.fleet-panel,.sessions-panel,.support-panel,.revenue-panel,.sites-panel{display:flex;flex-direction:column;overflow:hidden}.content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.25rem}.site-cards{display:grid;gap:.65rem;padding:1.25rem}.site-card{padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);display:grid;gap:.5rem;transition:border-color var(--transition),background var(--transition)}.site-card:hover{border-color:var(--border-bright);background:var(--bg-hover)}.site-card__header{display:flex;justify-content:space-between;gap:.65rem;align-items:flex-start}.site-card strong{font-size:.875rem;color:var(--text-primary);font-weight:600}.site-card span{color:var(--text-muted);font-size:.78rem}.site-metrics{display:flex;flex-wrap:wrap;gap:.4rem}.site-metrics span{display:inline-flex;padding:.25rem .55rem;border-radius:var(--radius);background:var(--bg-active);font-size:.75rem;color:var(--text-secondary)}.revenue-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem;padding:1.25rem}.revenue-item{padding:.875rem;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border)}.revenue-item span{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.35rem}.revenue-item strong{font-size:1.05rem;color:var(--text-primary);font-weight:700}.ticket-list{display:grid;gap:.65rem;padding:1.25rem}.ticket-card{padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);display:grid;gap:.5rem;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.ticket-card:hover{border-color:var(--accent);background:var(--bg-hover)}.ticket-card__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.ticket-card__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.ticket-badge{display:inline-flex;padding:.2rem .6rem;border-radius:980px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ticket-badge.category{background:var(--cyan-dim);color:var(--cyan)}.ticket-badge.priority-urgent{background:var(--rose-dim);color:var(--rose)}.ticket-badge.priority-high{background:var(--amber-dim);color:var(--amber)}.ticket-badge.priority-normal{background:var(--status-idle-bg);color:var(--text-muted)}.ticket-badge.priority-low{background:var(--emerald-dim);color:var(--emerald)}.module-switchboard{padding:0}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1.25rem}.module-card{display:flex;flex-direction:column;gap:.65rem;padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);transition:border-color var(--transition)}.module-card:hover{border-color:var(--border-bright)}.module-card strong{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.module-card span{font-size:.78rem;color:var(--text-muted);line-height:1.5}.module-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.65rem;margin-top:auto}.pc-specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;margin-top:.5rem}.pc-spec-item{padding:.6rem .75rem;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border)}.pc-spec-item .spec-label{font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.2rem}.pc-spec-item .spec-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.pc-tags{display:flex;flex-wrap:wrap;gap:.3rem}.pc-tag{display:inline-flex;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(6,182,212,.2)}.pc-tier-badge{display:inline-flex;padding:.2rem .55rem;border-radius:980px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pc-tier-badge.basic{background:var(--status-idle-bg);color:var(--text-muted)}.pc-tier-badge.standard{background:var(--accent-dim);color:var(--accent)}.pc-tier-badge.premium{background:var(--violet-dim);color:var(--violet)}.pc-tier-badge.ultra{background:var(--amber-dim);color:var(--amber)}.panel-form{display:grid;gap:.65rem;padding:1.25rem}.panel-form__actions{display:flex;justify-content:flex-end}.inline-grid{display:grid;gap:.5rem}.inline-grid--agency{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-grid--superadmin{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:#000000bf;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.modal-card{width:min(100%,760px);max-height:min(90vh,920px);overflow:auto;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-lg)}.modal-card--sm{max-width:500px}.modal-card--md{max-width:720px}.modal-card--lg{max-width:860px}.modal-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.modal-copy{margin:.3rem 0 0;color:var(--text-muted);font-size:.875rem}.modal-close{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border)}.modal-close:hover{background:var(--bg-hover);box-shadow:none}.modal-form{display:grid;gap:.875rem}.stack-grid{display:grid;gap:.65rem}.stack-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:1 / -1}.section-label{margin:.5rem 0 0;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.agent-token-warning{padding:.6rem .9rem;background:#ffa0001f;border:1px solid rgba(255,160,0,.4);border-radius:6px;color:#ffa000;font-size:.85rem;font-weight:500}.token-row{display:flex;gap:.5rem;align-items:flex-start}.token-code{display:block;padding:.45rem .7rem;background:var(--surface-alt, #1a1a2e);border:1px solid var(--border);border-radius:4px;font-family:monospace;font-size:.82rem;word-break:break-all}.token-textarea{flex:1;padding:.45rem .7rem;background:var(--surface-alt, #1a1a2e);border:1px solid var(--border);border-radius:4px;font-family:monospace;font-size:.82rem;resize:none;color:var(--accent)}.token-instructions{margin:0;padding:.7rem;background:var(--surface-alt, #1a1a2e);border:1px solid var(--border);border-radius:4px;font-size:.78rem;white-space:pre-wrap;word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.field-label-row{display:flex;align-items:center;gap:.35rem}.field-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;border:1px solid var(--border-bright);color:var(--text-muted);font-size:.6rem;font-weight:700;line-height:1;cursor:default;flex-shrink:0}.field-hint:hover .field-hint__bubble{opacity:1;pointer-events:auto}.field-hint__bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:220px;padding:.55rem .7rem;background:var(--bg-panel);border:1px solid var(--border-bright);border-radius:8px;font-size:.74rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-primary);line-height:1.45;opacity:0;pointer-events:none;transition:opacity .15s;z-index:999;white-space:normal;box-shadow:0 4px 16px #0006}.field-hint__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-bright)}.login-root{display:flex;min-height:100vh;background:var(--bg-canvas)}.login-left{flex:1.5;display:flex;flex-direction:column;padding:2.5rem;background:linear-gradient(140deg,var(--bg-surface) 0%,var(--bg-canvas) 100%);border-right:1px solid var(--border);position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 65%);top:-250px;left:-150px;pointer-events:none}.login-left:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--violet-dim) 0%,transparent 65%);bottom:-100px;right:-80px;pointer-events:none}.login-brand{display:flex;align-items:center;gap:.875rem;margin-bottom:2.5rem;position:relative;z-index:1}.login-brand-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent) 0%,var(--violet) 100%);font-size:24px;box-shadow:0 4px 20px var(--accent-glow)}.login-brand strong{font-size:1.1rem;font-weight:700}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;gap:1.25rem}.login-hero .eyebrow{font-size:.72rem}.login-hero h1{font-size:clamp(1.7rem,2.5vw,2.4rem);font-weight:800;line-height:1.15;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-hero p{color:var(--text-muted);line-height:1.7;max-width:52ch}.login-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.login-stat{padding:.875rem 1rem;border-radius:var(--radius-lg);background:#ffffff06;border:1px solid var(--border)}.login-stat span{font-size:.67rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:.4rem}.login-stat strong{font-size:.95rem;font-weight:700;color:var(--text-primary);display:block}.login-accounts h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:.6rem;font-weight:600}.account-chips{display:grid;gap:.4rem}.account-chip{display:flex;align-items:center;gap:.75rem;padding:.55rem .875rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text-secondary);font-size:.8rem;transition:background var(--transition),border-color var(--transition)}.account-chip:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary);box-shadow:none}.account-chip strong{font-weight:500;flex:1}.account-chip span{font-size:.7rem;color:var(--text-muted);display:inline}.account-chip-role{flex-shrink:0;min-width:72px;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:.06em}.role-system{background:var(--rose-dim);color:var(--rose)}.role-super_admin{background:var(--violet-dim);color:var(--violet)}.role-agency{background:var(--accent-dim);color:var(--accent)}.role-user{background:var(--emerald-dim);color:var(--emerald)}.login-right{flex:.8;min-width:340px;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-surface)}.login-form-card{width:100%;max-width:370px}.login-form-card h2{font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.login-sub{color:var(--text-muted);font-size:.875rem;margin-bottom:1.75rem;display:block}.login-endpoint{display:grid;gap:.5rem;padding:1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem}.login-endpoint-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.login-form{display:grid;gap:1rem}.login-submit{width:100%;padding:.65rem;font-size:.9rem;font-weight:600;background:var(--accent);color:#fff;border-radius:var(--radius-pill);box-shadow:0 4px 16px var(--accent-glow);letter-spacing:-.01em}.login-submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 24px var(--accent-glow);opacity:.92}.login-user-portal{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.login-user-portal-link{color:var(--accent);font-weight:600;text-decoration:none}.login-user-portal-link:hover{text-decoration:underline}.login-downloads{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.login-downloads h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:.75rem;font-weight:600}.login-download-cards{display:grid;gap:.5rem}.login-download-card{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text-secondary);transition:background var(--transition),border-color var(--transition),transform var(--transition)}.login-download-card:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-1px)}.login-download-icon{font-size:1.35rem;flex-shrink:0}.login-download-info{flex:1;min-width:0}.login-download-info strong{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary)}.login-download-info span{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.1rem}.login-download-arrow{font-size:1.1rem;color:var(--accent);flex-shrink:0;font-weight:700}.pc-sim-list{display:grid;gap:.4rem;margin-top:.65rem}.pc-sim-item{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised)}.pc-sim-item strong{font-size:.8rem;color:var(--text-primary)}.pc-sim-item span{font-size:.7rem;color:var(--text-muted);display:block}.empty-row td{text-align:center;color:var(--text-muted);padding:3rem;font-style:italic}@media (max-width: 1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.module-grid,.inline-grid--agency,.inline-grid--superadmin{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){:root{--sidebar-w: 60px}.sidebar-brand-text,.sidebar-item-label,.sidebar-section,.sidebar-user-info{display:none}.sidebar-brand{justify-content:center;padding:1rem .5rem}.sidebar-item{justify-content:center;padding:.65rem}.sidebar-footer{padding:.5rem;align-items:center}.sidebar-user{justify-content:center;padding:0}.main-header{padding:0 1rem}.header-time-range,.header-balance-chip{display:none}}@media (max-width: 680px){:root{--sidebar-w: 0px}.sidebar{display:none}.metric-grid{grid-template-columns:1fr 1fr}.page-content{padding:1rem;gap:1rem}.login-left{display:none}.login-right{flex:1}.stack-grid--2,.inline-grid--agency,.inline-grid--superadmin{grid-template-columns:1fr}.modal-overlay{padding:.75rem}.modal-card{padding:1rem}.modal-head,.modal-actions{flex-direction:column;align-items:stretch}}.text-right{text-align:right}.code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.82em}.btn-theme-toggle{padding:.35rem .55rem;font-size:1rem;line-height:1;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);transition:background var(--transition),transform .3s ease,opacity var(--transition)}.btn-theme-toggle:hover:not(:disabled){background:var(--bg-hover);opacity:1;transform:rotate(20deg)}[data-theme=light]{color-scheme:light;--bg-canvas: #f2f2f7;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-raised: #f2f2f7;--bg-hover: #e5e5ea;--bg-active: #e5e5ea;--bg-input: #ffffff;--text-primary: #1d1d1f;--text-secondary: rgba(60,60,67,.6);--text-muted: rgba(60,60,67,.3);--accent: #0071e3;--accent-hover: #0066cc;--accent-dim: rgba(0,113,227,.1);--accent-glow: rgba(0,113,227,.15);--violet: #8944ab;--violet-dim: rgba(137,68,171,.12);--cyan: #0066cc;--cyan-dim: rgba(0,102,204,.1);--emerald: #1c8039;--emerald-dim: rgba(28,128,57,.12);--amber: #c47600;--amber-dim: rgba(196,118,0,.12);--rose: #c0392b;--rose-dim: rgba(192,57,43,.12);--border: rgba(60,60,67,.18);--border-sep: rgba(60,60,67,.1);--border-bright: rgba(60,60,67,.3);--border-accent: rgba(0,113,227,.4);--status-online-bg: rgba(28,128,57,.12);--status-online-fg: #1c8039;--status-warn-bg: rgba(196,118,0,.12);--status-warn-fg: #c47600;--status-error-bg: rgba(192,57,43,.12);--status-error-fg: #c0392b;--status-idle-bg: rgba(120,120,128,.1);--status-idle-fg: #636366;--shadow-card: 0 1px 4px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.06);--shadow-raised: 0 4px 20px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.07);--shadow-lg: 0 12px 48px rgba(0,0,0,.16), 0 4px 14px rgba(0,0,0,.09)}[data-theme=light] .sidebar{background:#f2f2f7eb;border-right-color:#3c3c431f}[data-theme=light] .main-header{background:#ffffffe0;border-bottom-color:#3c3c431a}[data-theme=light] ::-webkit-scrollbar-thumb{background:#3c3c4333}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#3c3c4359}[data-theme=light] .sidebar-item.active{background:#0071e31f;color:#06c;border-color:transparent}[data-theme=light] .sidebar-item:hover:not(:disabled){background:#3c3c4312;color:var(--text-primary)}[data-theme=light] th{background:#3c3c430a}[data-theme=light] td{border-bottom-color:#3c3c4314}[data-theme=light] tr:hover td{background:#00000005}[data-theme=light] .modal-overlay{background:#00000059;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}[data-theme=light] .modal-card{background:#fff;border-color:#3c3c431f}[data-theme=light] .login-left{background:linear-gradient(140deg,#f2f2f7,#fff)}[data-theme=light] .login-right{background:#f2f2f7}[data-theme=light] .login-stat{background:#00000008;border-color:#3c3c431f}[data-theme=light] .account-chip{background:#00000005;border-color:#3c3c4324}[data-theme=light] .account-chip:hover{background:#0000000d;border-color:#0071e359}[data-theme=light] .header-balance-chip{background:#1c80391a;border-color:#1c803933;color:#1c8039}[data-theme=light] .lang-switch{background:#f2f2f7;border-color:#3c3c432e}[data-theme=light] .btn-refresh{border-color:#3c3c432e}[data-theme=light] .mini-stats span{background:#f2f2f7;border-color:#3c3c4324}[data-theme=light] .site-card,[data-theme=light] .revenue-item,[data-theme=light] .ticket-card,[data-theme=light] .module-card,[data-theme=light] .pc-spec-item,[data-theme=light] .pc-sim-item{background:#f9f9fb;border-color:#3c3c431f}[data-theme=light] .message-strip .message.status{background:#1c803914}[data-theme=light] .message-strip .message.error{background:#c0392b14}