:root{--bg:#0b0f17;--bg-panel:#121826;--bg-panel-alt:#161d2e;--border:#232b3d;--text:#e6e9f0;--text-dim:#8b93a7;--accent:#5b8def;--accent-soft:#5b8def26;--success:#34d399;--success-soft:#34d39926;--warning:#fbbf24;--warning-soft:#fbbf2426;--danger:#f87171;--danger-soft:#f8717126;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}a{color:inherit}button{font-family:inherit}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.app-layout{min-height:100vh;display:flex}.app-sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;padding:20px 12px;display:flex}.app-brand{color:var(--text);padding:0 8px 20px;font-size:16px;font-weight:700}.app-brand span{color:var(--accent)}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav a{border-radius:var(--radius);color:var(--text-dim);padding:10px 12px;font-size:13px;text-decoration:none;display:block}.app-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.app-nav a:hover:not(.active){background:var(--bg-panel-alt)}.app-main{flex:1;min-width:0;padding:28px 36px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:20px}.page-header p{color:var(--text-dim);margin:4px 0 0;font-size:13px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-active,.badge-succeeded,.badge-signed{background:var(--success-soft);color:var(--success)}.badge-trial,.badge-sent{background:var(--accent-soft);color:var(--accent)}.badge-past_due,.badge-failed,.badge-canceled,.badge-void{background:var(--danger-soft);color:var(--danger)}.badge-pending,.badge-draft{background:var(--warning-soft);color:var(--warning)}.badge-refunded,.badge-disabled,.badge-neutral{color:var(--text-dim);background:#8b93a726}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:9px 16px;font-size:13px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4c7ee0}.btn-secondary{border:1px solid var(--border);color:var(--text);background:0 0}.btn-secondary:hover{background:var(--bg-panel-alt)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px}.table td{border-bottom:1px solid var(--border);padding:12px;font-size:13px}.table tr:last-child td{border-bottom:none}.stat-card h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600}.stat-card-value{font-size:26px;font-weight:700}.stat-card-delta{margin-top:4px;font-size:12px}.stat-card-delta-positive{color:var(--success)}.stat-card-delta-neutral{color:var(--text-dim)}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--border);padding:0 0 20px 24px;position:relative}.timeline li:last-child{border-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:-6px}.timeline-date{color:var(--text-dim);font-size:12px}.timeline-title{margin:2px 0;font-weight:600}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.section-title{margin:28px 0 12px;font-size:14px;font-weight:600}.section-title:first-of-type{margin-top:0}.two-col{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.stat-row{gap:16px;margin-bottom:24px;display:flex}.stat-row .card{flex:1}.stat-card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px}.table-link{color:var(--text);font-weight:600;text-decoration:none}.table-link:hover{color:var(--accent)}.code-pill{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.state-message{color:var(--text-dim);text-align:center;padding:40px 0}.state-message.error{color:var(--danger)}.placeholder-page .card{text-align:center;color:var(--text-dim);padding:40px}.deal-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.deal-cards .card{cursor:pointer}.deal-cards .card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.deal-cards h3{margin:0 0 6px;font-size:13px}.deal-cards .deal-sub{font-size:15px;font-weight:600}.deal-cards p{color:var(--text-dim);margin:8px 0 0;font-size:12px}.editor-panel{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-textarea{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:340px;color:var(--text);resize:vertical;padding:14px;font-family:JetBrains Mono,monospace;font-size:12px}.qr-box{border-radius:var(--radius);background:#fff;justify-content:center;align-items:center;width:180px;height:180px;display:flex}.text-input{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-top:4px;padding:8px 10px;font-size:13px}.text-input:focus{outline:1px solid var(--accent,#4c8dff)}.api-key-bar{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.api-key-field{align-items:center;gap:8px;margin-top:4px;display:flex}.api-key-field .text-input{width:140px;margin-top:0}