:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}.app-shell{min-height:100vh;padding:22px 26px 36px}.topbar{max-width:1660px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-icon{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:8px;background:#1f8a70;box-shadow:0 7px 18px #1f8a7033}.eyebrow,.section-kicker{color:#718096;font-size:10px;font-weight:800;letter-spacing:0}h1,h2,p{margin:0}h1{margin-top:2px;font-size:20px;letter-spacing:0}h2{font-size:16px;letter-spacing:0}.topbar-meta{display:flex;align-items:center;gap:8px;color:#6c788b;font-size:12px;font-weight:650}.connection-dot{width:8px;height:8px;border-radius:999px;background:#c2cad6}.connection-dot.online{background:#20a06b;box-shadow:0 0 0 4px #20a06b1c}.topbar-divider{width:1px;height:16px;margin:0 4px;background:#d9e0ea}.workspace{max-width:1660px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.surface,.history-panel{border:1px solid #dfe6ef;border-radius:8px;background:#fff;box-shadow:0 8px 22px #2d3e540d}.history-panel{min-height:calc(100vh - 100px);position:sticky;top:18px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 15px 8px}.panel-heading>div{display:flex;align-items:center;gap:8px;color:#2f3a4d;font-weight:800;font-size:13px}.history-note{padding:0 15px 13px;color:#8a96a8;font-size:11px;line-height:1.4;border-bottom:1px solid #edf1f6}.history-list{padding:8px;max-height:calc(100vh - 180px);overflow:auto}.history-item{position:relative;display:flex;width:100%;margin:0 0 6px;color:#556277;border:1px solid transparent;border-radius:8px;background:transparent}.history-item:hover{background:#f6f9fc;border-color:#e5ebf3}.history-item.selected{background:#edf7f3;border-color:#a8d9c7}.history-open{min-width:0;flex:1;padding:10px 30px 10px 10px;color:inherit;text-align:left;border:0;background:transparent}.history-delete{position:absolute;right:6px;bottom:7px;width:24px;height:24px;display:grid;place-items:center;padding:0;color:#9aa5b4;border:0;border-radius:6px;background:transparent;opacity:0}.history-item:hover .history-delete,.history-delete:focus-visible{opacity:1}.history-delete:hover{color:#ad4851;background:#fff0f1}.history-item-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.history-item time{color:#9aa5b4;font-size:10px}.history-item strong{display:block;margin:8px 0 3px;color:#263247;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.history-open>span{font-size:11px}.empty-history{padding:28px 10px;color:#9aa5b4;text-align:center;font-size:12px}.history-more{width:100%;margin-top:3px;padding:8px;color:#6f7e93;border:1px dashed #d8e0ea;border-radius:7px;background:#fbfcfe;font-size:11px}.history-more:hover:not(:disabled){color:#1f8a70;border-color:#a9d7c7;background:#f5fbf8}.main-column{min-width:0;display:grid;gap:14px}.config-panel{padding:19px 20px 17px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:17px}.section-kicker{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#1f8a70}.section-heading p{margin-top:4px;color:#7e8a9d;font-size:12px}.flow-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;color:#23765f;border:1px solid #c4e5d9;border-radius:7px;background:#f1faf6;font-size:11px;font-weight:750;white-space:nowrap}.config-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px 180px;gap:13px}.field{min-width:0;display:flex;flex-direction:column;gap:6px}.field-wide{grid-column:span 2}.field>span{color:#445166;font-size:12px;font-weight:750}.field small{color:#8d98a9;font-size:10px}.field-label-row{min-height:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label-row>span{color:#445166;font-size:12px;font-weight:750}.cdk-store-link{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;color:#28765f;border:1px solid #c4e2d7;border-radius:7px;background:#f5fbf8;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.cdk-store-link:hover{color:#155e49;border-color:#8fc8b4;background:#edf8f3}.cdk-store-link:focus-visible{outline:2px solid #65b59b;outline-offset:2px}.inline-input{min-width:0;display:flex;align-items:center;gap:8px;color:#718096}.inline-input input{min-width:0;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.inline-input .button,.inline-input .icon-button{flex:0 0 auto}.cdk-field small{color:#557568}.cdk-merge-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:12px;border:1px solid #d8e5df;border-radius:8px;background:#f8fbfa}.cdk-merge-panel textarea{min-height:80px}.merged-code{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:8px 10px;color:#256e59;border:1px solid #c7e2d7;border-radius:7px;background:#fff;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.merged-code span{min-width:0;flex:1;overflow-wrap:anywhere}textarea,input,select{width:100%;color:#243047;border:1px solid #d6dee9;border-radius:8px;outline:none;background:#fbfcfe;transition:border-color .15s,box-shadow .15s}textarea:focus,input:focus,select:focus{border-color:#65b59b;box-shadow:0 0 0 3px #49a6841f}textarea{min-height:104px;padding:10px;resize:vertical;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}input,select{height:38px;padding:0 10px;font-size:12px}.config-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px}.config-warning{min-height:18px;display:flex;align-items:center;gap:7px;color:#8b6b32;font-size:11px;visibility:hidden}.config-warning.visible{visibility:visible}.button-row{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 13px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:800}.button.primary{color:#fff;background:#1f8a70;box-shadow:0 5px 12px #1f8a7026}.button.primary:hover:not(:disabled){background:#16735c}.button.danger{color:#a13f48;border-color:#efc5c9;background:#fff7f7}.button.danger:hover:not(:disabled){background:#fff0f1}.icon-button{width:28px;height:28px;display:inline-grid;place-items:center;padding:0;color:#738095;border:1px solid #e1e7ef;border-radius:7px;background:#fff}.icon-button:hover:not(:disabled){color:#1f8a70;border-color:#acd8c8;background:#f4fbf8}.danger-icon:hover:not(:disabled){color:#b44d54;border-color:#efc5c9;background:#fff6f6}.error-banner{display:flex;align-items:center;gap:7px;margin-top:13px;padding:9px 10px;color:#a34049;border:1px solid #efc5c9;border-radius:8px;background:#fff7f7;font-size:12px}.error-banner span{flex:1}.error-banner button{display:grid;place-items:center;padding:0;color:inherit;border:0;background:transparent}.issue-list{margin-top:8px;padding:8px 10px;color:#a34049;border-left:3px solid #e77f88;background:#fff8f8;font-size:11px;line-height:1.55}.summary-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px}.summary-title{display:flex;align-items:center;gap:9px;min-width:0;color:#748197}.summary-title>div{min-width:0;display:flex;flex-direction:column;gap:3px}.summary-title strong{overflow:hidden;color:#2e3b50;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.summary-title span{color:#8995a7;font-size:11px}.summary-metrics{display:flex;align-items:center;gap:20px}.metric{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.metric span{color:#8d98a9;font-size:10px}.metric strong{color:#334057;font-size:17px}.metric-blue strong{color:#4b7eae}.metric-green strong{color:#238260}.metric-red strong{color:#b04d55}.metric-muted strong{color:#929dac}.accounts-panel{min-height:560px;overflow:hidden}.accounts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px 12px;border-bottom:1px solid #edf1f5}.accounts-toolbar h2{display:inline;margin-right:8px}.accounts-toolbar>div>span{color:#94a0b0;font-size:11px}.toolbar-controls{display:flex;align-items:center;gap:8px}.search-box{width:190px;height:33px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#93a0b0;border:1px solid #dce3ed;border-radius:7px;background:#fbfcfe}.search-box input{height:auto;padding:0;border:0;box-shadow:none;background:transparent}.toolbar-controls select{width:120px;height:33px}.empty-accounts{min-height:460px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#a0aaba;text-align:center}.empty-accounts strong{color:#69768b;font-size:14px}.empty-accounts span{font-size:12px}.account-viewport{height:calc(100vh - 390px);min-height:460px;max-height:900px;overflow:auto;padding:12px 14px 20px}.virtual-spacer{position:relative;width:100%}.virtual-row{position:absolute;top:0;left:0;width:100%;display:grid;align-items:start;gap:12px;padding-bottom:12px}.account-card{min-width:0;min-height:230px;display:flex;flex-direction:column;overflow:hidden;padding:12px 13px;border:1px solid #e0e7ef;border-radius:8px;aspect-ratio:1 / 1;background:#fff;transition:border-color .15s,box-shadow .15s}.account-card.is-expanded,.account-card.has-authorization{min-height:0;overflow:visible;aspect-ratio:auto}.account-card:hover{border-color:#c7d5e3;box-shadow:0 5px 13px #31455b0d}.account-card.status-running{border-left:3px solid #4f96c2}.account-card.status-failed{border-left:3px solid #d36d76}.account-card.status-success{border-left:3px solid #50a882}.account-card.status-already-paid{border-left:3px solid #8a9aaf}.account-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-toggle{min-width:0;display:flex;align-items:center;gap:7px;padding:0;color:#2d3a50;border:0;background:transparent}.account-number{color:#617086;font-size:12px;font-weight:850}.account-id{overflow:hidden;color:#7b8799;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.account-actions{min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.status-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid #dfe6ee;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.log-unread-badge{color:#9b6d2f;font-size:10px;font-weight:750;white-space:nowrap}.status-queued{color:#7c899b;background:#f4f6f9;border-color:#e0e5ec}.status-running{color:#357aa4;background:#eff7fc;border-color:#cbe2f0}.status-success{color:#247456;background:#eff9f4;border-color:#c8e8d9}.status-already-paid{color:#63758a;background:#f2f5f8;border-color:#dbe3eb}.status-failed{color:#a1424b;background:#fff3f4;border-color:#efc8cc}.status-stopped,.status-interrupted{color:#8b6d35;background:#fff9ed;border-color:#efdfbd}.account-card-meta{min-height:0;flex:1 1 auto;margin:10px 0 7px}.stage-line,.account-detail-row{display:flex;justify-content:space-between;gap:10px;color:#738096;font-size:11px}.account-detail-row{margin-top:6px;color:#8d98a8}.account-detail-row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#eaf0f5}.progress-bar div{height:100%;border-radius:inherit;background:#4ea487;transition:width .25s ease}.account-error{display:flex;align-items:center;gap:5px;margin-top:7px;color:#ac4e56;font-size:11px}.result-line{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 8px;color:#357a66;border:1px solid #cfe8dc;border-radius:7px;background:#f4fbf7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.result-line span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-line .icon-button{flex:0 0 auto;width:24px;height:24px}.authorization-panel{min-height:0;display:flex;align-items:center;gap:18px;margin-top:10px;padding:10px 0;border-top:1px solid #dce9e4;border-bottom:1px solid #dce9e4;background:#f8fcfa}.authorization-qr-shell{width:clamp(136px,44%,184px);height:auto;aspect-ratio:1 / 1;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;color:#769187;border:1px solid #d3e3dc;background:#fff}.authorization-qr-shell img{width:100%;height:100%;display:block;image-rendering:auto}.authorization-meta{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#718078}.authorization-meta>div{display:flex;align-items:center;gap:6px;color:#25483d}.authorization-meta strong{font-size:12px}.authorization-meta>span{font-size:11px}.authorization-url-row{min-width:0;width:100%;display:flex;align-items:center;gap:8px}.authorization-url{min-width:0;flex:1;overflow:hidden;color:#28765f;text-overflow:ellipsis;white-space:nowrap;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.authorization-url:hover{color:#155e49}.authorization-panel.is-expired{background:#fafafa;border-color:#e2e5e8}.authorization-panel.is-expired .authorization-qr-shell{color:#9aa4ae;border-color:#e0e4e8;background:#f4f5f6}.embedded-log{margin-top:10px;border-top:1px solid #edf1f5}.log-head{display:flex;justify-content:space-between;gap:8px;padding:8px 0 6px;color:#7a8799;font-size:10px}.log-head span:first-child{display:flex;align-items:center;gap:5px}.log-viewport{height:225px;overflow:auto;padding:7px 8px;border:1px solid #e2e8ef;border-radius:7px;background:#f8fafc;scrollbar-color:#b9c6d4 transparent}.log-entry{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;padding:2px 0;color:#5b687a;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.log-entry time{color:#a0aab8}.log-info span{color:#5b687a}.log-success span{color:#2b8465}.log-warn span{color:#9b7639}.log-error span{color:#af4b54}.log-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:6px;color:#a0aaba;font-size:11px}.load-older{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:0;color:#728095;border:0;background:transparent;font-size:10px}.load-older:hover:not(:disabled){color:#1f8a70}.busy-indicator{position:fixed;right:24px;bottom:22px;display:flex;align-items:center;gap:7px;padding:9px 12px;color:#466075;border:1px solid #d7e3ed;border-radius:8px;background:#fffffff5;box-shadow:0 8px 20px #334a631f;font-size:11px;font-weight:750}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-login{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-login-panel{width:min(420px,100%);display:grid;gap:15px;padding:28px}.admin-login-panel p{color:#788598;font-size:12px}.admin-login-panel .brand-icon{margin-bottom:2px}.admin-shell{max-width:1500px;margin:0 auto}.admin-workspace{display:grid;gap:14px}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);padding:14px 18px}.admin-stats>div{display:flex;flex-direction:column;gap:5px;padding:0 16px;border-right:1px solid #e7ecf2}.admin-stats>div:last-child{border-right:0}.admin-stats span{color:#8793a5;font-size:10px}.admin-stats strong{color:#263348;font-size:20px}.admin-section{padding:18px;overflow:hidden}.admin-form-row{display:flex;align-items:end;gap:12px}.admin-form-row .field{width:150px}.admin-form-row .admin-grow{width:auto;flex:1}.one-time-codes{margin-top:15px;padding-top:13px;border-top:1px solid #e8edf2}.one-time-codes>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#315646;font-size:12px}.one-time-codes textarea{min-height:90px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.admin-toolbar h2{display:inline;margin-right:8px}.admin-toolbar>div span{color:#8b97a8;font-size:11px}.admin-table-wrap{overflow:auto;border:1px solid #e2e8ef;border-radius:7px}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{padding:9px;color:#768397;background:#f7f9fb;text-align:left;white-space:nowrap}.admin-table td{padding:9px;color:#4b586c;border-top:1px solid #edf1f5;vertical-align:middle}.admin-table td:nth-child(2) strong,.admin-table td:nth-child(2) span,.admin-table td:nth-child(4) small{display:block}.admin-table td:nth-child(2) span,.admin-table td:nth-child(4) small{margin-top:3px;color:#8a96a6}.admin-table td:nth-child(4) input{width:110px;height:31px}.admin-table .button{min-height:31px;padding:0 10px;border-color:#dbe3ec;background:#fff}.admin-merge{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;color:#788598;font-size:11px}.audit-list{max-height:320px;overflow:auto;border-top:1px solid #edf1f5}.audit-list>div{display:grid;grid-template-columns:150px 190px minmax(0,1fr);gap:12px;padding:8px 2px;border-bottom:1px solid #f0f3f6;color:#778397;font-size:11px}.audit-list strong{color:#465369}.admin-message{position:fixed;right:24px;bottom:24px;max-width:480px;background:#fff7f7}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.history-panel{position:static;min-height:auto}.history-list{display:flex;gap:7px;max-height:130px;overflow-x:auto}.history-item{min-width:215px;margin:0}.config-grid{grid-template-columns:1fr 1fr}.field-wide{grid-column:span 1}.account-viewport{height:650px}.admin-stats{grid-template-columns:repeat(3,1fr);row-gap:14px}.admin-form-row{flex-wrap:wrap}.audit-list>div{grid-template-columns:130px minmax(0,1fr)}.audit-list>div span{grid-column:1 / -1}}@media(max-width:720px){.app-shell{padding:14px 10px 28px}.topbar{align-items:flex-start;flex-direction:column}.topbar-meta{align-self:flex-end}.config-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.config-actions,.summary-strip,.accounts-toolbar{align-items:stretch;flex-direction:column}.summary-metrics{justify-content:space-between;gap:8px}.toolbar-controls{width:100%}.search-box{flex:1;width:auto}.account-viewport{height:600px;padding:10px}.account-detail-row{align-items:flex-start;flex-direction:column;gap:2px}.authorization-panel{flex-direction:column;align-items:flex-start}.authorization-qr-shell{align-self:center}.cdk-merge-panel{grid-template-columns:1fr}.merged-code{grid-column:auto}.admin-stats{grid-template-columns:1fr 1fr}.admin-stats>div{border:0}.admin-form-row{align-items:stretch;flex-direction:column}.admin-form-row .field{width:100%}}
