:root{color-scheme:light;--bg: #f4efe9;--bg-accent: #f9f3ee;--ink: #1f1e24;--muted: #5b5a66;--primary: #0b6b7a;--primary-dark: #04444f;--accent: #f08a4b;--danger: #d64545;--card: #fffaf3;--border: #e2d8cc;--shadow: none;--radius: 24px;--transition: .22s ease;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff8f0,var(--bg)) fixed;color:var(--ink);overflow-x:hidden}.page{min-height:100vh}.auth-screen{display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-card{position:relative;z-index:1;width:min(420px,92vw);background:var(--card);border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:var(--shadow);text-align:left}.auth-form{margin-top:18px;display:grid;gap:12px}.auth-form input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--bg-accent);font-family:JetBrains Mono,Courier New,monospace;font-size:14px;color:var(--ink);outline:none}.auth-form input:focus{border-color:#0b6b7a73;box-shadow:0 0 0 3px #0b6b7a2e}.auth-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff2f2;border:1px solid rgba(214,69,69,.4);color:#8b2f2f;font-size:13px;font-weight:600}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.orb{position:absolute;border-radius:999px;filter:blur(.5px);opacity:.4;animation:float 12s ease-in-out infinite}.orb-a{width:360px;height:360px;background:radial-gradient(circle,#f0a268,transparent 70%);top:-120px;left:-80px}.orb-b{width:420px;height:420px;background:radial-gradient(circle,#8ad3c7,transparent 70%);bottom:-200px;right:-120px;animation-delay:-3s}.orb-c{width:260px;height:260px;background:radial-gradient(circle,#f4d3b2,transparent 70%);top:40%;right:10%;animation-delay:-6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}.wrap{position:relative;z-index:1;max-width:100%;margin:0 auto;padding:0;height:100vh;display:flex;flex-direction:column}.hero{background:var(--card);padding:28px 32px 32px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);animation:reveal .6s ease}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-arrow{width:64px;height:64px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:transform var(--transition),box-shadow var(--transition)}.nav-arrow svg{width:32px;height:32px}.nav-arrow:hover{transform:translateY(-1px)}.eyebrow{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}h1{margin:0 0 12px;font-size:clamp(28px,4vw,42px);font-weight:700}.subtitle{margin:0;color:var(--muted);font-size:16px;max-width:720px}.controls{margin-top:28px;display:grid;grid-template-columns:minmax(60px,.2fr) minmax(220px,1fr) auto;gap:18px 24px;align-items:end}.banks-controls{grid-template-columns:minmax(260px,1fr)}.cards-header{margin-top:28px}.input-stack label{display:block;font-weight:600;margin-bottom:8px;color:var(--muted)}.input-stack input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--bg-accent);font-family:JetBrains Mono,Courier New,monospace;font-size:14px;color:var(--ink);outline:none;transition:border var(--transition),box-shadow var(--transition)}.input-stack input:focus{border-color:#0b6b7a73;box-shadow:0 0 0 3px #0b6b7a2e}.btn{border:none;border-radius:16px;padding:13px 22px;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn.primary{background:linear-gradient(135deg,var(--primary),#149fb5);color:#fff;box-shadow:none}.btn.primary:hover{transform:translateY(-1px)}.hint{grid-column:1 / -1;margin:0;font-size:13px;color:var(--muted)}.cards{margin-top:8px;display:grid;gap:18px}.profiles-header{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.profiles-header h2{margin:0 0 6px;font-size:24px}.profiles-subtitle{margin:0;color:var(--muted);font-size:14px}.profiles-grid{margin-top:16px;display:grid;gap:16px}.profile-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.profile-name{font-weight:600;font-size:16px}.profile-info{display:flex;flex-direction:column;gap:6px}.profile-banks{font-size:12px;color:var(--muted);max-width:720px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-delete{border:none;background:#f2d3d3;color:#7a2e2e;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:600}.view{flex:1;min-height:0;overflow:hidden;box-sizing:border-box;padding:0;--view-gap: 56px}.view-track{display:flex;gap:var(--view-gap);width:calc(200% + var(--view-gap));transition:transform .5s ease;margin:0;height:100%}.view-track.shift{transform:translate(calc(-50% - (var(--view-gap) / 2)))}.view-panel{flex:0 0 calc(50% - (var(--view-gap) / 2));height:100%;overflow-y:auto;padding:24px 48px;box-sizing:border-box;position:relative}.banks-grid{margin-top:20px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.banks-grid.modal-grid{max-height:320px;overflow:auto;padding-right:6px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0e1259;display:flex;align-items:center;justify-content:center;z-index:10}.modal{width:min(920px,92vw);max-height:85vh;background:var(--card);border-radius:24px;border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:20px}.modal-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:20px;line-height:34px}.modal-body{padding:20px 24px;display:grid;gap:16px;overflow:auto}.bank-search-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.btn.select-all{background:#f0f2f6;color:#1f1e24}.modal-footer{padding:16px 24px 22px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border)}.top-loader{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#0b6b7a66,#0b6b7ae6);opacity:0;transition:opacity .2s ease;z-index:20}.top-loader.active{opacity:1}.toast-stack{position:fixed;left:24px;top:24px;display:grid;gap:10px;z-index:30}.toast{min-width:280px;max-width:360px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--border);opacity:1;animation:toast-in-left .5s cubic-bezier(.2,.9,.2,1),toast-out-left .35s ease 3.1s forwards;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}.toast.success{border-color:#2f9b5e;background:#fff}.toast.error{border-color:#d64545;background:#fff}.toast-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;background:#fffc;border:1px solid rgba(0,0,0,.06)}.toast.success .toast-icon{color:#2f9b5e}.toast.error .toast-icon{color:#d64545}.toast-title{font-size:15px;font-weight:700}.toast-desc{margin-top:2px;font-size:13px;color:var(--muted)}@keyframes toast-in-left{0%{transform:translate(-24px) scale(.98)}70%{transform:translate(6px) scale(1.01)}to{transform:translate(0) scale(1)}}@keyframes toast-out-left{0%{transform:translate(0) scale(1)}to{transform:translate(-24px) scale(.98)}}.bank-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border var(--transition);text-align:left}.bank-card:hover{transform:translateY(-1px);box-shadow:none}.bank-card.selected{border-color:#0b6b7a73;background:#0b6b7a14}.bank-logo{width:42px;height:42px;border-radius:14px;background:var(--bg-accent);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.bank-logo img{width:100%;height:100%;object-fit:contain}.bank-name{font-weight:600}.bank-alias{font-size:12px;color:var(--muted)}.cards-empty{margin-top:24px;padding:18px 20px;border-radius:16px;border:1px dashed rgba(11,107,122,.35);color:var(--muted);background:#fff9;font-size:14px}.token-card{display:grid;grid-template-columns:minmax(60px,.2fr) minmax(220px,1.4fr) minmax(160px,1fr) minmax(180px,1fr) 16px 220px 180px;gap:8px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow);animation:reveal .5s ease}.cards-header{display:grid;grid-template-columns:minmax(60px,.2fr) minmax(220px,1.4fr) minmax(160px,1fr) minmax(180px,1fr) 16px 220px 180px;gap:8px;padding:0 20px;color:var(--muted);text-align:center;justify-items:center;font-size:16px;font-weight:600;letter-spacing:.02em}.cards-header span{padding-bottom:8px}.token-field{width:100%;border:1px solid transparent;background:var(--bg-accent);font-family:JetBrains Mono,Courier New,monospace;font-size:14px;color:var(--ink);padding:8px 10px;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-name{text-align:center}.token-field:focus{outline:none;border-color:#0b6b7a59;background:#fff}.token-field:disabled{opacity:.6}.token-status{font-size:14px;color:var(--muted)}.profile-picker{position:relative;width:100%;max-width:220px}.profile-trigger{width:100%;border:1px solid var(--border);background:var(--bg-accent);font-family:JetBrains Mono,Courier New,monospace;font-size:13px;color:var(--ink);padding:8px 28px 8px 10px;border-radius:12px;text-align:left;cursor:pointer;position:relative}.profile-trigger:disabled{opacity:.6;cursor:not-allowed}.profile-trigger-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px}.profile-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:14px;max-height:250px;overflow:auto;z-index:5;padding:6px}.profile-option{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:10px;cursor:pointer}.profile-option:hover{background:#0b6b7a14}.profile-option.selected{background:#0b6b7a1f}.profile-option-name{font-weight:600;font-size:14px}.profile-option-banks{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-select:disabled{opacity:.6}.token-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(11,107,122,.2);border-top-color:var(--primary);opacity:0;transition:opacity var(--transition);animation:spin .9s linear infinite}.token-spinner.active{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.token-action{border-radius:14px;padding:11px 16px;font-weight:600;border:none;color:#fff;cursor:pointer;transition:background var(--transition),transform var(--transition)}.token-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.token-action.start{background:linear-gradient(135deg,#2f9b5e,#2bb673)}.token-action.stop{background:linear-gradient(135deg,#d64545,#f0655b)}.token-action:hover{transform:translateY(-1px)}.token-action.show{background:linear-gradient(135deg,#f0a268,#f4d3b2);color:#1f1e24}.token-executor{display:flex;align-items:center;gap:8px}.executor-fields{display:flex;align-items:center;gap:6px}.executor-field{width:80px;padding:6px 10px;border-radius:12px;border:1px solid var(--border);background:var(--bg-accent);font-family:JetBrains Mono,Courier New,monospace;font-size:12px;color:var(--ink);outline:none}.executor-field:focus{border-color:#0b6b7a59;background:#fff}.executor-sep{color:var(--muted);font-weight:600}.executor-field:disabled{opacity:.6;cursor:not-allowed}.executor-apply{width:32px;height:32px;border-radius:8px;padding:0;line-height:32px;text-align:center;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;border:none;background:#0b6b7a26;color:var(--ink);font-weight:700;font-size:16px;cursor:pointer;opacity:.5;transition:opacity var(--transition),transform var(--transition)}.executor-apply.active{opacity:1;background:linear-gradient(135deg,#2f9b5e,#2bb673);color:#fff}.executor-apply:disabled{cursor:not-allowed;opacity:.35;transform:none}.token-result{grid-column:1 / -1;margin-top:8px;background:#121212;color:#f4f4f4;font-family:JetBrains Mono,Courier New,monospace;font-size:12px;padding:12px 14px;border-radius:14px;overflow-x:auto;display:none}.token-result.visible{display:block}.token-payout{grid-column:1 / -1;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.payout-title{font-weight:700;margin-bottom:8px}.payout-header,.payout-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(140px,1fr) minmax(120px,.7fr) minmax(140px,.7fr) 220px;gap:12px;align-items:center}.payout-header{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.payout-row{margin-top:6px;font-size:14px}.payout-row .mono{font-family:JetBrains Mono,Courier New,monospace}.time.good{color:#2f9b5e}.time.warn{color:#c88b1f}.time.bad{color:#d64545}.time.neutral{color:var(--muted)}.payout-cancel{width:100%}.payout-actions{display:flex;gap:8px}.token-action.prolong{background:linear-gradient(135deg,#f0a268,#f4d3b2);color:#1f1e24}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 880px){.controls{grid-template-columns:1fr}.cards-header{display:none}.token-card{grid-template-columns:1fr;justify-items:stretch}.token-spinner{justify-self:start}.token-action{width:100%}.payout-header,.payout-row{grid-template-columns:1fr}}
