.stripe-mode{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;-webkit-user-select:none;user-select:none}.stripe-mode--live{background:#ef44441f;color:#fca5a5;border-color:#ef444459}.stripe-mode--test{background:#22c55e1f;color:#86efac;border-color:#22c55e4d}.stripe-mode--unset{background:#71717a2e;color:#a1a1aa;border-color:#71717a59}.traces-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.traces-filters{display:flex;align-items:center;gap:6px}.traces-module-chip{background:var(--bg-surface, #1a1a1a);border:1px solid var(--border, #2a2a2a);color:var(--text-mid, #aaa);padding:4px 10px;border-radius:999px;font-size:11px;font-family:inherit;cursor:pointer;transition:all .12s ease}.traces-module-chip:hover{color:var(--text-high, #ebebeb)}.traces-module-chip.active{background:var(--accent, #117BE0);border-color:var(--accent, #117BE0);color:#fff}.traces-refresh{background:transparent;border:1px solid var(--border, #2a2a2a);color:var(--text-mid, #aaa);width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.traces-refresh:hover{color:var(--text-high, #ebebeb);border-color:var(--accent, #117BE0)}.traces-body{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.traces-list{background:var(--bg-surface, #1a1a1a);border:1px solid var(--border, #2a2a2a);border-radius:10px;max-height:calc(100vh - 220px);overflow-y:auto}.traces-list ul{list-style:none;margin:0;padding:6px}.traces-list li button{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:inherit;padding:8px 10px;border-radius:7px;cursor:pointer;font-family:inherit;transition:background .1s ease}.traces-list li button:hover{background:#ffffff0a}.traces-list li.active button{background:#117be01a;border-color:#117be059}.traces-list-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.traces-list-name{font-size:13px;color:var(--text-high, #ebebeb);font-weight:500}.traces-list-module{font-size:10px;color:var(--text-low, #888);background:#ffffff0d;padding:1px 6px;border-radius:4px;margin-left:auto;text-transform:uppercase;letter-spacing:.04em}.traces-list-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-low, #888);padding-left:19px}.traces-detail{background:var(--bg-surface, #1a1a1a);border:1px solid var(--border, #2a2a2a);border-radius:10px;padding:18px 20px;min-height:400px;max-height:calc(100vh - 220px);overflow-y:auto}.traces-detail--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-low, #888);gap:10px;min-height:400px}.traces-detail-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border, #2a2a2a)}.traces-detail-head h2{font-size:15px;color:var(--text-high, #ebebeb);margin:0}.traces-detail-trace-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-low, #888)}.span-node{margin-bottom:2px}.span-node-head{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;color:inherit;padding:5px 6px;cursor:pointer;font-family:inherit;border-radius:5px;text-align:left}.span-node-head:hover{background:#ffffff08}.span-chevron{color:var(--text-low, #888);transition:transform .12s ease;flex-shrink:0}.span-chevron--open{transform:rotate(90deg)}.span-chevron--hidden{visibility:hidden}.span-type{font-size:10px;color:var(--text-low, #888);background:#ffffff0d;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.span-node--tool_call .span-type{background:#117be02e;color:#5fb1ff}.span-node--llm_call .span-type{background:#93704340;color:#d4a765}.span-node--fallback .span-type{background:#f59e0b33;color:#f59e0b}.span-node--error .span-type{background:#ef444433;color:#ef4444}.span-node--action .span-type{background:#22c55e26;color:#22c55e}.span-name{font-size:12px;color:var(--text-high, #ebebeb);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.span-error-code{font-size:10px;color:#ef4444;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ef44441a;padding:1px 5px;border-radius:3px}.span-duration{margin-left:auto;font-size:11px;color:var(--text-low, #888);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.span-node-body{padding-left:20px}.span-payload{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-mid, #aaa);background:#0000004d;border:1px solid var(--border, #2a2a2a);border-radius:6px;padding:8px 10px;margin:4px 0 8px;white-space:pre-wrap;max-height:220px;overflow:auto}.span-children{border-left:1px solid var(--border, #2a2a2a);margin-left:6px;padding-left:10px}.status-dot{flex-shrink:0}.status-dot--ok{color:#22c55e}.status-dot--error{color:#ef4444}.status-dot--warn{color:#f59e0b}.status-dot--neutral{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-low, #888)}:root{--bg-void: #0b0b12;--bg-surface: #141423;--bg-panel: #1c1c2e;--bg-elevated: #1f1f2e;--bg-primary: #0f0f1a;--text-high: #e8e6f0;--text-med: #a1a1aa;--text-low: #71717a;--primary: #117BE0;--primary-deep: #0d5fb8;--primary-glow: #4DA3F0;--primary-muted: rgba(17, 123, 224, .14);--border: #2a2a3e;--border-light: #3f3f46;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-void);color:var(--text-high);line-height:1.5;-webkit-font-smoothing:antialiased}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0}.admin-main{margin-left:240px;flex:1;padding:1.5rem 2rem 2.5rem;min-height:100vh;width:calc(100% - 240px);max-width:none}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid var(--border);font-size:1.25rem}.sidebar-brand strong{font-size:1rem;display:block;line-height:1.2}.sidebar-brand small{font-size:.6875rem;color:var(--text-low);display:block}.sidebar-nav{flex:1 1 0;min-height:0;overflow-y:auto;padding:.5rem .5rem 1rem;display:flex;flex-direction:column;gap:.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff26}.sidebar-group{display:flex;flex-direction:column;gap:.125rem;margin-top:.625rem}.sidebar-group:first-child{margin-top:.25rem}.sidebar-group-label{display:flex;align-items:center;gap:.375rem;width:100%;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-low);padding:.375rem .75rem .25rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:color .12s}.sidebar-group-label:hover{color:var(--text-med)}.sidebar-group-chevron{display:inline-flex;align-items:center;transition:transform .18s ease;color:var(--text-low)}.sidebar-group.collapsed .sidebar-group-chevron{transform:rotate(-90deg)}.sidebar-group-items{display:flex;flex-direction:column;gap:.125rem;overflow:hidden;transition:max-height .2s ease}.sidebar-group.collapsed .sidebar-group-items{max-height:0}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-med);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s}.nav-item:hover{background:#ffffff09;color:var(--text-high)}.nav-item.active{background:var(--primary-muted);color:var(--primary-glow);box-shadow:inset 2px 0 0 var(--primary)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;color:currentColor}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;flex-shrink:0}.sidebar-footer{flex:0 0 auto;padding:.875rem 1rem 1rem;border-top:1px solid var(--border);background:var(--bg-surface)}.sidebar-signout{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-med);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.sidebar-signout:hover{background:#ef444414;border-color:#ef44444d;color:#ef4444}.sidebar-signout span{font-size:.9375rem}.sidebar-user{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#0D5FB8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8125rem}.user-name{font-size:.8125rem;font-weight:600}.user-role{font-size:.6875rem;color:var(--text-low)}.page{max-width:none;width:100%}.page h1{position:relative;font-size:1.5rem;margin-bottom:.375rem;padding-left:14px;letter-spacing:-.01em}.page h1:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:2px;background:var(--primary)}.page>p.text-muted{margin-bottom:1.25rem;padding-left:14px}.page h2{font-size:1rem;margin-bottom:.875rem;letter-spacing:-.005em}.page-loading{color:var(--text-low);padding:3rem;text-align:center}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.375rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-card{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.125rem 1rem 1.25rem;text-align:left;transition:border-color .15s}.stat-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 2px 2px 0;background:var(--primary);opacity:.7}.stat-card:hover{border-color:var(--border-light)}.stat-value{font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat-label{font-size:.6875rem;color:var(--text-low);text-transform:uppercase;letter-spacing:.06em;margin-top:.375rem;font-weight:600}.distribution{display:flex;flex-direction:column;gap:.75rem}.distribution-row{display:flex;align-items:center;gap:.75rem}.distribution-label{width:70px;font-size:.8125rem;text-transform:capitalize;color:var(--text-med)}.distribution-bar-bg{flex:1;height:24px;background:var(--bg-panel);border-radius:4px;overflow:hidden}.distribution-bar{height:100%;border-radius:4px;transition:width .3s}.distribution-count{width:100px;text-align:right;font-size:.8125rem;color:var(--text-low)}.bar-chart{display:flex;align-items:flex-end;gap:2px;height:120px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:100%;background:var(--primary);border-radius:2px 2px 0 0;min-height:2px}.bar-label{font-size:.625rem;color:var(--text-low);margin-top:.25rem}.filters{display:flex;gap:.75rem;margin-bottom:1rem}.input{flex:1;padding:.625rem .75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-high);font-size:.875rem;outline:none}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-low)}.select{padding:.625rem .75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-high);font-size:.875rem;outline:none}.select-sm{padding:.375rem .5rem;font-size:.8125rem}.table,.admin-table{width:100%;border-collapse:collapse;margin-bottom:.75rem}.table th,.admin-table th{text-align:left;padding:.625rem .75rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-low);border-bottom:1px solid var(--border);font-weight:600;background:#ffffff04}.table td,.admin-table td{padding:.75rem;font-size:.8125rem;color:var(--text-med);border-bottom:1px solid rgba(42,42,62,.5);vertical-align:middle}.table tr.clickable,.admin-table tr.clickable{cursor:pointer;transition:background .12s}.table tr.clickable:hover td,.admin-table tr.clickable:hover td{background:#117be00a;color:var(--text-high)}.badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:4px;text-transform:capitalize}.plan-free{color:var(--text-low);background:#71717a26}.plan-writer{color:var(--success);background:#10b98126}.plan-novelist{color:var(--primary);background:var(--primary-muted)}.plan-studio{color:var(--warning);background:#f59e0b26}.status-active{color:var(--success);background:#10b98126}.status-inactive{color:var(--text-low);background:#71717a26}.status-past_due{color:var(--error);background:#ef444426}.status-canceled{color:var(--warning);background:#f59e0b26}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 0;color:var(--text-low);font-size:.875rem}.pagination button{padding:.5rem 1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;color:var(--text-med);cursor:pointer;font-size:.875rem}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:hover:not(:disabled){background:var(--border-light)}.btn-primary{padding:.5rem 1rem;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}.btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep);box-shadow:0 0 0 3px #117be02e}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-high);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}.btn-secondary:hover{background:#117be00f;border-color:var(--primary);color:var(--primary-glow)}.btn-link{background:none;border:none;color:var(--primary-glow);font-size:.75rem;font-weight:500;cursor:pointer;padding:.125rem .25rem}.btn-link:hover{color:var(--primary);text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.125rem}.modal-close{background:none;border:none;color:var(--text-low);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-high)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-low);font-weight:600}.text-value{font-size:.9375rem;color:var(--text-high)}.text-muted{color:var(--text-low)}.text-sm{font-size:.8125rem}.user-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.user-stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.5rem;text-align:center}.user-stat strong{display:block;font-size:1.125rem;color:var(--text-high)}.user-stat span{font-size:.625rem;color:var(--text-low);text-transform:uppercase;letter-spacing:.05em}.detail-list{list-style:none}.detail-list li{padding:.25rem 0;font-size:.875rem;color:var(--text-med)}.feature-row{display:flex;align-items:center;gap:1rem;padding:.625rem 0;border-bottom:1px solid rgba(39,39,42,.3)}.feature-row.disabled{opacity:.4}.feature-info{flex:1}.feature-info strong{display:block;font-size:.9375rem;font-weight:500}.feature-info small{display:block;font-size:.75rem;color:var(--text-low)}.feature-info code{font-size:.625rem;color:var(--text-low);opacity:.6}.toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:11px;transition:all .2s}.toggle-thumb{position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:var(--text-low);border-radius:50%;transition:all .2s}.toggle input:checked+.toggle-track{background:var(--primary);border-color:var(--primary)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(18px);background:#fff}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{text-align:center;max-width:360px;width:100%}.login-icon{font-size:3rem;display:block;margin-bottom:1rem}.login-card h1{font-size:1.75rem;margin-bottom:.25rem}.login-card p{color:var(--text-low);margin-bottom:1.5rem;font-size:.9375rem}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-low)}.health-grid{display:flex;gap:1.5rem}.health-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.health-item span:first-child{flex-shrink:0}.health-item strong{margin-left:auto;color:var(--text-high)}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-dot.green{background:var(--success);box-shadow:0 0 6px #10b98180}.health-dot.yellow{background:var(--warning);box-shadow:0 0 6px #f59e0b80}.health-dot.red{background:var(--error);box-shadow:0 0 6px #ef444480}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{width:200px}.admin-main{margin-left:200px}}.admin-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-table th{text-align:left;padding:.5rem .75rem;color:var(--text-low);font-weight:600;border-bottom:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.admin-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border);color:var(--text-high)}.admin-table tr:hover td{background:#ffffff05}.admin-table tr:last-child td{border-bottom:none}.btn-tiny{padding:.25rem .625rem;color:#fff;border:none;border-radius:4px;font-size:.6875rem;font-weight:600;cursor:pointer}.btn-tiny:disabled{opacity:.5;cursor:not-allowed}.empty-state{padding:2rem;text-align:center;color:var(--text-low);font-size:.875rem}.field-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-low);margin-bottom:.375rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-high);margin:0 0 .25rem}.page-subtitle{color:var(--text-low);font-size:.9375rem;margin:0;max-width:72ch}