.app{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:var(--color-bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(74,62,162,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(215,154,47,.12),transparent)}.container{max-width:900px;width:100%;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:var(--spacing-2xl) 0}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.logo-icon{display:flex;align-items:center;justify-content:center}.logo-icon .logo-img{height:52px;width:auto;object-fit:contain}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--color-text-secondary);font-size:1rem;font-weight:400}.view-switcher-wrap{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.view-switcher{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px;background:#2a28680a;border:1px solid var(--color-border);border-radius:999px;box-shadow:inset 0 1px #fffc}.view-switcher-tab{min-width:168px;border:0;border-radius:999px;padding:.8rem 1.2rem;background:transparent;color:var(--color-text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.view-switcher-tab:hover:not(:disabled){color:var(--color-text-primary);background:#4a3ea214}.view-switcher-tab.active{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-accent));color:#fff;box-shadow:0 10px 24px #4a3ea22e}.view-switcher-tab:disabled{opacity:.45;cursor:not-allowed}.view-switcher-note{max-width:640px;margin:0;color:var(--color-text-tertiary);font-size:.85rem;line-height:1.5}.main-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;max-width:100%;overflow-x:hidden}.saved-invoices-card{background:linear-gradient(180deg,#fff,#fbf9ff);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 18px 40px #2a286814}.saved-invoices-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.saved-invoices-header h2{margin:0 0 6px;font-size:1.1rem;color:var(--color-text-primary)}.saved-invoices-header p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.saved-invoices-badge{padding:.45rem .7rem;border-radius:999px;background:#d79a2f29;color:var(--color-brand-primary);font-size:.78rem;font-weight:700;letter-spacing:.04em}.saved-invoices-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);margin-bottom:var(--spacing-md)}.saved-invoices-search svg{width:18px;height:18px;stroke:var(--color-text-tertiary);flex-shrink:0}.saved-invoices-search input{width:100%;background:transparent;border:0;outline:0;color:var(--color-text-primary);font-size:.95rem}.saved-invoices-search input::placeholder{color:var(--color-text-tertiary)}.saved-invoices-error{margin-bottom:var(--spacing-md);padding:.9rem 1rem;border-radius:var(--radius-md);background:#ff47571a;border:1px solid rgba(255,71,87,.25);color:var(--color-error);font-size:.88rem}.saved-invoices-list{display:grid;gap:var(--spacing-sm)}.saved-invoice-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:1rem 1.1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.saved-invoice-item:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:0 8px 20px #2a286814}.saved-invoice-item:disabled{opacity:.6;cursor:wait}.saved-invoice-main{min-width:0;display:flex;flex-direction:column;gap:4px}.saved-invoice-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.saved-invoice-file{color:var(--color-text-tertiary);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-invoice-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--color-text-tertiary);font-size:.8rem;flex-shrink:0}.saved-invoices-empty{padding:1rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-tertiary);text-align:center;background:#4a3ea20a}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent-glow) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.dropzone:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.dropzone:hover:before{opacity:1}.dropzone-active{border-color:var(--color-accent);background:var(--color-bg-tertiary);transform:scale(1.01);box-shadow:0 0 40px var(--color-accent-glow)}.dropzone-active:before{opacity:1}.dropzone-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.dropzone-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:50%;margin-bottom:var(--spacing-sm);transition:all var(--transition-base)}.dropzone:hover .dropzone-icon{background:var(--color-accent);transform:translateY(-4px);box-shadow:0 10px 30px var(--color-accent-glow-strong)}.dropzone-icon svg{width:32px;height:32px;stroke:var(--color-brand-primary);transition:stroke var(--transition-base)}.dropzone:hover .dropzone-icon svg{stroke:#fff}.dropzone-text{font-size:1.125rem;font-weight:500;color:var(--color-text-primary)}.dropzone-subtext{font-size:.875rem;color:var(--color-text-tertiary)}.supported-formats{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.format-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em;transition:all var(--transition-fast)}.dropzone:hover .format-badge{background:var(--color-accent-glow);color:var(--color-accent)}.files-list{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.files-header h3{font-size:1rem;font-weight:600;color:var(--color-brand-primary)}.clear-all-btn{background:transparent;border:none;color:var(--color-text-tertiary);font-size:.875rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.clear-all-btn:hover{color:var(--color-error);background:#ff47571a}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.file-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast);position:relative;animation:fileSlideIn .3s ease}.file-item-clickable{cursor:pointer}.file-item-clickable:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);box-shadow:0 0 0 2px var(--color-accent-glow)}@keyframes fileSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-item:hover{border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.file-preview{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-preview img{width:100%;height:100%;object-fit:cover}.file-icon{width:24px;height:24px;stroke:var(--color-accent)}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--color-text-tertiary)}.file-actions{display:flex;gap:var(--spacing-xs);position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast)}.file-item:hover .file-actions{opacity:1}.preview-file-btn,.remove-file-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.preview-file-btn svg,.remove-file-btn svg{width:14px;height:14px;stroke:var(--color-text-tertiary);transition:stroke var(--transition-fast)}.preview-file-btn:hover{background:var(--color-accent-glow);border-color:var(--color-accent)}.preview-file-btn:hover svg{stroke:var(--color-accent)}.remove-file-btn:hover{background:#ff475726;border-color:var(--color-error)}.remove-file-btn:hover svg{stroke:var(--color-error)}.error-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.error-message svg{width:20px;height:20px;stroke:var(--color-error);flex-shrink:0}.error-message span{color:var(--color-error);font-size:.875rem}.scan-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.scan-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.scan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px var(--color-accent-glow-strong)}.scan-button:hover:not(:disabled):before{opacity:1}.scan-button:active:not(:disabled){transform:translateY(0)}.scan-button:disabled{opacity:.5;cursor:not-allowed}.scan-button svg{width:24px;height:24px}.scan-button.loading{pointer-events:none}.spinner{width:24px;height:24px;border:3px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-content{text-align:center;padding:var(--spacing-2xl);max-width:400px}.loading-spinner{width:64px;height:64px;border:4px solid var(--color-bg-elevated);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-xl)}.loading-content h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.progress-info{margin-top:var(--spacing-lg)}.progress-message{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md);min-height:1.5em}.progress-counter-main{font-size:1.125rem;color:var(--color-text-primary)}.progress-counter-main strong{color:var(--color-accent);font-weight:700}.progress-remaining{font-size:.875rem;color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.progress-counter{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.progress-current{font-size:2.5rem;font-weight:700;color:var(--color-accent)}.progress-separator{font-size:1.5rem;color:var(--color-text-tertiary)}.progress-total{font-size:1.5rem;font-weight:600;color:var(--color-text-secondary)}.progress-label{font-size:.875rem;color:var(--color-text-tertiary);margin-left:var(--spacing-xs)}.progress-bar-container{width:100%;height:8px;background:var(--color-bg-elevated);border-radius:4px;overflow:hidden;margin-top:var(--spacing-md)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-dim),var(--color-accent));border-radius:4px;transition:width .3s ease}.loading-progress{width:200px;height:4px;background:var(--color-bg-elevated);border-radius:2px;margin:0 auto;overflow:hidden}.progress-bar{width:40%;height:100%;background:var(--color-accent);border-radius:2px;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%{transform:translate(-100%)}to{transform:translate(350%)}}.footer{text-align:center;padding:var(--spacing-xl) 0;color:var(--color-text-tertiary);font-size:.875rem}.result-page .main-content{justify-content:center;align-items:center}.result-content{text-align:center}.success-indicator{margin-bottom:var(--spacing-xl)}.success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-glow);border-radius:50%;margin:0 auto var(--spacing-lg);animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow-strong)}50%{box-shadow:0 0 0 20px transparent}}.success-icon svg{width:40px;height:40px;stroke:var(--color-accent)}.success-indicator h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-message{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-sm)}.session-info{color:var(--color-text-tertiary);font-size:.875rem;font-family:SF Mono,Fira Code,monospace}.placeholder-box{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);max-width:500px}.placeholder-box p{color:var(--color-text-tertiary)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.back-button:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}.back-button svg{width:18px;height:18px}.result-page-wrapper{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:var(--color-bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(74,62,162,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(215,154,47,.12),transparent);background-attachment:fixed}.result-page{width:100%;max-width:100vw;overflow-x:hidden}.result-container{max-width:1400px;width:100%;padding:var(--spacing-lg);margin:0 auto;overflow-x:hidden}.result-page .header{padding:var(--spacing-lg) 0}.analysis-info-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden}.analysis-info-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.analysis-info-header h2{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.analysis-info-header h2:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-accent);border-radius:50%}.analysis-info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}.invoice-save-status{display:flex;flex-direction:column;gap:4px;padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-border)}.invoice-save-status-label{padding-top:var(--spacing-md);font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.invoice-save-status-message{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.invoice-save-status-saving .invoice-save-status-message{color:var(--color-warning)}.invoice-save-status-saved .invoice-save-status-message{color:var(--color-success)}.invoice-save-status-error .invoice-save-status-message{color:var(--color-error)}.analysis-stat{display:flex;align-items:flex-start;gap:var(--spacing-md)}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.stat-icon svg{width:20px;height:20px;stroke:var(--color-accent)}.stat-details{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.analyzed-files{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.file-link:hover{border-color:var(--color-accent);background:var(--color-accent-glow)}.file-link-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-link-size{color:var(--color-text-tertiary);font-size:.75rem;font-weight:400}.file-link .preview-icon{width:14px;height:14px;stroke:var(--color-text-tertiary);transition:stroke var(--transition-fast)}.file-link:hover .preview-icon{stroke:var(--color-accent)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.summary-card.highlight{background:linear-gradient(135deg,var(--color-accent-glow) 0%,var(--color-bg-secondary) 100%);border-color:var(--color-accent)}.summary-label{font-size:.875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.summary-value.savings{color:#22c55e;font-size:1.15rem}.summary-value.overpay{color:#ef4444;font-size:1.15rem}.overpay-percent{color:#ef4444;font-weight:600}.savings-percent{font-weight:600}.summary-card.highlight-negative{background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,var(--color-bg-secondary) 100%);border-color:#ef4444}.table-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden;width:100%;max-width:100%}.table-section{background:transparent;border:none;border-radius:0;margin-bottom:0;width:100%}.table-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.table-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.table-hint{font-size:.875rem;color:var(--color-text-tertiary);margin:0}.table-scroll-container{width:100%;overflow-x:auto;overflow-y:auto;max-height:min(68vh,760px);-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-color:transparent transparent}.table-scroll-container::-webkit-scrollbar{width:0;height:0}.table-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:5px}.table-scroll-container::-webkit-scrollbar-thumb{background:var(--color-accent-dim);border-radius:5px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.table-wrapper{display:inline-block;min-width:100%}.results-table{width:100%;border-collapse:collapse;font-size:.875rem}.results-table thead{background:var(--color-bg-tertiary)}.results-table th{padding:.5em .7em;text-align:left;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:6;background:var(--color-bg-tertiary)}.column-header-content{text-align:center}.results-table th.th-numeric{white-space:normal;text-wrap:balance}.delete-column-btn{position:absolute;right:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:999px;background:transparent;color:var(--color-text-tertiary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.results-table th:hover{background:linear-gradient(135deg,var(--color-bg-tertiary) 70%,rgba(214,66,93,.1) 100%)}.results-table th:hover .delete-column-btn{opacity:1;pointer-events:auto}.results-table th:has(.delete-column-btn:hover){background:linear-gradient(135deg,var(--color-bg-tertiary) 50%,rgba(214,66,93,.18) 100%)}.delete-column-btn:hover{background:#d6425d26;color:var(--color-error)}.delete-column-btn svg{width:12px;height:12px}.results-table th.th-draggable{cursor:grab}.results-table th.th-draggable:active{cursor:grabbing}.results-table th.th-dragging{opacity:.45}.results-table th.th-drag-over{background:linear-gradient(135deg,var(--color-bg-tertiary) 35%,rgba(204,139,42,.22) 100%);box-shadow:inset 3px 0 0 var(--color-accent)}.column-label-custom{border-bottom:1px dashed var(--color-accent-dim);cursor:text}.column-rename-input{width:100%;min-width:100px;padding:2px 6px;border:1px solid var(--color-accent);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;outline:none}.add-column-header{width:40px;min-width:40px;padding:0!important;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);text-align:center}.add-column-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px dashed var(--color-accent-dim);border-radius:999px;background:transparent;color:var(--color-accent);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.add-column-btn:hover{background:#cc8b2a26;border-color:var(--color-accent)}.add-column-btn svg{width:14px;height:14px}.add-row-tr{background:transparent}.add-row-tr:hover{background:transparent!important}.add-row-cell{padding:4px 0!important;border-bottom:none!important;text-align:left}.add-row-inline-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;border:1px dashed var(--color-accent-dim);border-radius:999px;background:transparent;color:var(--color-accent);cursor:pointer;opacity:.55;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.add-row-inline-btn:hover{opacity:1;background:#cc8b2a26;border-color:var(--color-accent)}.add-row-inline-btn svg{width:12px;height:12px}.results-table td{padding:.3em .6em;border-bottom:1px solid var(--color-border);vertical-align:middle}.table-fixed-scrollbar{position:fixed;bottom:8px;left:0;right:0;width:100vw;z-index:1200;overflow:hidden;height:18px;background:#fffffff2;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 18px #2a286824;padding:2px 8px;opacity:0;pointer-events:none;transition:opacity .15s ease}.table-fixed-scrollbar.visible{opacity:1;pointer-events:auto}.table-fixed-scrollbar-track{position:relative;width:100%;height:12px;border-radius:999px;background:var(--color-bg-tertiary);cursor:pointer}.table-fixed-scrollbar-track.disabled{opacity:.5;cursor:default}.table-fixed-scrollbar-thumb{position:absolute;top:0;left:0;height:100%;min-width:48px;border-radius:999px;background:var(--color-accent-dim);cursor:grab;transition:background-color var(--transition-fast)}.table-fixed-scrollbar-thumb:hover{background:var(--color-accent)}body.horizontal-scrollbar-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.results-table tbody tr{transition:background var(--transition-fast)}.results-table tbody tr:hover{background:var(--color-bg-tertiary)}.results-table tbody tr.row-correct{background:#cc8b2a0d}.results-table tbody tr.row-correct:hover{background:#cc8b2a1a}.results-table tbody tr.row-incorrect{background:#ff47570d}.results-table tbody tr.row-incorrect:hover{background:#ff47571a}.cell-input{width:100%;min-width:0;padding:.3em .5em;background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.cell-input:hover{border-color:var(--color-border-hover)}.cell-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.cell-input[type=number]{text-align:center;-moz-appearance:textfield}.cell-input[type=number]::-webkit-outer-spin-button,.cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vat-cell{position:relative;display:block;margin:-.3em -.6em;padding:.3em .6em;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.vat-cell:hover{background:linear-gradient(135deg,#d79a2f14,#d79a2f33)}.vat-trigger-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);opacity:0;pointer-events:none;padding:2px 6px;font-size:.6rem;font-weight:700;letter-spacing:.03em;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap}.vat-cell:hover .vat-trigger-btn{opacity:1;pointer-events:auto}.vat-popover{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:200;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #2a286824;padding:4px;display:flex;flex-direction:column;gap:2px;min-width:64px}.vat-option{padding:6px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:center}.vat-option:hover{background:var(--color-accent-glow);color:var(--color-accent-dim)}.cell-input.positive{color:var(--color-brand-secondary);font-weight:600}.cell-input.negative{color:var(--color-error);font-weight:600}.cell-computed{display:block;width:100%;padding:.3em .5em;font-size:.875rem;text-align:center;color:var(--color-text-secondary);font-weight:500}.cell-computed.positive{color:var(--color-brand-secondary);font-weight:600}.cell-computed.negative{color:var(--color-error);font-weight:600}.cell-textarea{width:100%;min-width:120px;padding:var(--spacing-sm);background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.8rem;font-family:inherit;line-height:1.5;resize:none;overflow:hidden;transition:all var(--transition-fast)}.cell-textarea:hover{border-color:var(--color-border-hover)}.cell-textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-accent-glow);min-height:60px}.cell-textarea-short{min-width:100px}.cell-textarea-short:focus{min-height:40px}.positive{color:var(--color-brand-secondary);font-weight:600}.negative{color:var(--color-error);font-weight:600}.table-actions{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-start;gap:var(--spacing-md)}.generate-html-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-base)}.generate-html-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px var(--color-accent-glow-strong)}.generate-html-btn:disabled{opacity:.6;cursor:not-allowed}.generate-html-btn svg{width:18px;height:18px}.generate-html-btn.sheets-btn{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%)}.generate-html-btn.sheets-btn:hover:not(:disabled){box-shadow:0 4px 20px var(--color-accent-glow-strong)}.html-preview-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);animation:fadeSlideIn .3s ease;width:100%;max-width:100%}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.generated-html-section{background:transparent;border:none;border-radius:0;margin-bottom:0;width:100%}.generated-html-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-tertiary)}.generated-html-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.generated-html-header h3:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-accent);border-radius:50%}.close-preview-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.close-preview-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.close-preview-btn svg{width:18px;height:18px}.generated-html-scroll{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(42,40,104,.24) var(--color-bg-tertiary)}.generated-html-scroll::-webkit-scrollbar{height:10px}.generated-html-scroll::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:5px}.generated-html-scroll::-webkit-scrollbar-thumb{background:var(--color-accent-dim);border-radius:5px}.generated-html-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.generated-html-content{display:inline-block;min-width:100%;padding:var(--spacing-lg)}.export-actions{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.export-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.export-btn svg{width:18px;height:18px}.export-btn.email-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.export-btn.email-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-glow)}.export-btn.pdf-btn{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);color:#fff}.export-btn.pdf-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px var(--color-accent-glow-strong)}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.export-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.export-actions.standalone{padding:0;border-top:none;background:transparent;justify-content:flex-start}.export-hint{margin:var(--spacing-md) 0 0 0;font-size:.75rem;color:var(--color-text-tertiary)}.modal-field{margin-bottom:var(--spacing-md)}.modal-field:last-child{margin-bottom:0}.modal-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.modal-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.modal-input::placeholder{color:var(--color-text-tertiary)}.row-number-column{width:40px;min-width:40px;text-align:center;font-weight:600;color:#94a3b8;font-size:.8rem;padding:0 4px!important}.delete-column{width:36px;min-width:36px;text-align:center;padding:0 4px!important}.delete-row-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-base)}.delete-row-btn:hover{background:#ff475726;color:#ff4757}.delete-row-btn svg{width:16px;height:16px}.action-column{text-align:center;width:100px}.action-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-elevated)}.action-btn svg{width:18px;height:18px}.action-btn.correct{color:var(--color-text-tertiary)}.action-btn.correct:hover:not(:disabled){background:#d79a2f26;color:var(--color-accent)}.action-btn.correct.active{background:var(--color-accent);color:#fff}.action-btn.incorrect{color:var(--color-text-tertiary)}.action-btn.incorrect:hover:not(:disabled){background:#ff475726;color:var(--color-error)}.action-btn.incorrect.active{background:var(--color-error);color:#fff}.action-btn:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#2a286838;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary)}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--spacing-lg)}.modal-product-info{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-product-info p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.modal-product-info p+p{margin-top:var(--spacing-xs)}.modal-product-info strong{color:var(--color-text-primary)}.modal-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.modal-textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-fast)}.modal-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.modal-textarea::placeholder{color:var(--color-text-tertiary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.modal-btn.cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.modal-btn.cancel:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-btn.submit{background:var(--color-accent);border:none;color:#fff}.modal-btn.submit:hover:not(:disabled){filter:brightness(1.1)}.modal-btn.submit:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.document-preview-overlay{padding:var(--spacing-lg)}.document-preview-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:900px;height:85vh;max-height:85vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}.document-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.document-preview-title{display:flex;align-items:center;gap:var(--spacing-md);font-weight:600;color:var(--color-text-primary);min-width:0}.document-preview-title svg{width:24px;height:24px;stroke:var(--color-accent);flex-shrink:0}.document-preview-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-preview-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.document-preview-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.document-preview-close svg{width:20px;height:20px}.document-preview-content{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:linear-gradient(180deg,#fff,#f8f6fb);min-height:0}.document-preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 10px 30px #2a28681f}.pdf-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.pdf-preview-placeholder svg{width:80px;height:80px;stroke:var(--color-accent);margin-bottom:var(--spacing-lg)}.pdf-preview-placeholder .pdf-notice{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.pdf-preview-placeholder .pdf-filename{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);word-break:break-all}.pdf-preview-placeholder .pdf-size{font-size:.875rem;color:var(--color-text-tertiary)}.preview-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary);text-align:center}.preview-unavailable svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5;stroke:var(--color-accent)}.preview-unavailable .pdf-filename{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);word-break:break-all}.preview-unavailable-text{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.preview-unavailable-hint{font-size:.75rem;color:var(--color-text-tertiary)}.pdf-viewer-container{width:100%;height:100%;flex:1;display:flex;flex-direction:column}.pdf-viewer-iframe{width:100%;flex:1;min-height:400px;border:none;border-radius:var(--radius-md);background:#fff}.document-preview-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.document-info{font-size:.75rem;color:var(--color-text-tertiary)}@media(max-width:1024px){.result-container{padding:var(--spacing-md)}.analysis-info-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:var(--spacing-md)}.result-container{padding:var(--spacing-sm)}.header{padding:var(--spacing-xl) 0}.result-page .header{padding:var(--spacing-md) 0}.logo-text{font-size:1.5rem}.view-switcher{width:100%;max-width:420px}.view-switcher-tab{min-width:0;flex:1}.dropzone{padding:var(--spacing-xl)}.files-grid{grid-template-columns:1fr}.scan-button{width:100%}.success-indicator h1{font-size:1.5rem}.analysis-info-content{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.file-link-name{max-width:150px}.summary-cards{grid-template-columns:1fr}.table-card{border-radius:var(--radius-md)}.table-header{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.table-header h2{font-size:1.125rem}.table-wrapper{padding:0 var(--spacing-sm)}.results-table{font-size:.75rem}.cell-input{min-width:60px;padding:var(--spacing-xs)}.cell-textarea{min-width:100px;font-size:.75rem}.action-btn{width:32px;height:32px}.action-btn svg{width:14px;height:14px}.table-actions{justify-content:center;padding:var(--spacing-md)}.generate-html-btn{width:100%;justify-content:center}.html-preview-card{border-radius:var(--radius-md)}.generated-html-header{padding:var(--spacing-md)}.generated-html-header h3{font-size:.875rem}.generated-html-content,.export-section{padding:var(--spacing-md)}.export-actions.standalone{flex-direction:column;gap:var(--spacing-sm)}.export-btn{width:100%;justify-content:center}.document-preview-overlay{padding:var(--spacing-sm)}.document-preview-modal{max-height:95vh}.document-preview-header{padding:var(--spacing-md)}.document-preview-title{font-size:.875rem}.document-preview-title svg{width:20px;height:20px}.document-preview-content{padding:var(--spacing-md);min-height:200px}.pdf-preview-placeholder svg{width:60px;height:60px}.pdf-preview-placeholder .pdf-notice{font-size:1rem}.modal{max-width:100%;margin:var(--spacing-sm)}.modal-footer{flex-direction:column-reverse;gap:var(--spacing-sm)}.modal-btn,.back-button{width:100%;justify-content:center}}@media(max-width:480px){.result-container{padding:var(--spacing-xs)}.analysis-info-panel{border-radius:var(--radius-md)}.analysis-info-header{padding:var(--spacing-sm) var(--spacing-md)}.analysis-info-content{padding:var(--spacing-md)}.invoice-save-status{padding:0 var(--spacing-md) var(--spacing-md)}.summary-card{padding:var(--spacing-md)}.summary-value{font-size:1.25rem}.table-header h2{font-size:1rem}.logo{gap:var(--spacing-sm)}.view-switcher-wrap{align-items:stretch}.view-switcher-note{text-align:left}.logo-icon{width:40px;height:40px}.logo-text{font-size:1.25rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.login-card{width:100%;max-width:420px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:0 18px 48px #2a28681a}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{height:48px;width:auto;object-fit:contain;margin-bottom:var(--spacing-md)}.login-title{font-size:1.4rem;font-weight:700;color:var(--color-text-primary)}.login-subtitle{margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column}.login-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.login-input{font-family:inherit;font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px var(--spacing-md);margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-input:focus{outline:none;border-color:var(--color-brand-secondary);box-shadow:0 0 0 3px var(--color-accent-glow)}.login-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.login-error{background:#d6425d14;border:1px solid rgba(214,66,93,.25);color:var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.9rem}.login-error-locked{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent-dim)}.login-button{font-family:inherit;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-brand-secondary) 0%,var(--color-brand-primary) 100%);border:none;border-radius:var(--radius-md);padding:13px var(--spacing-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #2a286838}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-hint{margin-top:var(--spacing-lg);text-align:center;font-size:.8rem;color:var(--color-text-tertiary)}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.logout-button{font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.logout-button:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.session-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem;color:var(--color-text-tertiary)}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f6fb;--color-bg-tertiary: #f1eef8;--color-bg-elevated: #fffdfa;--color-text-primary: #2a2868;--color-text-secondary: #5f5a8a;--color-text-tertiary: #8b87a8;--color-brand-primary: #2a2868;--color-brand-secondary: #4a3ea2;--color-accent: #d79a2f;--color-accent-dim: #b77c1e;--color-accent-glow: rgba(215, 154, 47, .16);--color-accent-glow-strong: rgba(215, 154, 47, .28);--color-error: #d6425d;--color-success: #d79a2f;--color-warning: #d79a2f;--color-border: rgba(42, 40, 104, .12);--color-border-hover: rgba(42, 40, 104, .22);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:#2a28682e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a286852}::selection{background:var(--color-accent-glow-strong);color:var(--color-text-primary)}