:root{--bg:#11100e;--panel:#1c1a17;--panel-soft:#25221e;--text:#f6efe5;--muted:#b7aa99;--teal:#2fd4c6;--teal-dark:#138c84;--line:#373128;--warn:#f4b860;--danger:#ff7a7a;--ok:#72df9b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}.page{background:radial-gradient(circle at top left, #2fd4c62e, transparent 34rem), var(--bg);min-height:100vh}.app-page{background:linear-gradient(90deg,#0f0e19fa,#11100e)}.container{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 56px}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px;font-size:12px;font-weight:800}h1{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(34px,5vw,64px);line-height:.95}p{color:var(--muted);line-height:1.6}.header p{max-width:720px;margin:0;font-size:18px}.badges{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.badge{border:1px solid var(--line);color:var(--muted);background:#1c1a17c2;border-radius:999px;padding:8px 11px;font-size:13px}.badge.ok{color:var(--ok);border-color:#72df9b59}.badge.warn{color:var(--warn);border-color:#f4b86059}.workspace{gap:18px;display:grid}.app-page .workspace{gap:0}.sidebar-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);align-items:stretch;min-height:100vh}.side-menu{border-right:1px solid var(--line);background:#181623eb;height:100vh;padding:18px 14px;position:sticky;top:0;overflow-y:auto}.side-brand{border-bottom:1px solid var(--line);align-items:center;margin-bottom:14px;padding:0 4px 18px;display:flex}.side-brand img{object-fit:contain;width:min(190px,100%);height:auto;display:block}.header-logo{object-fit:contain;width:min(220px,58vw);height:auto;margin-bottom:18px;display:block}.onboarding-logo{width:min(280px,70vw)}.side-menu summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 4px;font-size:11px;font-weight:900;list-style-position:inside}.side-menu nav{gap:8px;margin-top:8px;display:grid}.side-link{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;gap:3px;padding:13px 14px;text-decoration:none;display:grid}.side-link span{color:var(--text);font-weight:900}.side-link small{color:var(--muted);line-height:1.35}.side-link.active{color:var(--teal);box-shadow:inset 3px 0 0 var(--teal);background:#2fd4c624;border-color:#2fd4c62e}.side-link.active span,.side-link.active small{color:var(--teal)}.workspace-content{gap:18px;min-width:0;padding:28px 32px 56px;display:grid}.app-header{border:1px solid var(--line);background:#1c1a26b8;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px;display:flex}.app-header h1{margin-bottom:10px;font-size:clamp(28px,3vw,46px)}.app-header p{max-width:840px;margin:0;font-size:16px}.tabbar{border:1px solid var(--line);background:#1c1a17b3;border-radius:24px;flex-wrap:wrap;gap:10px;padding:8px;display:flex}.tab{color:var(--muted);background:0 0;border:1px solid #0000;flex:180px}.tab.active{background:var(--teal);color:#051513;border-color:#2fd4c673}.tab-heading{border:1px solid var(--line);background:#1c1a1773;border-radius:24px;padding:18px 20px}.tab-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,34px)}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#25221ef0,#1c1a17f0);border-radius:24px;grid-column:span 12;padding:22px;box-shadow:0 18px 60px #00000040}.card.third{grid-column:span 4}.card.half{grid-column:span 6}.card.full{grid-column:span 12}.card h2{letter-spacing:-.02em;margin:0 0 8px;font-size:22px}.card h3{color:var(--text);margin:22px 0 8px;font-size:16px}.status-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.dot{background:var(--muted);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 20px #72df9b59}.dot.warn{background:var(--warn)}.form{gap:13px;margin-top:16px;display:grid}.form.two{grid-template-columns:1fr 1fr}label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#151310;border-radius:14px;outline:none;padding:12px 13px}input:focus,select:focus{border-color:var(--teal-dark);box-shadow:0 0 0 3px #2fd4c61f}button:not(.tab){background:var(--teal);color:#051513;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:900}.checkline{border:1px solid var(--line);color:var(--text);background:#151310;border-radius:14px;align-items:center;gap:10px;padding:12px 13px;display:flex}.checkline input{width:auto}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button:disabled{opacity:.6;cursor:not-allowed}.actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}pre{border:1px solid var(--line);color:#d8f8f4;background:#0b0a09;border-radius:16px;max-height:360px;padding:14px;font-size:12px;line-height:1.55;overflow:auto}.result-panel{border:1px solid var(--line);background:#ffffff06;border-radius:16px;gap:10px;padding:12px;display:grid}.result-panel.ok{border-color:#72df9b3d}.result-panel.warn{border-color:#ff7a7a52}.result-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.small-button{font-size:12px;padding:8px 10px!important}.loading-note{color:var(--teal);font-size:13px}.action-zone{border:1px solid var(--line);border-radius:16px;gap:8px;padding:12px;display:grid}.action-zone.write-action{background:#f4b8600f;border-color:#f4b8605c}.action-zone-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.warning-action{color:#ffe0aa!important;border-color:#f4b8607a!important}.status-pill{border:1px solid var(--line);text-transform:capitalize;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.settled,.status-pill.active{color:var(--ok);border-color:#72df9b5c}.status-pill.failed,.status-pill.returned,.status-pill.canceled{color:var(--danger);background:#ff7a7a14;border-color:#ff7a7a66}.status-pill.pending,.status-pill.processing,.status-pill.charging{color:var(--warn);border-color:#f4b8605c}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:16px;gap:5px;padding:14px;display:grid}.callout{border-radius:16px;padding:12px 14px}ul.clean{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}ul.clean li{color:var(--muted);background:#ffffff09;border-radius:14px;justify-content:space-between;gap:12px;padding:12px;display:flex}.mini-panel{border:1px solid var(--line);background:#ffffff09;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.mini-panel div{gap:4px;min-width:0;display:grid}.mini-panel strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow-x:auto}.money-table{border-collapse:collapse;width:100%;min-width:820px}.money-table th,.money-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px}.money-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;font-size:12px}.money-table tr:last-child td{border-bottom:0}.money-table td:first-child{gap:2px;display:grid}.money-table tr.needs-attention{background:#f4b86014}.inline-form{margin:0}.inline-form input{min-width:120px}.compact-grid{gap:12px}.embedded-card{box-shadow:none;background:#ffffff06}.compact-table{min-width:680px}.compact-table th,.compact-table td{padding:10px}.selected-row{background:#2fd4c614}.detail-list{gap:8px;display:grid}.detail-list div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:12px;padding:10px 0;display:grid}.detail-list div:last-child{border-bottom:0}.detail-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.detail-list strong{overflow-wrap:anywhere;font-size:14px}.small{color:var(--muted);font-size:13px}.warning{color:#ffe0aa;background:#f4b86014;border-color:#f4b86066}.agreement-card{margin-top:0}.agreement-text{color:#f0e7d8;border:1px solid var(--line);background:#0b0a0973;border-radius:18px;gap:18px;max-height:620px;padding:22px;display:grid;overflow-y:auto}.agreement-text h3{color:var(--text);letter-spacing:-.01em;margin:10px 0 0;font-size:18px;line-height:1.35}.agreement-text h3:first-child{margin-top:0;font-size:24px}.agreement-text p{color:#e7dccb;white-space:pre-line;margin:0;font-size:15px;line-height:1.78}.agreement-text p+h3{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.onboarding-page .container{width:min(1180px,100% - 32px)}code{color:#d8f8f4}@media (max-width:820px){.header{display:block}.sidebar-layout{grid-template-columns:1fr}.side-menu{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.workspace-content{padding:18px 16px 40px}.app-header{display:grid}.card.third,.card.half{grid-column:span 12}.form.two,.mini-panel{grid-template-columns:1fr}}
