:root{color-scheme:light dark;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #d7dbe0;--color-text: #1a1d23;--color-text-muted: #5b6270;--color-primary: #2f5fdb;--color-primary-hover: #24499f;--color-primary-contrast: #ffffff;--color-danger: #b3261e;--color-danger-bg: #fbe9e7;--color-danger-border: #f0b8b3;--color-warning: #7a4a00;--color-warning-bg: #fff2e0;--color-warning-border: #f2c98a;--color-success: #1e6f3e;--color-success-bg: #e6f4ea;--color-success-border: #a8dab8;--color-neutral-bg: #eceef1;--color-neutral-border: #ccd1d8;--radius: 8px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 24px;--spacing-6: 32px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg: #14161a;--color-surface: #1d2025;--color-border: #33373f;--color-text: #ecedf0;--color-text-muted: #9aa0ac;--color-primary: #6f93f0;--color-primary-hover: #93aef5;--color-primary-contrast: #0e1116;--color-danger: #ff8a80;--color-danger-bg: #3a1f1d;--color-danger-border: #6b322c;--color-warning: #ffc266;--color-warning-bg: #3a2c10;--color-warning-border: #6b501f;--color-success: #7fd89a;--color-success-bg: #14301f;--color-success-border: #285c3b;--color-neutral-bg: #262a31;--color-neutral-border: #3a3f47}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0 0 var(--spacing-3)}button,input,select{font:inherit}a{color:var(--color-primary)}.banner{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-3) var(--spacing-4)}.banner__title{font-weight:600;margin:0 0 var(--spacing-1)}.banner__body{margin:0}.banner--error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.banner--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.banner--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.banner--info{background:var(--color-neutral-bg);border-color:var(--color-neutral-border);color:var(--color-text)}.loading-spinner{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-muted)}.loading-spinner__circle{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:loading-spinner-rotate .7s linear infinite}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}.login-view{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-5)}.login-view__card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-6)}.login-view__subtitle{color:var(--color-text-muted)}.login-view__label{display:block;font-weight:600;font-size:.9em;margin-bottom:var(--spacing-1)}.login-view form input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);margin-bottom:var(--spacing-4)}.login-view form button{width:100%;padding:var(--spacing-3);border:none;border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;cursor:pointer}.login-view__status{display:flex;flex-direction:column;gap:var(--spacing-3)}.login-view__status button{align-self:flex-start;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.login-view__link{background:none;border:none;padding:0;color:var(--color-primary);text-decoration:underline;cursor:pointer;font:inherit}.app-header{display:flex;align-items:center;gap:var(--spacing-5);padding:var(--spacing-3) var(--spacing-5);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header--test{background:var(--color-warning-bg);border-bottom-color:var(--color-warning-border)}.app-header__test-toggle{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-warning-border);border-radius:var(--radius);color:var(--color-warning);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.app-header__brand{font-weight:700}.app-header__nav{display:flex;gap:var(--spacing-2);flex:1}.app-header__tab{padding:var(--spacing-2) var(--spacing-3);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--color-text-muted);cursor:pointer}.app-header__tab--active{background:var(--color-neutral-bg);border-color:var(--color-border);color:var(--color-text);font-weight:600}.app-header__account{display:flex;align-items:center;gap:var(--spacing-3)}.app-header__email{color:var(--color-text-muted);font-size:.9em}.app-header__logout{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer}.app-header__logout:hover{background:var(--color-neutral-bg)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.form-field__label{font-weight:600;font-size:.9em}.form-field input{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.form-field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.form-field__hint{margin:0;font-size:.85em;color:var(--color-text-muted)}.form-field__error{margin:0;font-size:.85em;color:var(--color-danger)}.payout-form{max-width:420px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-5)}.payout-form__continue{width:100%;padding:var(--spacing-3);border:none;border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;cursor:pointer}.payout-form__continue:hover{background:var(--color-primary-hover)}.test-badge{display:inline-block;padding:2px var(--spacing-2);border-radius:999px;font-size:.8em;font-weight:700;letter-spacing:.04em;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.payout-confirm{max-width:420px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.payout-confirm__summary{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-3);margin:0}.payout-confirm__summary dt{color:var(--color-text-muted)}.payout-confirm__summary dd{margin:0;font-weight:600}.payout-confirm__actions{display:flex;gap:var(--spacing-3)}.payout-confirm__actions button{flex:1;padding:var(--spacing-3);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.payout-confirm__submit{border:none;background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.payout-confirm__submit:hover:not(:disabled){background:var(--color-primary-hover)}.payout-confirm__actions button:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;padding:2px var(--spacing-2);border-radius:999px;font-size:.8em;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.status-badge--neutral{background:var(--color-neutral-bg);border-color:var(--color-neutral-border);color:var(--color-text-muted)}.status-badge--info{background:var(--color-neutral-bg);border-color:var(--color-border);color:var(--color-primary)}.status-badge--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.status-badge--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.payout-status-panel{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-4);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--spacing-3)}.payout-status-panel__header{display:flex;align-items:center;justify-content:space-between}.payout-status-panel__header button{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer}.payout-status-panel__details{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-1) var(--spacing-3);margin:0}.payout-status-panel__details dt{color:var(--color-text-muted);font-size:.85em}.payout-status-panel__details dd{margin:0}.payout-status-panel__history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.85em;color:var(--color-text-muted)}.payout-status-view{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.payout-status-view button{align-self:flex-start;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.history-view{display:flex;flex-direction:column;gap:var(--spacing-4)}.history-view__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-4)}.history-view__filters fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.history-view__filters legend{font-weight:600;font-size:.85em;padding:0}.history-view__checkbox{display:flex;align-items:center;gap:var(--spacing-1);font-size:.9em}.history-view__date-range{display:flex;gap:var(--spacing-3)}.history-view__date-range label,.history-view__limit{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.85em;font-weight:600}.history-view__date-range input,.history-view__limit select{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius);border:1px solid var(--color-border)}.history-view__filters>button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;height:fit-content}.history-view__table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.history-view__table th,.history-view__table td{text-align:left;padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border);font-size:.9em}.history-view__row{cursor:pointer}.history-view__row:hover{background:var(--color-neutral-bg)}.history-view__detail-row td{background:var(--color-bg)}.history-view__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4)}.history-view__pagination button{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}.history-view__pagination button:disabled{opacity:.5;cursor:not-allowed}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-layout__main{flex:1;padding:var(--spacing-6) var(--spacing-5)}