:root{color-scheme:light;--color-page: #f9f9f7;--color-surface: #fcfcfb;--color-surface-raised: #ffffff;--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-muted: #000000;--color-border: rgba(11, 11, 11, .1);--color-border-strong: rgba(11, 11, 11, .16);--color-gridline: #e1e0d9;--color-baseline: #c3c2b7;--color-accent: #2a78d6;--color-accent-hover: #1c5cab;--color-accent-soft: #cde2fb;--color-accent-soft-text: #184f95;--color-accent-secondary: #e8792a;--color-accent-secondary-hover: #c9631b;--color-accent-secondary-soft: rgba(232, 121, 42, .14);--color-accent-secondary-soft-text: #a34f16;--color-good: #0ca30c;--color-good-soft: rgba(12, 163, 12, .12);--color-warning: #d98c00;--color-warning-soft: rgba(250, 178, 25, .18);--color-serious: #d9663c;--color-serious-soft: rgba(236, 131, 90, .15);--color-critical: #d03b3b;--color-critical-soft: rgba(208, 59, 59, .12);--color-success-text: #006300;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgba(11, 11, 11, .04), 0 6px 16px rgba(11, 11, 11, .05);--shadow-card-hover: 0 2px 4px rgba(11, 11, 11, .06), 0 12px 28px rgba(11, 11, 11, .09);--shadow-pop: 0 8px 24px rgba(11, 11, 11, .14);--ease-out: cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-page: #0d0d0d;--color-surface: #1a1a19;--color-surface-raised: #202020;--color-text-primary: #ffffff;--color-text-secondary: #c3c2b7;--color-text-muted: #898781;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-gridline: #2c2c2a;--color-baseline: #383835;--color-accent: #3987e5;--color-accent-hover: #5aa2ee;--color-accent-soft: rgba(57, 135, 229, .18);--color-accent-soft-text: #86b6ef;--color-accent-secondary: #f0954f;--color-accent-secondary-hover: #f7ab72;--color-accent-secondary-soft: rgba(240, 149, 79, .2);--color-accent-secondary-soft-text: #f7ab72;--color-good-soft: rgba(12, 163, 12, .22);--color-warning: #fab219;--color-warning-soft: rgba(250, 178, 25, .2);--color-serious: #ec835a;--color-serious-soft: rgba(236, 131, 90, .22);--color-critical-soft: rgba(208, 59, 59, .24);--color-success-text: #0ca30c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 14px 32px rgba(0, 0, 0, .45);--shadow-pop: 0 8px 28px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{color-scheme:dark;--color-page: #0d0d0d;--color-surface: #1a1a19;--color-surface-raised: #202020;--color-text-primary: #ffffff;--color-text-secondary: #c3c2b7;--color-text-muted: #898781;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-gridline: #2c2c2a;--color-baseline: #383835;--color-accent: #3987e5;--color-accent-hover: #5aa2ee;--color-accent-soft: rgba(57, 135, 229, .18);--color-accent-soft-text: #86b6ef;--color-accent-secondary: #f0954f;--color-accent-secondary-hover: #f7ab72;--color-accent-secondary-soft: rgba(240, 149, 79, .2);--color-accent-secondary-soft-text: #f7ab72;--color-good-soft: rgba(12, 163, 12, .22);--color-warning: #fab219;--color-warning-soft: rgba(250, 178, 25, .2);--color-serious: #ec835a;--color-serious-soft: rgba(236, 131, 90, .22);--color-critical-soft: rgba(208, 59, 59, .24);--color-success-text: #0ca30c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 14px 32px rgba(0, 0, 0, .45);--shadow-pop: 0 8px 28px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}h1,h2,h3{font-weight:600;letter-spacing:-.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{max-width:1248px;margin:0 auto;padding:32px 24px 64px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.app-header h1{font-size:22px;margin:0;display:flex;align-items:center;gap:10px}.app-header h1:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--color-accent)}.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gmail-connect{display:flex;align-items:center;gap:10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:999px;padding:6px 14px 6px 6px;box-shadow:var(--shadow-card)}.gmail-connect-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--color-page);border-radius:999px;padding:5px 10px}.account-email{color:var(--color-text-secondary);font-size:13px}.auto-sync-indicator{font-size:11px;color:var(--color-good);white-space:nowrap}.toggle-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch-track{position:relative;width:30px;height:17px;background:var(--color-border-strong);border-radius:999px;flex-shrink:0;transition:background-color .15s var(--ease-out)}.toggle-switch-thumb{position:absolute;top:2px;left:2px;width:13px;height:13px;background:var(--color-surface-raised);border-radius:50%;box-shadow:0 1px 2px #00000040;transition:transform .15s var(--ease-out)}.toggle-switch input:checked+.toggle-switch-track{background:var(--color-good)}.toggle-switch input:checked+.toggle-switch-track .toggle-switch-thumb{transform:translate(13px)}.toggle-switch input:focus-visible+.toggle-switch-track{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-switch-label{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.tab-nav{position:relative;display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.tab-nav button{position:relative;background:none;border:none;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color .15s var(--ease-out),background-color .15s var(--ease-out)}.tab-nav button:hover{color:var(--color-text-primary);background:var(--color-surface)}.tab-nav button.active{color:var(--color-accent);font-weight:600}.tab-nav-indicator{position:absolute;bottom:-1px;height:2px;background:var(--color-accent);border-radius:2px;transition:left .25s var(--ease-out),width .25s var(--ease-out)}.connect-btn,.sync-button button,.balance-form button,.add-purchase-btn,.sales-csv-import-btn,.lot-form>button[type=submit]{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s var(--ease-out),transform .08s var(--ease-out),box-shadow .15s var(--ease-out)}.connect-btn:hover,.sync-button button:hover:not(:disabled),.balance-form button:hover,.add-purchase-btn:hover,.sales-csv-import-btn:hover:not(:disabled),.lot-form>button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 2px 8px #2a78d659}.connect-btn:active,.sync-button button:active:not(:disabled),.balance-form button:active,.add-purchase-btn:active,.sales-csv-import-btn:active:not(:disabled),.lot-form>button[type=submit]:active:not(:disabled){transform:scale(.97)}.sales-csv-import-btn:disabled{opacity:.55;cursor:default}.sync-button button:disabled{opacity:.55;cursor:default;box-shadow:none}.sync-button button:disabled:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .6s linear infinite}.sync-button{display:flex;align-items:center;gap:10px}.days-select,.lot-form-row input,.lot-form-row select,.lot-size-row select,.lot-size-row input,.list-filter-bar select,.list-filter-bar input[type=search],.chart-filter-bar select,.chart-filter-bar input[type=date],.balance-form select,.balance-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px;background:var(--color-surface-raised);color:var(--color-text-primary);transition:border-color .15s var(--ease-out)}.days-select:focus,.lot-form-row input:focus,.lot-form-row select:focus,.lot-size-row select:focus,.lot-size-row input:focus,.list-filter-bar select:focus,.list-filter-bar input[type=search]:focus,.chart-filter-bar select:focus,.chart-filter-bar input[type=date]:focus,.balance-form select:focus,.balance-form input:focus{outline:none;border-color:var(--color-accent)}.sync-result{font-size:12px;color:var(--color-text-muted)}.sort-controls{display:flex;gap:8px;margin-bottom:16px}.sort-controls button{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);padding:6px 14px;border-radius:999px;font-size:13px;cursor:pointer;color:var(--color-text-secondary);transition:all .15s var(--ease-out)}.sort-controls button:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.sort-controls button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.orders-table{width:100%;border-collapse:collapse;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:16px}.orders-table th,.orders-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--color-border);font-size:13.5px;font-variant-numeric:tabular-nums}.orders-table th{background:var(--color-page);font-weight:600;color:var(--color-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-variant-numeric:normal}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--color-text-primary)}.sort-caret{display:inline-block;margin-left:4px;font-size:9px;color:var(--color-text-muted);opacity:.5}.sortable-th:hover .sort-caret{opacity:.9}.sort-caret.active{color:var(--color-accent);opacity:1}.orders-table tbody tr{transition:background-color .1s var(--ease-out)}.orders-table tbody tr:hover{background:var(--color-page)}.orders-table tr.edited{background:var(--color-warning-soft)}.orders-table tr.edited:hover{background:var(--color-warning-soft);filter:brightness(.97)}.editable-cell{border:1px solid transparent;background:transparent;padding:4px 6px;font-size:13.5px;width:100%;border-radius:6px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out)}.editable-cell:hover{border-color:var(--color-border-strong)}.editable-cell:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface-raised)}.total-cell{font-weight:600;font-variant-numeric:tabular-nums}.email-link{color:var(--color-accent);text-decoration:none;font-size:13px;white-space:nowrap}.email-link:hover{text-decoration:underline}.stockx-cell{display:flex;align-items:center;gap:6px;min-width:140px}.stockx-search-link{text-decoration:none;font-size:14px;flex-shrink:0}.stockx-input{min-width:100px}.link-edit-btn{background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;padding:0}.link-edit-btn:hover{color:var(--color-text-primary)}.delete-btn{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;line-height:1;border-radius:6px;padding:2px 6px;transition:all .15s var(--ease-out)}.delete-btn:hover{color:var(--color-critical);background:var(--color-critical-soft)}.store-group h3{font-size:14px;font-weight:600;margin:24px 0 8px;color:var(--color-text-secondary)}.purchase-tally{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-top:-8px;margin-bottom:16px;padding:10px 14px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px}.purchase-tally-label{color:var(--color-text-secondary);font-weight:600;margin-right:auto}.purchase-tally-stat{color:var(--color-text-muted)}.purchase-tally-stat strong{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.empty-state{color:var(--color-text-muted);text-align:center;padding:40px 0;font-size:14px}.source-tag{display:inline-block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:var(--color-page);border:1px solid var(--color-border);border-radius:5px;padding:2px 6px}.thumb-cell{width:48px;padding:6px!important}.thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:contain;display:block;background:var(--color-page);border:1px solid var(--color-border)}.thumb-placeholder{border:1px dashed var(--color-border-strong)}.add-purchase-btn{margin-bottom:20px;min-width:132px;justify-content:center}.add-purchase-btn.is-close{background:var(--color-critical)}.add-purchase-btn.is-close:hover{background:var(--color-critical);filter:brightness(1.1);box-shadow:0 2px 8px #d03b3b59}.lot-form{display:flex;flex-direction:column;gap:12px;background:var(--color-surface-raised);border:1px solid var(--color-border);padding:18px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:20px;animation:fadeInUp .4s var(--ease-out) both}.lot-form-row{display:flex;gap:10px;flex-wrap:wrap}.lot-form-row input,.lot-form-row select{flex:1;min-width:160px}.lot-size-rows{display:flex;flex-direction:column;gap:8px}.lot-size-row{display:flex;gap:8px;align-items:center}.lot-size-row input{width:80px}.lot-size-fixed{font-size:14px;color:var(--color-text-secondary);min-width:100px}.lot-remove-row-btn{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;line-height:1;border-radius:6px;padding:2px 6px;transition:all .15s var(--ease-out)}.lot-remove-row-btn:hover:not(:disabled){color:var(--color-critical);background:var(--color-critical-soft)}.lot-remove-row-btn:disabled{opacity:.3;cursor:default}.lot-add-row-btn{align-self:flex-start;background:none;border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;color:var(--color-accent);cursor:pointer;transition:all .15s var(--ease-out)}.lot-add-row-btn:hover{border-color:var(--color-accent-secondary);border-style:solid;background:var(--color-accent-secondary-soft)}.lot-form-error{color:var(--color-critical);font-size:13px;margin:0}.balances-page{display:flex;flex-direction:column;gap:16px}.balance-form{display:flex;gap:10px;align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);padding:14px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.list-filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:16px;background:var(--color-surface-raised);border:1px solid var(--color-border);padding:12px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-wrap:wrap}.list-filter-bar select{min-width:200px}.list-filter-bar input[type=search]{min-width:220px;flex:1 1 220px}.clear-filter-btn{background:none;border:none;color:var(--color-accent-secondary);font-size:13px;cursor:pointer;padding:4px 8px}.clear-filter-btn:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.pagination button{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .15s var(--ease-out)}.pagination button:hover:not(:disabled){border-color:var(--color-accent)}.pagination button:disabled{opacity:.4;cursor:default}.pagination-status{font-size:13px;color:var(--color-text-muted)}.chart-filter-bar{display:flex;gap:8px;flex-wrap:wrap}.dashboard{display:flex;flex-direction:column;gap:20px}.balance-row{display:flex;gap:16px;flex-wrap:wrap}.balance-card,.chart-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:fadeInUp .4s var(--ease-out) both;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.balance-card:hover,.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.balance-card{padding:18px 22px;flex:1;min-width:200px}.balance-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:8px}.balance-card-value{font-size:28px;font-weight:600;letter-spacing:-.02em;cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);padding:2px 6px;margin:-2px -6px;transition:background-color .15s var(--ease-out)}.balance-card-value:hover{background:var(--color-page)}.balance-card-value.is-negative{color:var(--color-critical)}.balance-card-edit{display:flex;gap:8px;align-items:center}.balance-card-edit input{width:120px;font-size:18px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:6px 8px;background:var(--color-surface-raised);color:var(--color-text-primary)}.balance-card-edit input:focus{outline:none;border-color:var(--color-accent)}.balance-card-edit button{background:var(--color-accent);color:#fff;border:none;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.pending-vs-settled{display:flex;gap:20px;flex-wrap:wrap}.pending-vs-settled>div{display:flex;flex-direction:column;gap:2px}.pvs-value{font-size:22px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.pvs-value:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.pvs-value.settled{color:var(--color-success-text)}.pvs-value.settled:before{background:var(--color-good)}.pvs-value.pending{color:var(--color-warning)}.pvs-value.pending:before{background:var(--color-warning)}.pvs-value.failed{color:var(--color-critical)}.pvs-value.failed:before{background:var(--color-critical)}.pvs-value.cancelled{color:var(--color-serious)}.pvs-value.cancelled:before{background:var(--color-serious)}.pvs-caption{font-size:11px;color:var(--color-text-muted)}.status-select{border:1px solid transparent;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s var(--ease-out)}.status-select:hover{border-color:var(--color-border-strong)}.status-select:focus{outline:none;border-color:var(--color-accent)}.status-pending_auth{background:var(--color-warning-soft);color:var(--color-warning)}.status-paid{background:var(--color-good-soft);color:var(--color-success-text)}.status-failed_auth{background:var(--color-critical-soft);color:var(--color-critical)}.status-cancelled{background:var(--color-serious-soft);color:var(--color-serious)}.chart-card{padding:22px}.chart-card h2{font-size:15px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.chart-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.chart-card-header h2{margin:0}.total-profit-headline{font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--color-success-text);margin-bottom:18px;font-variant-numeric:normal;display:flex;align-items:baseline;gap:8px}.total-profit-headline.is-loss,.profit-negative{color:var(--color-critical)}.stat-headline{font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--color-accent);margin-bottom:18px;font-variant-numeric:normal;display:flex;align-items:baseline;gap:8px}.stat-headline.is-loss{color:var(--color-critical)}.stat-headline-unit{font-size:14px;font-weight:500;color:var(--color-text-muted);letter-spacing:0}.forecast-headline-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:32px;margin-bottom:4px}.forecast-headline-secondary{font-size:20px;color:var(--color-text-secondary);margin-bottom:18px}.forecast-headline-secondary .stat-headline-unit{font-size:13px}.forecast-note{margin:-8px 0 14px;max-width:640px;line-height:1.5}.forecast-table{margin-bottom:8px}.forecast-trend{font-size:12.5px;font-weight:600;white-space:nowrap}.forecast-trend-up{color:var(--color-success-text)}.forecast-trend-down{color:var(--color-serious)}.forecast-trend-flat{color:var(--color-text-muted)}.chart-subheading{margin:4px 0 2px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.day-sales{margin-top:18px}.day-sales-header{margin-bottom:12px}.day-sales-header .chart-subheading{margin:0}.day-sales-profit{display:flex;align-items:baseline;gap:6px;font-size:18px;font-weight:700;color:var(--color-success-text);font-variant-numeric:tabular-nums}.day-sales-profit.is-loss{color:var(--color-critical)}.day-sales-scroll{max-height:560px;overflow-y:auto}.day-sales-scroll .orders-table{margin-bottom:0}.day-sales-scroll thead th{position:sticky;top:0;z-index:1}.status-badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.forecast-priority-bar{display:inline-block;width:64px;height:10px;border-radius:5px;overflow:hidden;vertical-align:middle;background:var(--color-surface-sunken, var(--color-border));box-shadow:0 0 0 1px var(--color-border)}.forecast-priority-bar-fill{display:block;height:100%;border-radius:5px}.forecast-priority-bar-fill--unknown{width:100%;background:var(--color-text-muted);opacity:.35}.dashboard>*:nth-child(1){animation-delay:0ms}.dashboard>*:nth-child(2){animation-delay:40ms}.dashboard>*:nth-child(3){animation-delay:80ms}.dashboard>*:nth-child(4){animation-delay:.12s}.dashboard>*:nth-child(5){animation-delay:.16s}.dashboard>*:nth-child(6){animation-delay:.2s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.current-username{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.logout-btn{background:transparent;border:1px solid var(--color-border);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .15s var(--ease-out)}.logout-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-card);padding:32px}.login-card h1{font-size:20px;margin:0 0 24px;text-align:center}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input{background:var(--color-page);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--color-text-primary)}.login-card input:focus{outline:none;border-color:var(--color-accent)}.login-card button[type=submit]{margin-top:4px}.login-error{color:var(--color-critical);font-size:13px;margin:0}.login-mode-toggle{display:block;width:100%;background:none;border:none;color:var(--color-accent);font-size:13px;margin-top:18px;cursor:pointer;text-align:center}.login-mode-toggle:hover{text-decoration:underline}.admin-generate-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-new-key{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.admin-new-key code{background:var(--color-good-soft);color:var(--color-success-text);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}.status-used{background:var(--color-good-soft);color:var(--color-success-text)}.status-unused{background:var(--color-warning-soft);color:var(--color-warning)}.sales-csv-import{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sales-csv-import-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sales-csv-import-result{font-size:12px;color:var(--color-text-muted)}.sales-csv-import-result.is-error{color:var(--color-critical)}