*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#ededed}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:.5rem}h1{font-size:3rem}p{color:#888}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#0a0a0a;background:#ededed;border:none;border-radius:8px;cursor:pointer;transition:background .2s;margin-top:1rem}.btn:hover{background:#fff}.avatar{width:64px;height:64px;border-radius:50%;margin-bottom:.5rem}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#111;border-right:1px solid #222;display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0}.sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid #222}.sidebar-header h2{font-size:1.1rem;color:#ededed}.nav-section{padding:1rem 0}.nav-label{display:block;padding:0 1.5rem;margin-bottom:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#555;font-weight:600}.nav-link{display:block;padding:.5rem 1.5rem;color:#888;text-decoration:none;font-size:.9rem;transition:color .15s,background .15s}.nav-link:hover{color:#ededed;background:#1a1a1a}.nav-link.active{color:#fff;background:#1a1a1a;border-left:2px solid #fff}.sidebar-footer{margin-top:auto;padding:1rem 1.5rem;border-top:1px solid #222}.user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.avatar-sm{width:28px;height:28px;border-radius:50%}.user-email{font-size:.8rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.main-content h1{font-size:1.8rem;margin-bottom:.5rem}.main-content p{color:#888;margin-bottom:1rem}.role-cards{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.role-card{background:#151515;border:1px solid #333;border-radius:12px;padding:1.5rem;width:240px;cursor:pointer;text-align:left;color:#ededed;transition:border-color .2s,background .2s}.role-card:hover{border-color:#ededed;background:#1a1a1a}.role-card h3{font-size:1.1rem;margin-bottom:.5rem}.role-card p{font-size:.85rem;color:#888}.role-card:disabled{opacity:.5;cursor:not-allowed}.placeholder-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.5rem;margin-top:1rem}.placeholder-card h3{font-size:1rem;margin-bottom:.5rem;color:#666}.placeholder-card p{color:#555;font-size:.9rem}.error{color:#f44}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header .btn{margin-top:0}.agent-list{display:grid;gap:1rem;margin-top:1rem}.agent-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem;cursor:pointer;transition:border-color .2s,background .2s}.agent-card:hover{border-color:#444;background:#1a1a1a}.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.agent-card-header h3{font-size:1.05rem}.agent-meta{font-size:.8rem;color:#666;margin-bottom:.25rem}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-active{background:#0a2e1a;color:#4ade80}.status-suspended{background:#2e2a0a;color:#facc15}.status-revoked{background:#2e0a0a;color:#f87171}.key-reveal{background:#0a1a2e;border:1px solid #1a3a5e;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.key-reveal h3{margin-bottom:.5rem}.key-warning{color:#facc15;font-weight:600;margin-bottom:1rem}.key-box{margin-bottom:.75rem}.key-box label{display:block;font-size:.75rem;color:#888;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.key-box code{display:block;background:#111;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;word-break:break-all;color:#ededed}.private-key{color:#facc15!important}.create-form{margin-top:.75rem}.create-form input[type=text]{width:100%;padding:.6rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem;margin-bottom:.75rem}.create-form input[type=text]:focus{outline:none;border-color:#ededed}.create-form-input{width:100%;padding:.6rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem}.create-form-input:focus{outline:none;border-color:#ededed}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-secondary{background:#333;color:#ededed}.btn-secondary:hover{background:#444}.btn-warning{background:#facc15;color:#0a0a0a}.btn-warning:hover{background:#fde047}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#f87171}.btn:disabled{opacity:.5;cursor:not-allowed}.detail-header{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 1rem}.edit-inline{display:flex;align-items:center;gap:.75rem}.edit-inline input[type=text]{padding:.4rem .6rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:1.4rem;font-weight:700}.edit-inline input[type=text]:focus{outline:none;border-color:#ededed}.detail-grid{display:grid;gap:1rem}.detail-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem}.detail-card h3{font-size:1rem;margin-bottom:.75rem;color:#ededed}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid #1a1a1a}.detail-row:last-child{border-bottom:none}.detail-row label{font-size:.8rem;color:#888}.detail-row code,.detail-row span{font-size:.85rem}.detail-desc{font-size:.85rem;color:#666;margin-bottom:.75rem}.code-block{background:#0a0a0a;padding:.75rem;border-radius:6px;font-size:.8rem;overflow-x:auto;white-space:pre}.status-actions{display:flex;gap:.5rem}.dashboard-grid{display:grid;gap:1rem;margin-top:1rem}.dashboard-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem;cursor:pointer;transition:border-color .2s,background .2s}.dashboard-card:hover{border-color:#444;background:#1a1a1a}.stats-row{display:flex;gap:1.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #222}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.3rem;font-weight:700;color:#ededed}.stat-human{color:#4ade80}.stat-agent{color:#60a5fa}.stat-unknown{color:#888}.stat-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.select-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.select-row label{font-size:.85rem;color:#888;white-space:nowrap}select{padding:.5rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem}select:focus{outline:none;border-color:#ededed}.policies-grid{display:grid;gap:1rem;margin-top:1.5rem}.policy-kind-title{text-transform:capitalize}.policy-field{margin-top:.75rem}.policy-field label{display:block;font-size:.75rem;color:#888;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.policy-field input[type=number]{width:120px;padding:.5rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem}.policy-field input[type=number]:focus{outline:none;border-color:#ededed}.policy-actions-row{display:flex;gap:.5rem}.policy-summary{display:flex;flex-direction:column;gap:.5rem}.policy-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid #1a1a1a}.policy-row:last-child{border-bottom:none}.policy-kind{font-size:.85rem;color:#888;text-transform:capitalize}.policy-action{font-size:.8rem;font-weight:600;text-transform:uppercase;padding:.15rem .5rem;border-radius:4px}.policy-allow{background:#0a2e1a;color:#4ade80}.policy-block{background:#2e0a0a;color:#f87171}.policy-charge{background:#2e2a0a;color:#facc15}.success{color:#4ade80}.wallet-list{display:grid;gap:1rem;margin-top:1rem}.wallet-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem}.wallet-header{display:flex;justify-content:space-between;align-items:center}.wallet-header h3{font-size:1.05rem;margin-bottom:.25rem}.wallet-balance{display:flex;flex-direction:column;align-items:center}.wallet-credits{font-size:1.8rem;font-weight:700;color:#4ade80}.wallet-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.wallet-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #222;display:flex;gap:.5rem}.billing-summary{display:flex;gap:1rem;margin-top:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.billing-stat{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:130px;flex:1}.billing-stat-value{font-size:1.6rem;font-weight:700;color:#ededed}.billing-stat-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.billing-table-wrap{margin-top:1rem;overflow-x:auto}.billing-table{width:100%;border-collapse:collapse;font-size:.85rem}.billing-table th{text-align:left;padding:.6rem .75rem;border-bottom:1px solid #333;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.billing-table td{padding:.6rem .75rem;border-bottom:1px solid #1a1a1a;color:#ededed}.billing-table tr:hover td{background:#111}.billing-gateway{text-transform:capitalize}.billing-mode{color:#888}.billing-amount{font-weight:600;color:#4ade80}.billing-id{font-family:monospace;font-size:.8rem;color:#666}.status-pay-paid{background:#0a2e1a;color:#4ade80}.status-pay-pending{background:#2e2a0a;color:#facc15}.status-pay-failed{background:#2e0a0a;color:#f87171}.status-pay-expired{background:#1a1a1a;color:#666}.chart-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.5rem;margin-top:1rem;margin-bottom:1.5rem}.chart-card h3{font-size:1rem;margin-bottom:1rem;color:#ededed}.bar-chart{display:flex;align-items:flex-end;gap:.75rem;height:180px;padding-bottom:.5rem}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-stack{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.bar{width:100%;border-radius:3px 3px 0 0;min-height:0;transition:height .3s ease}.bar-authenticated{background:#6366f1}.bar-unauthenticated{background:#555}.bar-count{font-size:.75rem;color:#ededed;font-weight:600;margin-top:.35rem}.bar-label{font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.chart-legend{display:flex;gap:1.25rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #222}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#888}.legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-authenticated{background:#6366f1}.legend-unauthenticated{background:#555}.btn-copy{padding:.25rem .6rem;font-size:.75rem;background:#333;color:#ededed;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-copy:hover{background:#444}.copy-row{display:flex;align-items:center;gap:.5rem}.copy-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.directory-list{display:grid;gap:1rem;margin-top:1rem}.directory-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem;transition:border-color .2s}.directory-card:hover{border-color:#444}.directory-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.directory-card-header h3{font-size:1.05rem;margin-bottom:.25rem}.directory-price{font-size:.85rem;font-weight:600;color:#4ade80;background:#0a2e1a;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.directory-policies{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.directory-actions{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #222}.site-id-code{font-size:.8rem;color:#666;font-family:monospace}.onboarding-form{width:100%;max-width:560px;padding:2rem}.onboarding-form h1{font-size:1.8rem;margin-bottom:.25rem;text-align:center}.onboarding-subtitle{text-align:center;margin-bottom:1.5rem}.onboarding-section{margin-bottom:1.5rem;padding:1.25rem;background:#151515;border:1px solid #222;border-radius:12px}.onboarding-section h3{font-size:.95rem;margin-bottom:.75rem;color:#ededed}.onboarding-field{margin-bottom:.75rem}.onboarding-field:last-child{margin-bottom:0}.onboarding-field label{display:block;font-size:.8rem;color:#888;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.onboarding-field input{width:100%;padding:.6rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem}.onboarding-field input:focus{outline:none;border-color:#ededed}.onboarding-hint{font-size:.8rem;color:#666;margin-bottom:.75rem}.agent-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.agent-type-card{display:flex;flex-direction:column;gap:.2rem;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:8px;cursor:pointer;text-align:left;color:#888;transition:all .15s}.agent-type-card strong{font-size:.85rem;color:#ededed}.agent-type-card span{font-size:.7rem}.agent-type-card:hover{border-color:#555}.agent-type-selected{border-color:#60a5fa;background:#0a1a2e}.agent-type-selected strong{color:#60a5fa}.policy-choice-grid{display:grid;gap:.5rem}.policy-choice{display:flex;flex-direction:column;gap:.2rem;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:8px;cursor:pointer;text-align:left;color:#888;transition:all .15s}.policy-choice strong{font-size:.85rem;color:#ededed}.policy-choice span{font-size:.75rem}.policy-choice:hover{border-color:#555}.policy-choice-selected{border-color:#4ade80;background:#0a2e1a}.policy-choice-selected strong{color:#4ade80}.onboarding-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;padding:1rem}.login-card{width:100%;max-width:400px;background:#111;border:1px solid #222;border-radius:16px;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center}.login-card-wide{max-width:480px;max-height:85vh;overflow-y:auto}.signup-section{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.signup-section-label{font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.signup-role-grid{display:flex;gap:.5rem}.signup-role-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem .7rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.signup-role-btn:hover{border-color:#555}.signup-role-btn strong{font-size:.8rem;color:#ededed}.signup-role-btn span{font-size:.7rem;color:#777}.signup-role-btn-active{border-color:#6366f1;background:#6366f114}.signup-role-btn-active strong{color:#c4b5fd}.signup-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.signup-chip{padding:.35rem .7rem;background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#ccc;cursor:pointer;font-size:.8rem;transition:border-color .15s,background .15s}.signup-chip:hover{border-color:#555}.signup-chip-active{border-color:#6366f1;background:#6366f11a;color:#c4b5fd}.login-brand h1{font-size:1.8rem;font-weight:700;color:#ededed;margin-bottom:0}.login-heading{font-size:1.5rem;font-weight:700;color:#ededed;margin-top:1.5rem;margin-bottom:.5rem}.login-desc{font-size:.9rem;color:#666;text-align:center;margin-bottom:1.5rem;line-height:1.4}.login-form{width:100%;display:flex;flex-direction:column;gap:.75rem}.login-input{width:100%;padding:.7rem .85rem;font-size:.9rem;color:#ededed;background:#0a0a0a;border:1px solid #333;border-radius:8px;outline:none;transition:border-color .15s}.login-input:focus{border-color:#ededed}.login-input::placeholder{color:#555}.login-submit-btn{width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#0a0a0a;background:#ededed;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.login-submit-btn:hover{background:#fff}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#f87171;font-size:.85rem;text-align:center}.login-divider{width:100%;display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#333}.login-divider span{font-size:.8rem;color:#555;text-transform:uppercase;letter-spacing:.05em}.login-resend{margin-top:1rem;background:none;border:none;color:#888;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-resend:hover{color:#ededed}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:#ededed;background:transparent;border:1px solid #333;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.login-google-btn:hover{background:#1a1a1a;border-color:#555}.login-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #222;width:100%;text-align:center}.login-footer p{font-size:.85rem;color:#555}.login-link{color:#ededed;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-link:hover{color:#fff}.demo-section{width:100%;margin-top:.5rem}.demo-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.demo-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#ededed;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.demo-btn:hover{border-color:#555;background:#222}.demo-btn strong{font-size:.9rem}.demo-btn span{font-size:.75rem;color:#888}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;margin-bottom:1.25rem;background:#6366f11f;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.85rem;color:#c4b5fd}.demo-exit-btn{padding:.3rem .75rem;background:transparent;border:1px solid rgba(99,102,241,.4);border-radius:6px;color:#c4b5fd;cursor:pointer;font-size:.8rem;white-space:nowrap;transition:background .15s}.demo-exit-btn:hover{background:#6366f133}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:.75rem;text-align:center;padding:2rem}.error-boundary h2{font-size:1.5rem;color:#f87171}.error-boundary p{color:#888;max-width:400px}.connect-warning{color:#f59e0b;font-size:.85rem;margin-bottom:.75rem}.connect-status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.connect-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#6b7280}.connect-dot-active{background:#22c55e}.connect-status-text{color:#22c55e;font-size:.85rem}.connect-actions{display:flex;gap:.5rem}.btn-stripe{background:#635bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.btn-stripe:hover{background:#7a73ff}.btn-stripe:disabled{opacity:.6;cursor:not-allowed}.status-payout-pending{background:#f59e0b22;color:#f59e0b}.status-payout-in_transit{background:#60a5fa22;color:#60a5fa}.status-payout-paid{background:#4ade8022;color:#4ade80}.status-payout-failed{background:#f8717122;color:#f87171}.status-payout-canceled{background:#6b728022;color:#6b7280}.site-tabs{display:flex;gap:0;border-bottom:1px solid #222;margin-bottom:1.5rem}.site-tab{padding:.75rem 1.25rem;font-size:.9rem;color:#888;text-decoration:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;cursor:pointer}.site-tab:hover{color:#ededed}.site-tab-active{color:#ededed;border-bottom-color:#ededed;font-weight:600}.setup-checklist{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.setup-checklist h3{font-size:1rem;margin-bottom:.75rem;color:#ededed}.setup-step{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #1a1a1a}.setup-step:last-child{border-bottom:none}.setup-step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.setup-step-complete{background:#0a2e1a;color:#4ade80}.setup-step-pending{background:#222;color:#666}.setup-step-label{flex:1;font-size:.9rem;color:#ededed}.setup-step-action{font-size:.8rem}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.metric-card{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center}.metric-card-value{font-size:1.8rem;font-weight:700;color:#ededed}.metric-card-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.setup-banner{background:#1a1a0a;border:1px solid #333300;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.setup-banner-text{font-size:.9rem;color:#facc15}.plan-cards{display:flex;flex-direction:column;gap:.75rem}.plan-card{background:#111;border:1px solid #222;border-radius:8px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.plan-card-info h4{font-size:1rem;font-weight:600;color:#ededed;margin-bottom:.2rem}.plan-card-meta{font-size:.85rem;color:#888}.plan-card-actions{display:flex;gap:.5rem}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap}.settings-section{background:#151515;border:1px solid #222;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.settings-section h3{font-size:1rem;margin-bottom:.75rem;color:#ededed}.settings-field{margin-bottom:.75rem}.settings-field label{display:block;font-size:.75rem;color:#888;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.settings-field input{width:100%;max-width:400px;padding:.5rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem}.settings-field input:focus{outline:none;border-color:#ededed}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subscription-tier-badge{display:inline-block;padding:.3rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tier-free{background:#222;color:#888}.tier-pro{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.subscription-price{font-size:1.4rem;font-weight:700;color:#ededed;margin:.5rem 0}.subscription-price span{font-size:.85rem;font-weight:400;color:#888}.subscription-period{font-size:.85rem;color:#666;margin-bottom:1rem}.usage-bar-container{margin:1rem 0}.usage-bar-label{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:.4rem}.usage-bar-track{height:8px;background:#222;border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.usage-bar-green{background:#4ade80}.usage-bar-yellow{background:#facc15}.usage-bar-red{background:#f87171}.payment-method-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.payment-method-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#111;border:1px solid #222;border-radius:8px}.payment-method-info{display:flex;align-items:center;gap:.75rem}.payment-method-icon{width:44px;height:30px;background:#222;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em}.payment-method-details{display:flex;flex-direction:column}.payment-method-name{font-size:.9rem;color:#ededed;font-weight:500}.payment-method-last4{font-size:.8rem;color:#888;font-family:monospace}.payment-method-default{display:inline-block;padding:.15rem .5rem;background:#0a2e1a;color:#4ade80;font-size:.7rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-left:.5rem}.payment-method-actions{display:flex;gap:.5rem}.add-payment-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.add-payment-form{background:#0a1a2e;border:1px solid #1a3a5e;border-radius:8px;padding:1rem;margin-bottom:1rem}.add-payment-form h4{font-size:.95rem;margin-bottom:.75rem;color:#ededed}.add-payment-form .form-row{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:flex-end}.add-payment-form label{display:block;font-size:.75rem;color:#888;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em}.add-payment-form input,.add-payment-form select{padding:.5rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;color:#ededed;font-size:.9rem}.add-payment-form input:focus,.add-payment-form select:focus{outline:none;border-color:#ededed}.stripe-notice{font-size:.8rem;color:#555;font-style:italic;margin-top:.5rem}.btn-upgrade{background:#6366f1;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .15s}.btn-upgrade:hover{background:#818cf8}.btn-upgrade:disabled{opacity:.5;cursor:not-allowed}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#111;border-bottom:1px solid #222;z-index:100;align-items:center;padding:0 1rem;gap:.75rem}.hamburger-btn{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.hamburger-icon{display:block;width:20px;height:2px;background:#ededed;position:relative;transition:background .2s}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#ededed;transition:transform .2s}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.hamburger-open{background:transparent}.hamburger-open:before{transform:rotate(45deg);top:0}.hamburger-open:after{transform:rotate(-45deg);top:0}.mobile-brand{font-size:1.1rem;font-weight:700;color:#ededed}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199}@media(max-width:768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:200;transform:translate(-100%);transition:transform .25s ease}.sidebar-mobile-open{transform:translate(0)}.layout{flex-direction:column}.main-content{padding:72px 1rem 1.5rem;min-height:100vh}.main-content h1{font-size:1.4rem}.metric-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-card{padding:1rem}.metric-card-value{font-size:1.4rem}.site-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.site-tabs::-webkit-scrollbar{display:none}.site-tab{padding:.6rem .85rem;font-size:.8rem;white-space:nowrap}.bar-chart{height:140px;gap:.35rem}.page-header{flex-direction:column;gap:.75rem}.stats-row{gap:1rem;flex-wrap:wrap}.stat-value{font-size:1.1rem}.plan-card{flex-direction:column;align-items:flex-start;gap:.5rem}.plan-card-actions{width:100%}.plan-card-actions .btn{flex:1;text-align:center}.setup-banner{flex-direction:column;gap:.75rem;align-items:flex-start}.billing-summary{flex-direction:column}.billing-stat{min-width:auto}.payment-method-card{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-method-actions{width:100%}.add-payment-form .form-row{flex-direction:column;gap:.5rem}.settings-field input{max-width:100%}.detail-row{flex-direction:column;align-items:flex-start;gap:.2rem}.search-form{flex-direction:column}.demo-banner{flex-direction:column;gap:.5rem;text-align:center}.quick-actions{flex-direction:column}.quick-actions .btn{width:100%;text-align:center}.login-card{padding:1.5rem 1.25rem;border-radius:12px}.login-brand h1{font-size:1.4rem}.login-heading{font-size:1.2rem}.signup-role-grid{flex-direction:column}.onboarding-form{padding:1rem}.onboarding-form h1{font-size:1.4rem}.connect-actions{flex-direction:column}.connect-actions .btn,.connect-actions .btn-stripe{width:100%;text-align:center}.subscription-header{flex-direction:column;align-items:flex-start;gap:.5rem}.subscription-price{font-size:1.2rem}.code-block{font-size:.75rem}pre{overflow-x:auto;font-size:.75rem}.key-reveal{padding:1rem}.billing-table-wrap{margin-left:-1rem;margin-right:-1rem;padding:0 1rem}.dashboard-grid{grid-template-columns:1fr}.chart-card{padding:1rem}h1{font-size:1.8rem}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;font-size:.8rem;padding:.5rem .75rem}}@media(max-width:480px){.main-content{padding:64px .75rem 1rem}.main-content h1{font-size:1.2rem}.metric-cards{grid-template-columns:1fr 1fr;gap:.5rem}.metric-card{padding:.75rem}.metric-card-value{font-size:1.2rem}.detail-card,.settings-section{padding:1rem}.btn{padding:.6rem 1rem;font-size:.9rem}.billing-stat-value{font-size:1.3rem}h1{font-size:1.5rem}}