:root{--bg:#f2f4f8;--surface:#fff;--primary:#2f62f6;--primary-fg:#fff;--text:#0d0f14;--text-muted:#6b7280;--text-negative:#e63946;--border:#e5e7eb;--radius-card:16px;--radius-row:12px;--shadow-card:0 2px 12px #00000014;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.app{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 12px;display:flex;position:sticky;top:0}.header-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.header-badge{letter-spacing:.04em;color:var(--primary);background:#2f62f61a;border-radius:100px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.app-main{flex-direction:column;flex:1;gap:0;padding:16px;display:flex}.balance-card{background:var(--primary);color:var(--primary-fg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.balance-main{flex-direction:column;margin-bottom:16px;display:flex}.balance-label{opacity:.8;margin-bottom:4px;font-size:13px}.balance-amount{letter-spacing:-.5px;font-size:32px;font-weight:700;line-height:1.15}.balance-row{background:#ffffff26;border-radius:10px;gap:12px;padding:10px 12px;display:flex}.balance-stat{flex-direction:column;flex:1;display:flex}.balance-stat--right{text-align:right}.stat-label{opacity:.75;margin-bottom:2px;font-size:11px}.stat-value{font-size:15px;font-weight:600}.balance-footer{opacity:.7;margin-top:12px;font-size:12px}.txn-section{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.txn-head{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.txn-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600}.period-chips{flex-wrap:wrap;gap:6px;display:flex}.period-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;touch-action:manipulation;border-radius:100px;padding:6px 12px;transition:background .12s,color .12s,border-color .12s}.period-chip--active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.period-chip:disabled{opacity:.6;cursor:default}.txn-loading,.txn-error{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.txn-error p{color:var(--text-negative);font-size:14px}.txn-more{border:none;border-top:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--primary);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:14px 16px;display:flex}.txn-more:active{background:var(--bg)}.txn-more:disabled{color:var(--text-muted);cursor:default}.txn-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:14px}.txn-list{list-style:none}.txn-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.txn-row:last-child{border-bottom:none}.txn-row--storno{opacity:.6}.txn-left{flex-direction:column;gap:3px;min-width:0;display:flex}.txn-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.txn-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.txn-card{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.txn-storno-badge{color:var(--text-muted);background:var(--border);text-transform:lowercase;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.txn-product{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.txn-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.txn-sum{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);font-size:15px;font-weight:600}.txn-sum--neg{color:var(--text-negative)}.txn-qty{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.card-section{margin-bottom:16px}.card-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:2px 4px 10px;font-size:14px;font-weight:600}.card-empty{background:var(--surface);border-radius:var(--radius-card);text-align:center;color:var(--text-muted);box-shadow:var(--shadow-card);padding:24px 16px;font-size:14px}.card-list{flex-direction:column;gap:10px;list-style:none;display:flex}.card-row{background:var(--surface);border-radius:var(--radius-row);box-shadow:var(--shadow-card);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.card-row--blocked{background:#fbfbfc}.card-row-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-pan{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:16px;font-weight:600}.card-sub{color:var(--text-muted);font-size:13px}.card-comment{color:var(--text);font-size:13px}.card-note{color:var(--text-muted);font-size:12px}.cards-summary{color:var(--text-muted);padding:2px 4px 12px;font-size:13px}.card-tap{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.card-more-hint{color:var(--primary);margin-top:2px;font-size:12px;font-weight:600}.card-balance{justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px;display:flex}.card-balance-label{color:var(--text-muted);font-size:12px}.card-balance-value{letter-spacing:-.3px;font-size:20px;font-weight:700}.card-action{min-width:150px;min-height:38px;font-size:14px;font-weight:600;font-family:var(--font);color:var(--primary-fg);background:var(--primary);cursor:pointer;touch-action:manipulation;border:none;border-radius:100px;justify-content:center;align-self:flex-start;align-items:center;margin-top:6px;padding:8px 18px;transition:opacity .15s;display:inline-flex}.card-action--danger{background:var(--text-negative)}.card-action:active{opacity:.8}.card-action:disabled{opacity:.6;cursor:default}.chip{white-space:nowrap;border-radius:100px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:600}.chip--active{color:#0a7d32;background:#10a1401f}.chip--blocked{color:#c2253a;background:#e639461f}.chip--muted{color:var(--text-muted);background:var(--border)}.app-header--detail{gap:10px}.back-btn{width:32px;height:32px;color:var(--primary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;font-size:28px;line-height:1;display:flex}.detail-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:12px;padding:4px 16px}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row--comment{flex-direction:column;align-items:stretch;gap:6px}.detail-label{color:var(--text-muted);flex-shrink:0;font-size:13px}.detail-value{text-align:right;font-size:14px;font-weight:500}.detail-value--editable{text-align:left;cursor:pointer}.detail-placeholder{color:var(--text-muted);font-weight:400}.edit-pencil{color:var(--primary);font-size:13px}.comment-edit{flex-direction:column;gap:8px;display:flex}.comment-input{border:1px solid var(--border);width:100%;font-size:15px;font-family:var(--font);color:var(--text);border-radius:10px;padding:10px 12px}.comment-input:focus{border-color:var(--primary);outline:none}.comment-actions{justify-content:flex-end;gap:16px;display:flex}.link-btn{font-size:14px;font-weight:600;font-family:var(--font);color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none}.link-btn--primary{color:var(--primary)}.link-btn:disabled{opacity:.5;cursor:default}.detail-action{width:100%;min-height:46px;font-size:15px;font-weight:600;font-family:var(--font);color:var(--primary-fg);background:var(--primary);cursor:pointer;touch-action:manipulation;border:none;border-radius:100px;justify-content:center;align-items:center;margin-bottom:12px;padding:12px 18px;display:flex}.detail-action--danger{background:var(--text-negative)}.detail-action:disabled{opacity:.6;cursor:default}.detail-block{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:12px;padding:14px 16px}.detail-block-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:600}.detail-muted{color:var(--text-muted);font-size:14px}.driver-list{flex-direction:column;gap:10px;list-style:none;display:flex}.driver-row{flex-direction:column;gap:2px;display:flex}.driver-name{font-size:14px;font-weight:500}.driver-meta{color:var(--text-muted);font-size:12px}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;padding:16px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-card);width:100%;max-width:420px;padding:20px;animation:.2s ease-out slide-up;box-shadow:0 -4px 24px #0003}@keyframes slide-up{0%{transform:translateY(16px)}to{transform:translateY(0)}}.modal-title{margin-bottom:8px;font-size:17px;font-weight:700}.modal-message{color:var(--text-muted);margin-bottom:18px;font-size:14px;line-height:1.5}.modal-actions{gap:10px;display:flex}.modal-btn{min-height:44px;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;touch-action:manipulation;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex}.modal-btn:active{opacity:.8}.modal-btn:disabled{opacity:.6;cursor:default}.modal-btn--ghost{background:var(--border);color:var(--text)}.modal-btn--primary{background:var(--primary);color:var(--primary-fg)}.modal-btn--danger{background:var(--text-negative);color:var(--primary-fg)}.toast{color:#fff;max-width:448px;box-shadow:var(--shadow-card);z-index:110;background:#1f2430;border-radius:12px;margin:0 auto;padding:12px 16px;font-size:14px;animation:.2s ease-out slide-up;position:fixed;bottom:16px;left:16px;right:16px}.btn-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #ebebeb 50%, var(--border) 75%);background-size:800px 100%;animation:1.4s linear infinite shimmer}.screen-center{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.info-box{background:var(--surface);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);width:100%;max-width:320px;padding:28px 24px}.info-box.error{border:1px solid #fecaca}.info-icon{margin-bottom:12px;font-size:36px}.info-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:600}.info-sub{color:var(--text-muted);font-size:14px;line-height:1.5}.retry-btn{background:var(--primary);color:var(--primary-fg);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;touch-action:manipulation;border:none;border-radius:100px;justify-content:center;align-items:center;margin-top:16px;padding:10px 24px;transition:opacity .15s;display:inline-flex}.retry-btn:active{opacity:.8}.retry-btn--sm{margin-top:0;padding:8px 18px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.spinner--sm{border-width:2px;width:22px;height:22px}