:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1f2937;--muted:#66758a;--muted-bg:#eff3f8;--subtle:#94a3b8;--line:#dbe3ef;--paper:#fff;--surface:#f5f7fb;--surface-raised:#f8fbff;--brand:#1677ff;--brand-strong:#1457c5;--brand-soft:#edf4ff;--accent:#12a150;--accent-soft:#e8f8ef;--warn:#d48806;--warn-soft:#fff7e6;--danger:#d9363e;--danger-soft:#fff1f0;--shadow:0 12px 30px #1f293714;--shadow-soft:0 1px 2px #1f29370d;--radius:12px;--tap:44px;background:#f5f7fb;font-family:Public Sans,PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top, #1677ff12, transparent 28%), var(--surface);margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1677ff38}.app-shell{min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.shell-main{min-width:0}.desktop-rail{display:none}.topbar{z-index:5;min-height:72px;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f7fbe6;border-bottom:1px solid #dbe3efd6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar h1,.login-panel h1,.form-title h2,.section-head h2,.profile-panel h2,.sheet-head h2{letter-spacing:0;margin:0}.topbar h1{margin-top:3px;font-size:22px;line-height:1.16}.eyebrow{color:var(--brand);letter-spacing:0;font-size:12px;font-weight:800;display:block}.avatar,.profile-avatar,.rail-logo{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 10px 22px #1677ff2e}.rail-logo{background:#fff;border:1px solid #1677ff24;padding:4px;overflow:hidden}.rail-logo img,.login-mark img{object-fit:contain;width:100%;height:100%;display:block}.topbar-action-button{color:#fff;background:var(--brand);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 13px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #1677ff2e}.topbar-action-button svg{flex:none}.page{width:min(100%,820px);margin:0 auto;padding:16px}.content-flow{gap:14px;display:grid}.home-dashboard{gap:12px}.home-hero,.home-period-card,.home-section,.home-todo-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.home-hero{background:linear-gradient(135deg, #edf4fffa, #fff 58%), var(--paper);gap:14px;padding:18px;display:grid;overflow:hidden}.home-hero-main{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;display:grid}.home-hero-main strong{color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;margin-top:8px;font-size:36px;line-height:1.05;display:block}.home-hero-main small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.home-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.home-hero-stats div{background:#ffffffbd;border:1px solid #dbe3efcc;border-radius:10px;min-width:0;padding:10px}.home-hero-stats span,.home-hero-stats b{overflow-wrap:anywhere;display:block}.home-hero-stats span{color:var(--muted);font-size:11px;font-weight:700}.home-hero-stats b{color:var(--ink);margin-top:5px;font-size:14px;line-height:1.15}.home-status-strip,.account-status-strip{flex-wrap:wrap;gap:8px;display:flex}.home-status-strip span,.account-status-strip span{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.home-status-strip .ready,.account-status-strip .ready{color:var(--accent);background:var(--accent-soft)}.home-status-strip .pending,.account-status-strip .pending{color:var(--warn);background:var(--warn-soft)}.profile-readiness-strip{margin-top:10px}.home-period-card,.home-section{gap:12px;padding:14px;display:grid}.home-activity{gap:10px;display:grid}.home-activity-grid{gap:12px;display:grid}.home-record-card{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:14px;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a0f}.home-record-card:before{pointer-events:none;content:"";background:linear-gradient(135deg,#1677ff14,#0000 42%);position:absolute;inset:0}.home-record-card.withdraw-card:before{background:linear-gradient(135deg,#13c28d1a,#0000 44%)}.home-record-card>*{position:relative}.home-record-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-record-head h2{color:var(--ink);margin:3px 0 0;font-size:18px;line-height:1.2}.home-record-head .secondary-button{width:auto;min-height:36px;color:var(--brand-strong);background:#fff;border-color:#1677ff24;padding:0 12px;box-shadow:0 8px 18px #0f172a0f}.home-section .section-head.inline{align-items:center}.home-metric-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.agent-overview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-metric-tile{background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;min-height:78px;padding:12px;display:grid}.home-metric-tile svg{color:var(--brand)}.home-metric-tile span,.home-metric-tile strong{overflow-wrap:anywhere;min-width:0;display:block}.home-metric-tile span{color:var(--muted);font-size:12px;font-weight:800}.home-metric-tile strong{color:var(--ink);grid-column:1/-1;font-size:20px;line-height:1.18}.home-todo-card{background:linear-gradient(135deg, #fff7e6f2, #fff 72%), var(--paper);border-color:#d4880638;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px;display:grid}.home-todo-card>svg{color:var(--warn)}.home-todo-card strong,.home-todo-card small{overflow-wrap:anywhere;display:block}.home-todo-card strong{color:var(--ink);font-size:16px}.home-todo-card small{color:var(--muted);margin-top:3px;font-size:12px}.home-todo-card .primary-button{grid-column:1/-1;min-height:42px}.hero-panel,.profile-panel,.form-panel,.action-list,.section-head,.toolbar-card,.process-card,.withdraw-action-card,.record-preview{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.hero-panel{min-height:138px;color:var(--ink);background:linear-gradient(135deg, #edf4fff5, #fff 56%), var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-start;gap:14px;padding:20px;display:flex}.earnings-hero-actions{grid-template-columns:auto auto;place-items:center end;gap:10px;display:grid}.mini-action{white-space:nowrap;width:auto;min-height:44px;padding:0 15px}.hero-panel.withdraw{background:linear-gradient(135deg, #fff7e6e6, #fff 58%), var(--paper)}.hero-panel .eyebrow{color:var(--brand)}.hero-panel strong{color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;margin-top:10px;font-size:34px;line-height:1.1;display:block}.hero-note{color:var(--muted);margin-top:8px;font-size:12px;display:block}.balance-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,280px);display:grid}.balance-pills span{background:var(--brand-soft);min-width:0;color:var(--brand-strong);text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.withdraw-hero-actions{justify-items:end;gap:12px;min-width:180px;display:grid}.withdraw-hero-actions .primary-button{width:auto;min-width:132px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:106px;box-shadow:var(--shadow-soft);padding:14px}.metric-card svg{color:var(--brand)}.metric-card span{color:var(--muted);margin-top:12px;font-size:13px;display:block}.metric-card strong{color:var(--ink);overflow-wrap:anywhere;margin-top:6px;font-size:21px;line-height:1.15;display:block}.action-list{overflow:hidden}.action-row{width:100%;min-height:64px;color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:24px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:16px;display:grid}.action-row:last-child{border-bottom:0}.action-row>svg:first-child{color:var(--brand)}.action-row strong,.action-row small{display:block}.action-row small,.list-main span,.list-main small,.profile-panel p{color:var(--muted)}.section-head{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.section-head.inline{box-shadow:none;background:0 0;border:0;padding:0}.section-head.elevated{background:linear-gradient(180deg, #fff, var(--surface-raised))}.form-panel,.toolbar-card{padding:15px}.form-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.form-title svg{color:var(--brand)}.form-title h2,.section-head h2,.sheet-head h2{font-size:18px}.form-stack{gap:13px;display:grid}.form-stack.compact{gap:10px}.date-filter{gap:10px;display:grid}label{gap:7px;display:grid}label span{color:var(--muted);font-size:13px;font-weight:700}input,select{width:100%;min-height:46px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#fff;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1677ff29}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex;position:relative}.search-box svg{color:var(--subtle);flex:none}.search-box input{min-height:42px;box-shadow:none;background:0 0;border:0;padding:0}.search-input{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:46px;padding:0 12px;display:grid}.search-input svg{color:var(--subtle)}.search-input input{min-width:0;min-height:42px;box-shadow:none;background:0 0;border:0;padding:0}.percent-input{position:relative}.percent-input input{padding-right:38px}.percent-input b{color:var(--muted);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.primary-button,.secondary-button,.icon-button,.pager button,.segmented button,.rail-button{min-height:var(--tap);border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button,.secondary-button{width:100%;padding:0 16px;font-weight:900}.primary-button{color:#fff;background:var(--brand);box-shadow:0 8px 18px #1677ff2e}.secondary-button{color:var(--brand-strong);border:1px solid var(--line);background:#fff}.secondary-button.full{margin-top:2px}.secondary-button.mini{white-space:nowrap;width:auto;min-height:44px;padding:0 12px}.danger-button{background:var(--danger)}.danger-outline{color:var(--danger);background:var(--danger-soft);border-color:#d9363e3d}.primary-button:disabled,.secondary-button:disabled,.pager button:disabled{opacity:.48;cursor:not-allowed}.icon-button{width:44px;height:44px;color:var(--brand-strong);background:var(--brand-soft);border:1px solid #1677ff1f}.icon-button.light{color:var(--brand-strong);background:#fff}.icon-button.ghost{color:var(--muted);background:var(--surface);border-color:#0000}.toolbar-card{gap:12px;display:grid}.compact-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.earnings-filters{grid-template-columns:1fr}.earnings-period-control{grid-template-columns:repeat(4,minmax(0,1fr))}.earnings-period-control button{min-height:42px;font-size:13px}.segmented{background:var(--muted-bg);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--muted);background:0 0}.segmented button.active{color:var(--brand-strong);box-shadow:var(--shadow-soft);background:#fff}.floating-actions{bottom:calc(86px + env(safe-area-inset-bottom));z-index:4;border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7fbe6;border:1px solid #dbe3efdb;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:sticky}.floating-actions .secondary-button:last-child{grid-column:auto}.customers-page{gap:12px}.customers-page .section-head.elevated{background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);min-height:72px;padding:14px 16px}.customers-page .toolbar-card{gap:10px;padding:12px}.customers-page .segmented{gap:4px}.customers-page .segmented button{min-height:40px;font-size:14px}.customers-page .search-box{min-height:42px}.customers-page .compact-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-page.customer-only .compact-filters{grid-template-columns:1fr}.customers-page .compact-filters select{min-height:42px}.customers-page .list-workspace,.earnings-workspace{grid-template-columns:minmax(0,1fr)}.customers-page .list-panel{gap:10px}.customers-page .list-item{border-radius:10px;min-height:86px;padding:14px}.customers-page .list-side{align-content:space-between;align-self:stretch}.customers-page .pager{min-height:46px}.customers-page .floating-actions{right:calc(18px + env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));z-index:8;width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;border-radius:999px;flex-direction:column;gap:10px;padding:0;display:flex;position:fixed}.customers-page .fab-button{pointer-events:auto;border-radius:50%;width:54px;height:54px;min-height:54px;padding:0;box-shadow:0 14px 30px #1677ff47,0 4px 10px #0f172a1f}.customers-page .fab-button span{white-space:nowrap;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.customers-page .fab-button svg{width:21px;height:21px}.customers-page .mobile-hidden-aside{display:none}.list-panel{gap:8px;display:grid}.list-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:72px;box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.list-item.tall{min-height:94px}.interactive-list-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.interactive-list-item:hover{border-color:#1677ff6b;box-shadow:0 10px 24px #1f293714}.interactive-list-item:active{transform:translateY(1px)}.list-item.compact{min-height:60px;padding:11px 12px}.list-main{min-width:0}.list-main strong,.list-main span,.list-main small{overflow-wrap:anywhere;display:block}.list-main strong{color:var(--ink)}.list-main small{margin-top:3px;font-size:12px}.customer-balance{font-weight:900}.customer-balance.low{color:var(--danger)}.customer-balance.ok{color:var(--accent)}.list-side{justify-items:end;gap:3px;display:grid}.list-side b{color:var(--ink);white-space:nowrap}.list-side.positive b{color:var(--accent)}.list-side small{color:var(--muted);font-size:12px}.empty{min-height:86px;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;place-items:center;padding:18px;display:grid}.empty-state,.error-panel{background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);gap:10px;min-height:112px;padding:18px;display:grid}.empty-state{color:var(--muted);text-align:center;align-content:center;place-items:center}.empty-state strong,.error-panel strong,.error-panel span{display:block}.empty-state strong,.error-panel strong{color:var(--ink)}.empty-state span,.error-panel span{font-size:13px}.error-panel{min-height:auto;color:var(--danger);background:var(--danger-soft);border-color:#d9363e47;grid-template-columns:minmax(0,1fr) auto;align-items:center}.inline-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius);border:1px solid #d9363e33;grid-column:1/-1;padding:10px 12px;font-size:13px}.skeleton-card,.skeleton-row{background:#edf2f7;position:relative;overflow:hidden}.skeleton-card:after,.skeleton-row:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.pager{color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.pager-desktop{justify-content:center;align-items:center;gap:12px;display:none}.pager-mobile{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.pager-mobile span{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:800}.pager-mobile button{width:min(100%,240px);min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;padding:0 16px;font-weight:800}.pager button{min-width:88px;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:0 14px}.status{min-height:28px;color:var(--muted);background:var(--muted-bg);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status-1,.status-approved,.status-verified,.status-paid,.status-settled{color:var(--accent);background:var(--accent-soft)}.status-pending{color:var(--warn);background:var(--warn-soft)}.status-0,.status-rejected{color:var(--danger);background:var(--danger-soft)}.status-normal{color:var(--accent);background:var(--accent-soft)}.status-disabled,.status-scrapped{color:var(--danger);background:var(--danger-soft)}.devices-page{padding-bottom:92px}.device-summary-panel{border:1px solid var(--line);background:linear-gradient(135deg, #0ea5e91f, #10b9811a), var(--paper);box-shadow:var(--shadow-sm);border-radius:22px;gap:16px;padding:18px;display:grid}.device-summary-panel>div:first-child{gap:5px;display:grid}.device-summary-panel strong{color:var(--text);letter-spacing:0;font-size:25px}.device-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.device-summary-grid div{background:#ffffffad;border:1px solid #0f172a14;border-radius:14px;min-width:0;padding:11px}.device-summary-grid span{color:var(--muted);font-size:12px;display:block}.device-summary-grid b{color:var(--text);margin-top:4px;font-size:20px;display:block}.device-filters{grid-template-columns:minmax(0,1fr) 120px}.device-filters select{min-width:0}.device-tabs{border:1px solid var(--line);background:var(--muted-bg);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;display:grid}.device-tabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:12px;font-size:13px;font-weight:800}.device-tabs button.active{color:var(--text);background:var(--paper);box-shadow:var(--shadow-xs)}.device-tabs button:disabled,.device-card-actions button:disabled{opacity:.5;cursor:not-allowed}.device-list{gap:12px;display:grid}.device-card{border:1px solid var(--line);background:var(--paper);min-height:118px;box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;padding:14px;display:grid}.device-card>*{min-width:0}.interactive-device-card{cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.interactive-device-card:hover,.interactive-device-card:focus-visible{border-color:#1677ff6b;box-shadow:0 10px 24px #1f293714}.interactive-device-card:active{transform:translateY(1px)}.device-card-body{align-content:start;gap:8px;min-width:0;display:grid}.device-card-main{gap:3px;min-width:0;display:grid}.device-card-main strong{color:var(--text);word-break:break-word;font-size:16px}.device-card-main span{color:var(--muted);font-size:13px}.device-card-meta{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0;display:grid}.device-card-meta span{min-width:0;min-height:26px;color:var(--muted);background:var(--muted-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;overflow:hidden}.device-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.device-card-actions{justify-content:flex-end;display:flex}.device-card-side{align-content:space-between;justify-items:end;gap:10px;min-width:74px;display:grid}.device-card-side .secondary-button{min-height:38px;padding:0 12px}.device-record-title{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.device-record-title strong{overflow-wrap:anywhere;min-width:0}.device-record-title b{color:var(--brand-strong);white-space:nowrap;font-size:13px}.device-record-list .list-item{grid-template-columns:minmax(0,1fr) auto}.device-assign-form{gap:14px;display:grid}.device-assign-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.device-assign-form input,.device-assign-form select,.device-assign-form textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:14px;outline:none;padding:10px 12px}.device-assign-form textarea{resize:vertical;min-height:86px}.process-card{gap:10px;padding:14px;display:grid}.period-control{background:var(--muted-bg);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;display:grid}.period-control button{min-width:0;min-height:44px;color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:13px}.period-control button.active{color:var(--brand-strong);background:var(--paper);box-shadow:var(--shadow-soft)}.compact-date-filter{margin-top:12px}.task-card{color:var(--ink);background:var(--warn-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid #d488063d;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px 12px;padding:15px;display:grid}.task-card>svg{color:var(--warn)}.task-card strong,.task-card span{display:block}.task-card span{color:var(--muted);margin-top:3px;font-size:13px}.task-card .primary-button{grid-column:1/-1}.withdraw-action-card{gap:15px;padding:16px;display:grid}.action-card-head{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.action-card-icon{color:#fff;background:var(--brand);border-radius:var(--radius);place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 18px #1677ff2e}.action-card-head h2{color:var(--ink);margin:0;font-size:19px;line-height:1.2}.action-card-head p{color:var(--muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:13px;line-height:1.45}.withdraw-form{gap:12px;display:grid}.readonly-field{min-height:46px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;align-items:center;gap:10px;padding:0 12px;display:flex}.readonly-field svg{color:var(--brand);flex:none}.readonly-field span{overflow-wrap:anywhere;min-width:0}.amount-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.amount-row .quick-amount{white-space:nowrap;width:auto;min-width:98px;margin-bottom:0}.field-hint{color:var(--muted);margin-top:-4px;font-size:12px}.record-preview{gap:10px;padding:14px;display:grid}.withdraw-record-list{gap:12px}.record-list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.record-list-head h2{color:var(--ink);margin:3px 0 0;font-size:18px;line-height:1.2}.record-list-head .eyebrow{color:var(--brand)}.notice-card{color:var(--muted);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);gap:4px;margin:12px 0;padding:12px;display:grid}.notice-card strong{color:var(--ink)}.notice-card span{font-size:13px;line-height:1.45}.detail-flow{gap:14px;display:grid}.bank-card-detail-list{gap:12px;display:grid}.bank-card-detail{border-bottom:1px solid var(--line);padding-bottom:12px}.bank-card-detail:last-child{border-bottom:0;padding-bottom:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.detail-item{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:11px}.detail-item span,.detail-item strong{overflow-wrap:anywhere;display:block}.detail-item span{color:var(--muted);font-size:12px}.detail-item strong{color:var(--ink);margin-top:5px;font-size:14px}.divider{background:var(--line);height:1px}.amount-summary{color:var(--brand-strong);background:var(--brand-soft);border-radius:var(--radius);border:1px solid #1677ff29;padding:16px}.amount-summary span,.amount-summary strong{display:block}.amount-summary span{color:var(--muted);font-size:13px}.amount-summary strong{overflow-wrap:anywhere;margin-top:6px;font-size:28px}.positive-summary{color:var(--accent);background:var(--accent-soft);border-color:#12a15029}.confirm-panel{gap:16px;display:grid}.confirm-panel p{color:var(--muted);margin:0;line-height:1.6}.confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bank-card-form{margin-top:14px}.profile-panel{align-items:center;gap:14px;padding:18px;display:flex}.profile-avatar{flex:none;width:58px;height:58px;font-size:22px}.profile-panel h2{margin-top:3px;font-size:22px}.profile-panel p{margin:4px 0 0}.profile-status{min-height:28px;color:var(--muted);background:var(--muted-bg);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.profile-status.status-1{color:var(--accent);background:var(--accent-soft)}.profile-status.status-0{color:var(--danger);background:var(--danger-soft)}.bottom-nav{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;border:1px solid var(--line);max-width:820px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-radius:16px;grid-template-columns:repeat(5,1fr);margin:0 auto;padding:8px;display:grid;position:fixed;left:10px}.nav-button{min-width:0;min-height:52px;color:var(--muted);border-radius:var(--radius);background:0 0;border:0;justify-items:center;gap:3px;font-size:12px;display:grid}.nav-button.active{color:var(--brand-strong);background:var(--brand-soft)}.login-screen{background:linear-gradient(180deg, #eef5ff 0%, #f7f9fc 46%, #f2f5fa 100%), var(--surface);place-items:center;min-height:100vh;padding:24px;display:grid}.login-brand-panel{display:none}.login-panel{border:1px solid var(--line);background:#fffffff5;border-radius:18px;width:min(100%,420px);padding:30px 28px 28px;box-shadow:0 22px 50px #1f293717}.login-panel h1{text-align:center;color:var(--ink);margin:12px 0 24px;font-size:28px;line-height:1.18}.login-mark{background:#fff;border:1px solid #1677ff24;border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto;padding:4px;display:grid;box-shadow:0 12px 24px #1677ff33}.login-panel .form-stack{gap:15px}.login-panel label span{color:#516277;font-size:13px;font-weight:800}.login-panel input{border-radius:10px;min-height:48px}.login-panel .primary-button{border-radius:10px;min-height:48px;margin-top:2px}.workspace-grid,.workspace-main,.workspace-aside{gap:14px;min-width:0;display:grid}.profile-main{width:100%}.info-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);gap:12px;padding:14px;display:grid}.status-line{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:10px 0;display:grid}.status-line:first-of-type{border-top:0}.status-line>span{color:var(--muted);font-size:13px}.status-line>div{align-items:center;gap:8px;min-width:0;display:inline-flex}.status-line strong{color:var(--ink);white-space:nowrap}.mini-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.compact-record-list{gap:8px;display:grid}.compact-record{background:#ffffffd6;border:1px solid #e2e8f0b8;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:11px 12px;display:grid;box-shadow:0 6px 16px #0f172a0a}.compact-record strong,.compact-record span{overflow-wrap:anywhere;display:block}.compact-record strong{color:var(--ink)}.compact-record span{color:var(--muted);margin-top:3px;font-size:12px}.compact-empty{min-height:86px;color:var(--muted);background:linear-gradient(135deg, #f8fafcd1, #ffffffe0), var(--surface-raised);border:1px dashed #94a3b84d;border-radius:12px;place-items:center;gap:8px;padding:14px;font-size:13px;display:grid}.compact-empty svg{color:#1677ff73}.aside-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.aside-form{padding-top:4px}.compact-summary{padding:12px}.sheet-overlay{z-index:30;align-items:end;display:grid;position:fixed;inset:0}.sheet-backdrop{background:#1f29376b;border:0;position:absolute;inset:0}.bottom-sheet{z-index:1;width:min(100%,620px);max-height:min(86vh,760px);padding:8px 16px calc(18px + env(safe-area-inset-bottom));background:var(--paper);border:1px solid var(--line);border-radius:18px 18px 0 0;margin:0 auto;position:relative;overflow-y:auto;box-shadow:0 -18px 46px #1f29372e}.sheet-handle{background:#cbd5e1;border-radius:999px;width:42px;height:4px;margin:2px auto 12px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.loading-view{min-height:320px;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.toast{left:16px;right:16px;top:calc(16px + env(safe-area-inset-top));z-index:40;color:#fff;border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow);text-align:center;background:#1f2937f0;margin:0 auto;padding:13px 15px;animation:.18s ease-out toast-in;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:481px){.page{padding:20px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card{grid-template-columns:repeat(3,minmax(0,1fr))}.earnings-filters{grid-template-columns:1fr}}@media (max-width:640px){.device-filters{grid-template-columns:minmax(0,1fr)}.device-filters select{width:100%}.device-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.device-tabs::-webkit-scrollbar{display:none}.device-tabs button{white-space:nowrap;flex:none;min-width:88px;padding:0 12px}.hero-panel.earnings{align-items:flex-start;display:flex}.earnings-hero-actions{grid-template-columns:auto;justify-items:end;width:auto;margin-top:22px;margin-left:auto}.earnings-hero-actions .mini-action{min-width:108px}.earnings-hero-actions .icon-button{display:none}.hero-panel.withdraw{gap:16px;display:grid}.balance-pills{width:100%}.withdraw-hero-actions{justify-items:stretch;min-width:0}.withdraw-hero-actions .primary-button{width:100%}}@media (min-width:768px){.page{padding:24px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-metric-grid,.form-stack.compact,.date-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack.compact .primary-button,.form-stack.compact .secondary-button,.date-filter .secondary-button{grid-column:1/-1}.floating-actions{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.floating-actions .secondary-button:last-child{grid-column:auto}.withdraw-action-card{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);align-items:start}.withdraw-action-card>.primary-button{align-self:end}.home-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end}.home-hero-main{grid-column:1/2}.home-hero-stats{grid-column:1/-1}.home-status-strip{grid-area:1/2/2/3;justify-content:flex-end;align-self:start}.home-todo-card{grid-template-columns:38px minmax(0,1fr) minmax(132px,auto)}.home-todo-card .primary-button{grid-column:auto;width:auto;min-width:132px}}@media (min-width:768px) and (max-width:1023px){.customers-page .floating-actions{right:calc(22px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));position:fixed}.customers-page .mobile-hidden-aside{display:none}}@media (min-width:1024px){.app-shell{grid-template-columns:248px minmax(0,1fr);padding-bottom:0;display:grid}.customers-page .mobile-hidden-aside{display:grid}.customers-page .floating-actions{z-index:8;display:flex;position:fixed;bottom:32px;right:32px}.pager-desktop{display:flex}.pager-mobile{display:none}.desktop-rail{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:20px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;box-shadow:1px 0 #1f293705}.rail-brand{border-radius:var(--radius);align-items:center;gap:12px;padding:8px 10px;display:flex}.rail-brand strong,.rail-brand span{display:block}.rail-brand span{color:var(--muted);font-size:12px}.rail-logo{border-radius:var(--radius);width:42px;height:42px}.rail-nav{gap:6px;display:grid}.rail-button{width:100%;min-height:42px;color:var(--muted);background:0 0;border-radius:10px;justify-content:flex-start;padding:0 12px}.rail-button.active{color:var(--brand-strong);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.shell-main{min-width:0}.topbar{background:#f5f7fbe0;min-height:76px;padding:16px 32px}.bottom-nav{display:none}.page{width:min(100%,1120px);padding:28px 32px}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-flow{gap:16px}}@media (min-width:1200px){.login-screen{grid-template-columns:minmax(0,440px);place-content:center;padding:56px}.login-brand-panel{display:none}.login-panel{width:min(100%,440px);padding:34px 32px 32px}.page{width:min(100%,1440px);padding:30px 36px}.home-dashboard{gap:16px}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:18px}.workspace-main,.workspace-aside{gap:16px}.profile-main{max-width:840px}.workspace-aside{align-self:start;position:sticky;top:96px}.dashboard-workspace{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.home-hero{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr) auto;padding:22px}.home-hero-main{grid-column:auto}.home-hero-stats{grid-column:auto;align-self:stretch}.home-hero-stats div{align-content:center;display:grid}.home-status-strip{grid-area:auto;place-content:start end;min-width:96px}.home-period-card{width:min(100%,760px)}.home-metric-list{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-overview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.list-workspace,.earnings-workspace,.withdraw-workspace,.profile-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,420px)}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{min-height:118px}.hero-panel{min-height:160px;padding:24px}.hero-panel strong{font-size:42px}.toolbar-card{grid-template-columns:minmax(260px,1fr) minmax(360px,1.2fr);align-items:center}.toolbar-card>.segmented{grid-column:1/-1}.toolbar-card>.compact-filters{grid-column:auto}.earnings-filters{grid-template-columns:minmax(180px,320px)}.floating-actions{display:none}.withdraw-action-card{grid-template-columns:minmax(260px,.7fr) minmax(360px,1fr);min-height:286px;padding:20px}.record-preview,.info-card{box-shadow:var(--shadow-soft)}.list-item.tall{grid-template-columns:minmax(0,1fr) auto}.interactive-list-item.selected{box-shadow:inset 3px 0 0 var(--brand), var(--shadow-soft);border-color:#1677ff73}.bottom-sheet{border-radius:18px;width:min(760px,100vw - 48px);margin-bottom:32px}}@media (min-width:1440px){.page{width:min(100%,1600px);padding:34px 40px}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:22px}.dashboard-workspace{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.home-hero{grid-template-columns:minmax(420px,.9fr) minmax(520px,1.15fr) auto}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1680px){.page{width:min(100%,1680px)}.metric-grid{grid-template-columns:repeat(5,minmax(180px,1fr))}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1920px){.page{width:min(100%,1920px);padding:38px 44px}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(440px,520px);gap:26px}.dashboard-workspace{grid-template-columns:minmax(0,1.45fr) minmax(440px,.55fr)}.list-workspace,.earnings-workspace,.withdraw-workspace,.profile-workspace{grid-template-columns:minmax(0,1fr) minmax(460px,520px)}.metric-grid{gap:16px}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:2400px){.page{width:min(100%,2160px);padding:42px 48px}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(480px,560px);gap:30px}.dashboard-workspace{grid-template-columns:minmax(0,1.5fr) minmax(500px,.5fr)}.list-workspace,.earnings-workspace,.withdraw-workspace,.profile-workspace{grid-template-columns:minmax(0,1fr) minmax(500px,560px)}}:root{--radius:8px;--shadow:0 14px 34px #1f293714;--shadow-soft:0 1px 2px #1f29370d, 0 8px 22px #1f293709}body{background:linear-gradient(180deg, #f7f9fc 0%, #f3f6fa 100%), var(--surface)}.app-shell{background:0 0}.topbar{min-height:66px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#ffffffdb;justify-content:center}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;width:min(100%,820px);display:flex}.topbar h1{font-size:21px;line-height:1.2}.avatar,.profile-avatar,.rail-logo{background:linear-gradient(135deg,#1677ff 0%,#0f62d6 100%)}.home-hero,.home-period-card,.home-section,.home-todo-card,.hero-panel,.profile-panel,.form-panel,.action-list,.toolbar-card,.process-card,.withdraw-action-card,.record-preview,.metric-card,.list-item,.info-card,.compact-record,.detail-item,.empty,.empty-state,.error-panel{box-shadow:var(--shadow-soft);border-color:#e2e8f0}.home-hero,.hero-panel{background:linear-gradient(135deg, #fff 0%, #f7fbff 58%, #eef6ff 100%), var(--paper)}.hero-panel.earnings{background:linear-gradient(135deg, #fff 0%, #f6fcf8 62%, #edf9f2 100%), var(--paper)}.hero-panel.withdraw,.home-todo-card{background:linear-gradient(135deg, #fff 0%, #fffaf0 100%), var(--paper)}.home-hero-main strong{letter-spacing:0;font-size:36px}.hero-panel strong{letter-spacing:0;font-size:34px}.period-control,.segmented{background:#edf2f7}.period-control button,.segmented button{border-radius:7px;font-weight:800}.period-control button.active,.segmented button.active{box-shadow:0 1px 2px #1f29370f,0 8px 18px #1f29370d}.home-hero-stats div,.home-metric-tile,.metric-card,.detail-item,.compact-record{background:#ffffffd1}.home-metric-tile,.metric-card{transition:border-color .16s,box-shadow .16s,transform .16s}.home-metric-tile:hover,.metric-card:hover{border-color:#1677ff47;transform:translateY(-1px);box-shadow:0 12px 28px #1f293712}.section-head h2,.form-title h2,.sheet-head h2{font-size:17px;line-height:1.25}.list-main strong{font-size:15px}.list-main span,.list-main small,.profile-panel p,.aside-hint{line-height:1.55}@media (min-width:768px){.topbar-inner,.page{width:min(100%,980px)}.home-hero-main strong{font-size:40px}.hero-panel strong{font-size:38px}}@media (min-width:1024px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.desktop-rail{background:#fffffff0;padding:18px 14px}.rail-brand{min-height:58px;padding:8px}.rail-nav{gap:4px}.rail-button{min-height:40px;padding:0 11px;font-size:14px}.rail-button.active{box-shadow:inset 3px 0 0 var(--brand);background:#edf4ff}.topbar{min-height:68px;padding:0 28px}.topbar-inner,.page{width:min(100%,1120px)}.page{padding:24px 28px}.content-flow,.home-dashboard{gap:14px}.home-period-card,.home-section,.toolbar-card,.form-panel,.info-card,.record-preview{padding:16px}.home-period-card{max-width:620px}.home-hero{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr) auto;align-items:stretch;gap:18px;padding:20px}.home-hero-main{align-content:center}.home-hero-stats{grid-column:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-hero-stats div{align-content:center;min-height:94px;padding:14px;display:grid}.home-status-strip{grid-area:auto;place-content:start end;min-width:96px}.home-todo-card{grid-template-columns:40px minmax(0,1fr) auto;min-height:70px;padding:16px 18px}.home-todo-card .primary-button{grid-column:auto;width:auto;min-width:124px}.home-metric-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.agent-overview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-metric-tile{min-height:88px;padding:13px}.metric-card{min-height:104px}.list-item{min-height:66px;padding:12px 14px}.list-item.tall{min-height:82px}.bottom-sheet{border-radius:14px}}@media (min-width:1200px){.topbar-inner,.page{width:min(100%,1240px)}.page{padding:26px 30px}.workspace-grid,.dashboard-workspace,.list-workspace,.earnings-workspace,.withdraw-workspace,.profile-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:18px}.workspace-aside{top:88px}.hero-panel{min-height:138px;padding:22px}.toolbar-card{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr)}.withdraw-action-card{grid-template-columns:minmax(250px,.72fr) minmax(360px,1fr);align-items:center;min-height:auto}.withdraw-action-card>.primary-button{place-self:center end;width:min(100%,360px)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1440px){.topbar-inner,.page{width:min(100%,1320px)}.page{padding:28px 32px}.workspace-grid,.dashboard-workspace,.list-workspace,.earnings-workspace,.withdraw-workspace,.profile-workspace{grid-template-columns:minmax(0,1fr) 380px;gap:20px}.home-period-card{max-width:560px}.home-hero{grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr) 104px}}@media (min-width:1920px){.topbar-inner,.page{width:min(100%,1400px)}.page{padding:30px 34px}.workspace-grid,.dashboard-workspace,.list-workspace,.earnings-workspace,.withdraw-workspace,.profile-workspace{grid-template-columns:minmax(0,1fr) 400px;gap:22px}}@media (min-width:2400px){.topbar-inner,.page{width:min(100%,1440px)}}@media (min-width:1024px){.sheet-overlay{place-items:center;padding:32px}.sheet-backdrop{background:#0f172a75}.bottom-sheet{border-radius:12px;width:min(720px,100vw - 64px);max-height:min(82vh,760px);margin:0;padding:22px 24px 24px;box-shadow:0 24px 72px #0f172a3d}.sheet-handle{display:none}.sheet-head{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:12px}.customers-page .list-workspace,.earnings-workspace{grid-template-columns:minmax(0,1fr)}}.profile-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}