:root,html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.login-page{position:relative;min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:1.25rem 2rem;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(100,108,255,.18),transparent 55%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(100,108,255,.1),transparent 50%),#1a1a1f}.login-page-toolbar{position:absolute;top:1.25rem;right:2.5rem;z-index:2}.login-shell{display:flex;width:100%;max-width:min(1200px,calc(100vw - 3rem));margin:auto;min-height:min(720px,calc(100vh - 2.5rem));border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #00000059,0 0 0 1px #ffffff0a inset}.login-brand{position:relative;flex:1 1 48%;display:flex;align-items:center;padding:3.5rem 3.75rem;background:linear-gradient(145deg,#4f46e5,#6366f1 40%,#4338ca);color:#fff;overflow:hidden}.login-brand-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#ffffff1f;filter:blur(60px);top:-80px;right:-60px;pointer-events:none}.login-brand-content{position:relative;z-index:1;max-width:420px}.login-brand-mark{width:60px;height:60px;margin-bottom:1.75rem;color:#fff}.login-brand-title{margin:0 0 .85rem;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.login-brand-tagline{margin:0 0 2rem;font-size:1.05rem;line-height:1.6;color:#ffffffe0}.login-brand-features{margin:0;padding:0;list-style:none;font-size:.95rem;color:#fffc}.login-brand-features li{position:relative;padding-left:1.25rem;margin-bottom:.65rem;line-height:1.4}.login-brand-features li:before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:#ffffffb3}.login-panel{flex:1 1 52%;display:flex;align-items:center;justify-content:center;padding:3.5rem 3.75rem;background:#1e1e24f2}.login-card{width:100%;max-width:480px;padding:0;background:transparent;border:none;border-radius:0}.login-card-header{margin-bottom:2rem}.login-card-header h2{margin:0 0 .4rem;font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.login-subtitle{margin:0;color:#ffffff8c;font-size:1rem}.login-form .form-group:last-of-type{margin-bottom:1.25rem}.form-group input::placeholder{color:#ffffff59}.btn-login{margin-top:.25rem;padding:.75rem 1.2rem;font-size:1rem;font-weight:600;border-radius:10px;box-shadow:0 4px 14px #646cff59;transition:background .2s,box-shadow .2s,transform .15s}.btn-login:hover:not(:disabled){box-shadow:0 6px 20px #646cff73;transform:translateY(-1px)}.btn-login:active:not(:disabled){transform:translateY(0)}.login-error{margin:0 0 1rem;padding:.65rem .85rem;border-radius:8px;background:#f871711f;border:1px solid rgba(248,113,113,.25);color:#f87171;font-size:.875rem}@media(max-width:768px){.login-page{padding:4rem 1rem 1rem;align-items:flex-start}.login-page-toolbar{right:1rem;top:1rem}.login-shell{flex-direction:column;min-height:auto;max-width:min(480px,calc(100vw - 2rem))}.login-brand{flex:none;padding:2rem 1.75rem}.login-brand-features{display:none}.login-brand-tagline{margin-bottom:0}.login-panel{padding:2rem 1.75rem 2.25rem}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-size:.875rem}.form-group input{width:100%;padding:.65rem .85rem;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#00000040;color:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff40}.btn-primary{width:100%;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;border:1px solid transparent;border-radius:8px;background:#646cff;color:#fff;cursor:pointer}.btn-primary:hover{background:#535bf2}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;font-size:.9rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.btn-secondary:hover:not(:disabled){background:#ffffff14}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{width:100%;max-width:400px;padding:1.5rem;background:#1e1e1e;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.modal-title{margin:0 0 .5rem;font-size:1.25rem}.modal-agency{margin:0 0 1.25rem;font-size:.9rem;color:#ffffffb3}.modal-agency .domain{margin-left:.35rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.modal-actions-details{align-items:center;justify-content:space-between}.demo-call-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.demo-call-toggle-label{font-size:.9rem;color:#fffc}.toggle-switch{position:relative;width:2.5rem;height:1.4rem;padding:0;border:none;border-radius:999px;background:#ffffff2e;cursor:pointer;flex-shrink:0;transition:background .15s ease}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.toggle-switch.is-on{background:#6366f1}.toggle-switch-thumb{position:absolute;top:.15rem;left:.15rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle-switch.is-on .toggle-switch-thumb{transform:translate(1.1rem)}.modal-actions .btn-primary{width:auto;margin-left:auto}.modal-content-wide{max-width:min(1280px,96vw);width:100%;max-height:90vh;padding:2rem 2.25rem;overflow-y:auto}.details-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.details-modal-logo{border-radius:8px;object-fit:cover;flex-shrink:0}.details-modal-header-text{flex:1;min-width:0}.details-modal-header .modal-title{margin:0 0 .25rem;font-size:1.5rem}.details-modal-header .modal-agency{margin:0}.details-db-name{margin-left:.35rem;color:#ffffff80;font-size:.85em}.details-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.details-columns-three{grid-template-columns:1fr 1fr 1fr}.details-columns .details-section:not(:last-child){padding-right:2rem;border-right:1px solid rgba(255,255,255,.1)}.details-section{margin-bottom:0;min-width:0}.details-section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.details-subtitle{margin:.75rem 0 .5rem;font-size:.875rem;font-weight:500;color:#ffffffb3}.details-list{margin:0}.detail-row{display:grid;grid-template-columns:9rem 1fr;gap:.5rem 1rem;margin-bottom:.5rem;font-size:.875rem}.detail-row dt{margin:0;color:#fff9}.detail-row dd{margin:0;word-break:break-word}.details-empty{margin:0;font-size:.875rem;color:#fff9}.feature-list{list-style:none;margin:0;padding:0;font-size:.875rem}.feature-list li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.feature-enabled{color:#4ade80;font-weight:500}.feature-disabled{color:#ffffff73}@media(max-width:900px){.details-columns-three{grid-template-columns:1fr}.details-columns .details-section:not(:last-child){padding-right:0;border-right:none;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}}@media(max-width:640px){.details-columns{grid-template-columns:1fr;gap:1.25rem}.details-columns .details-section:not(:last-child){padding-right:0;border-right:none;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.details-section{margin-bottom:0}.details-modal-header{flex-wrap:wrap}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.app-title{margin:0;font-size:1.25rem;font-weight:600}.app-header-actions{display:flex;align-items:center;gap:1rem}.app-header-user{font-size:.9rem;color:#fffc}.btn-logout{padding:.4rem .8rem;font-size:.875rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.btn-logout:hover{background:#ffffff14}.btn-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.theme-toggle-icon{width:1.125rem;height:1.125rem}.btn-theme-toggle:hover{background:#ffffff14}.app-main{flex:1;padding:1.5rem 2.5rem;overflow-x:auto;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.dashboard-loading,.dashboard-empty{margin:0;color:#fff9}.dashboard-error{padding:1rem;border-radius:8px;background:#f8717126;color:#f87171}.dashboard-error p{margin:0}.agency-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.agency-table{width:100%;border-collapse:collapse;font-size:.875rem}.agency-table th,.agency-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.agency-table th{font-weight:600;background:#0003;white-space:nowrap}.agency-table tbody tr:hover{background:#ffffff08}.agency-cell{display:flex;align-items:center;gap:.75rem}.agency-logo{border-radius:6px;object-fit:cover;flex-shrink:0}.domain{font-size:.8em;padding:.2em .4em;background:#ffffff14;border-radius:4px}.status-badge{display:inline-block;padding:.25em .5em;border-radius:4px;font-size:.8rem;font-weight:500}.status-expired{background:#f8717133;color:#f87171}.status-soon{background:#fbbf2433;color:#fbbf24}.status-active{background:#4ade8033;color:#4ade80}.plan-badge{display:inline-block;padding:.25em .5em;border-radius:4px;font-size:.8rem;font-weight:500;white-space:nowrap}.plan-badge-starter{background:#60a5fa33;color:#60a5fa}.plan-badge-free{background:#94a3b833;color:#94a3b8}.plan-badge-default{background:#a78bfa33;color:#a78bfa}.btn-details{padding:.35rem .65rem;font-size:.8rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.btn-details:hover{background:#ffffff14}.btn-extend{padding:.35rem .65rem;font-size:.8rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:inherit;cursor:pointer}.btn-extend:hover{background:#ffffff14}html[data-theme=light]{color:#213547;background-color:#f5f5f5}html[data-theme=light] .login-page{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(99,102,241,.12),transparent 55%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(99,102,241,.08),transparent 50%),#f0f2f8}html[data-theme=light] .login-shell{border-color:#00000014;box-shadow:0 24px 48px #00000014,0 0 0 1px #0000000a inset}html[data-theme=light] .login-panel{background:#fff}html[data-theme=light] .login-subtitle{color:#666}html[data-theme=light] .form-group input{border-color:#d1d5db;background:#f9fafb;color:#213547}html[data-theme=light] .form-group input::placeholder{color:#9ca3af}html[data-theme=light] .login-error{background:#f8717114;border-color:#f8717133;color:#b91c1c}html[data-theme=light] .app-header{border-bottom-color:#e5e5e5;background:#fff}html[data-theme=light] .app-header-user{color:#666}html[data-theme=light] .btn-logout,html[data-theme=light] .btn-theme-toggle{border-color:#ccc;color:#213547}html[data-theme=light] .btn-logout:hover,html[data-theme=light] .btn-theme-toggle:hover{background:#f0f0f0}html[data-theme=light] .app-main{background:#f5f5f5}html[data-theme=light] .dashboard-loading,html[data-theme=light] .dashboard-empty{color:#666}html[data-theme=light] .dashboard-error{background:#f871711f;color:#b91c1c}html[data-theme=light] .agency-table-wrap{border-color:#e5e5e5;background:#fff}html[data-theme=light] .agency-table th,html[data-theme=light] .agency-table td{border-bottom-color:#eee}html[data-theme=light] .agency-table th{background:#fafafa}html[data-theme=light] .agency-table tbody tr:hover{background:#f9f9f9}html[data-theme=light] .domain{background:#eee}html[data-theme=light] .status-expired{background:#f8717126;color:#b91c1c}html[data-theme=light] .status-soon{background:#fbbf2433;color:#b45309}html[data-theme=light] .status-active{background:#4ade8033;color:#15803d}html[data-theme=light] .plan-badge-starter{background:#2563eb1f;color:#1d4ed8}html[data-theme=light] .plan-badge-free{background:#64748b26;color:#475569}html[data-theme=light] .plan-badge-default{background:#7c3aed1f;color:#6d28d9}html[data-theme=light] .btn-extend,html[data-theme=light] .btn-details{border-color:#ccc;color:#213547}html[data-theme=light] .btn-details:hover,html[data-theme=light] .btn-extend:hover{background:#f0f0f0}html[data-theme=light] .btn-secondary{border-color:#ccc;color:#213547}html[data-theme=light] .btn-secondary:hover:not(:disabled){background:#f0f0f0}html[data-theme=light] .modal-content{background:#fff;border-color:#e5e5e5}html[data-theme=light] .modal-agency{color:#666}html[data-theme=light] .demo-call-toggle-label{color:#444}html[data-theme=light] .toggle-switch{background:#d1d5db}html[data-theme=light] .toggle-switch.is-on{background:#4f46e5}html[data-theme=light] .details-subtitle,html[data-theme=light] .detail-row dt,html[data-theme=light] .details-empty{color:#666}html[data-theme=light] .feature-list li{border-bottom-color:#eee}html[data-theme=light] .feature-disabled{color:#999}html[data-theme=light] .feature-enabled{color:#15803d}html[data-theme=light] .details-columns .details-section:first-child{border-right-color:#e5e5e5}html[data-theme=light] .details-modal-header{border-bottom-color:#e5e5e5}html[data-theme=light] .details-db-name{color:#888}html[data-theme=light] .details-columns .details-section:not(:last-child){border-right-color:#e5e5e5;border-bottom-color:#e5e5e5}.toast-viewport{position:fixed;top:1.25rem;right:1.25rem;z-index:2000;display:flex;flex-direction:column;gap:.65rem;max-width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:10px;border:1px solid transparent;box-shadow:0 12px 28px #00000047;pointer-events:auto;animation:toast-in .2s ease-out}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-dismiss{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.7}.toast-dismiss:hover{opacity:1;background:#ffffff1a}.toast-error{background:#3f1515;border-color:#f8717173;color:#fecaca}.toast-success{background:#14301f;border-color:#4ade8066;color:#bbf7d0}.toast-info{background:#1e1e28;border-color:#ffffff1f;color:#ffffffe6}html[data-theme=light] .toast-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}html[data-theme=light] .toast-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}html[data-theme=light] .toast-info{background:#fff;border-color:#e5e7eb;color:#213547}html[data-theme=light] .toast-dismiss:hover{background:#0000000f}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}