.data-table-wrapper{width:100%;margin:0;padding:0}.data-table-wrapper .handsontable{margin:0!important}.handsontable .align-left{text-align:left!important}.handsontable .error-cell{background-color:var(--app-color-state-danger-bg, #FFDCDC)!important;border:2px solid var(--app-color-state-danger, #FF6B6B)!important;position:relative}.handsontable .error-cell:hover{background-color:var(--app-color-state-danger-bg, #FFDCDC)!important;opacity:.8}.handsontable .error-cell.current{border:2px solid var(--app-color-state-danger, #FF6B6B)!important}.draggable-header{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-header[data-dragging=true]{cursor:grabbing}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.judgment-lock-section{background:linear-gradient(135deg,var(--app-color-bg-gray) 0%,var(--app-color-border-light-gray) 100%);border-radius:var(--app-border-radius-md);padding:var(--app-spacing-md);margin:var(--app-spacing-md) 0;border:1px solid var(--app-color-border-light-gray);box-shadow:0 2px 4px #0000000d}.lock-status{display:flex;align-items:center;gap:var(--app-spacing-12);margin-bottom:var(--app-spacing-12)}.status-indicator{display:inline-flex;align-items:center;padding:6px var(--app-spacing-12);border-radius:var(--app-border-radius-full);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);transition:all .3s ease}.status-indicator.preview{background:linear-gradient(135deg,var(--app-color-status-preview-bg) 0%,var(--app-color-status-preview-bg-2) 100%);color:var(--app-color-status-preview-text);border:1px solid #93c5fd}.status-indicator.locked{background:linear-gradient(135deg,var(--app-color-status-error-bg) 0%,var(--app-color-status-error-bg-2) 100%);color:var(--app-color-status-error-text);border:1px solid #f87171}.status-text{color:var(--app-color-text-info);font-size:var(--app-font-size-xs)}.lock-controls{display:flex;justify-content:center}.sync-notification{background:linear-gradient(135deg,#e3f2fd,#f1f8e9);border:1px solid #4caf50;border-radius:8px;padding:8px 12px;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:#2e7d32;animation:slideInDown .3s ease-out}.sync-icon{font-size:16px}.sync-text{flex:1}.sync-time{color:#666;font-size:11px}.throw-amount-section{margin:16px 0;padding:12px;background:linear-gradient(135deg,#fff3e0,#ffecb3);border:1px solid #ff9800;border-radius:10px;animation:fadeInUp .4s ease-out}.throw-amount-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.throw-amount-label{display:flex;align-items:center;gap:6px;font-weight:600;color:#f57c00;font-size:14px}.throw-icon{font-size:16px}.throw-amount-value{font-size:18px;font-weight:700;color:#d84315;background:#fffc;padding:4px 10px;border-radius:6px;border:1px solid #ff5722}.throw-amount-desc{font-size:11px;color:#bf360c;font-style:italic;opacity:.8}.calc-input-group{display:flex;flex-direction:column}.calc-input-group label{margin-bottom:4px;font-size:13px;color:#555}.calc-input-group input{padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:15px;box-sizing:border-box}.input-row{display:flex;gap:15px;margin-bottom:10px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.input-row>*{flex:1;max-width:220px;min-width:150px}.platform-selection{display:flex;align-items:center;gap:10px;margin-bottom:15px}@media (max-width: 768px){.input-row{flex-direction:column;gap:10px}.input-row>*{max-width:none;min-width:auto}.platform-selection{flex-direction:column;align-items:stretch;gap:8px}}.waterfee-description{color:var(--app-color-text-secondary);margin:var(--app-spacing-md) 0 var(--app-spacing-md) 0;text-align:center;font-size:var(--app-font-size-base);line-height:var(--app-line-height-relaxed, 1.5);font-weight:var(--app-font-weight-medium)}.waterfee-input-group{margin:var(--app-spacing-md) var(--app-spacing-lg)}.waterfee-input-group label{display:block;margin-bottom:var(--app-spacing-sm);font-weight:var(--app-font-weight-semibold);color:var(--app-color-text-primary);font-size:var(--app-font-size-sm)}.calc-input{padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:15px;box-sizing:border-box;width:100%;background:var(--app-color-bg-component);color:var(--app-color-text-primary);font-family:var(--app-font-family-base);transition:all .2s ease}.calc-input::placeholder{color:var(--app-color-text-muted);opacity:.7}.calc-input:focus{outline:none;border-color:var(--app-color-primary);box-shadow:0 0 0 2px #ff8fab1a}.calc-input:hover:not(:focus){border-color:var(--app-color-border-hover, #999)}.waterfee-percentage-wrapper{position:relative;display:flex;align-items:center}.waterfee-percentage-wrapper .calc-input{padding-right:35px}.waterfee-percentage-symbol{position:absolute;right:10px;color:var(--app-color-text-secondary);font-weight:var(--app-font-weight-semibold);font-size:15px;pointer-events:none}.waterfee-preview{background:linear-gradient(135deg,var(--app-color-secondary) 0%,rgba(255,143,171,.1) 100%);border-radius:var(--app-border-radius-lg);padding:var(--app-spacing-lg);margin:var(--app-spacing-md) var(--app-spacing-lg);border:1px solid var(--app-color-border-light);box-shadow:0 2px 8px #0000000d}.waterfee-preview-simple{background:var(--app-color-secondary);border-radius:var(--app-border-radius-md);padding:var(--app-spacing-md);margin:var(--app-spacing-md) 0;text-align:center;border:1px solid var(--app-color-border-light)}.waterfee-preview-simple span{color:var(--app-color-text-secondary);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.waterfee-preview-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--app-spacing-md)}.waterfee-preview-item:last-child{margin-bottom:0;padding-top:var(--app-spacing-md);border-top:1px solid var(--app-color-border-light)}.waterfee-preview-label{color:var(--app-color-text-secondary);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.waterfee-preview-value{font-weight:var(--app-font-weight-bold);color:var(--app-color-text-primary);font-size:var(--app-font-size-base);font-family:var(--app-font-family-mono, "Courier New", monospace)}.waterfee-preview-value.highlight{color:var(--app-color-primary);font-size:var(--app-font-size-lg);text-shadow:0 1px 2px rgba(255,143,171,.2)}.waterfee-modal-footer{display:flex;gap:var(--app-spacing-sm);justify-content:flex-end;padding:var(--app-spacing-md) 0;border-top:1px solid var(--app-color-border-light);margin-top:var(--app-spacing-lg)}.calc-input.error{border-color:var(--app-color-state-danger);background:var(--app-color-state-danger-bg, rgba(220, 53, 69, .05))}.calc-input.error:focus{box-shadow:0 0 0 2px #dc35451a}.waterfee-error-message{color:var(--app-color-state-danger);font-size:var(--app-font-size-xs);margin-top:var(--app-spacing-xs);display:flex;align-items:center;gap:var(--app-spacing-xs)}.waterfee-error-message:before{content:"⚠️";font-size:var(--app-font-size-sm)}@keyframes waterfee-success-pulse{0%{transform:scale(1);box-shadow:0 0 #4caf50b3}70%{transform:scale(1.02);box-shadow:0 0 0 8px #4caf5000}to{transform:scale(1);box-shadow:0 0 #4caf5000}}.waterfee-preview.success-state{animation:waterfee-success-pulse .6s ease-out;border-color:var(--app-color-state-success)}@media (max-width: 768px){.waterfee-preview{padding:var(--app-spacing-md);margin-top:var(--app-spacing-md)}.waterfee-input-group{margin-bottom:var(--app-spacing-sm)}.waterfee-modal-footer{flex-direction:column-reverse}}@media (max-width: 480px){.waterfee-preview{padding:var(--app-spacing-sm)}.waterfee-preview-item{flex-direction:column;align-items:flex-start;gap:var(--app-spacing-xs)}.waterfee-preview-item:last-child{padding-top:var(--app-spacing-sm)}.waterfee-preview-value{align-self:stretch;text-align:right}.calc-input{padding:8px 10px}}.waterfee-input:focus-visible{outline:2px solid var(--app-color-primary);outline-offset:2px}@media (prefers-contrast: high){.waterfee-input{border-width:3px}.waterfee-preview{border-width:2px}}@media (prefers-reduced-motion: reduce){.waterfee-input{transition:none}.waterfee-preview.success-state{animation:none}}.profit-loss-panel{display:flex;flex-direction:column;gap:0;height:100%;padding:0;background:#fff}.profit-loss-section{flex:0 0 auto;padding:12px 12px 8px}.cards-container{background:transparent;border-radius:8px;padding:12px;border:none}.cards-container.cards-scrollable{overflow-y:auto;max-height:148px;max-height:440px}.cards-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:8px 0 0;max-width:100%}.profit-loss-card{background:var(--app-color-secondary);border-radius:12px;border:2px solid var(--app-color-primary);padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.profit-loss-card.profit{background:var(--app-color-secondary);border-color:var(--app-color-primary)}.profit-loss-card.profit:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ff8fab40,0 0 0 1px #ff8fab1a;border-color:var(--app-color-primary);background:#fee2e2cc}.profit-loss-card.loss{border:2px solid var(--app-color-accent);background:var(--app-color-accent-bg, #EAF7EE)}.profit-loss-card.loss:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10b98140,0 0 0 1px #10b9811a;border-color:var(--app-color-accent);background:#eaf7eee6}.card-data-lines{display:flex;flex-direction:column;gap:2px;width:100%;justify-content:center;align-items:center}.card-number{font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-bold);color:#1e293b;text-align:center}.card-value{font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold);text-align:center;line-height:1.1}.profit-loss-card.profit .card-value{color:#dc2626}.profit-loss-card.loss .card-value{color:#059669}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;background:#f9f9f9;border-radius:8px;text-align:center;min-height:200px}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-state .empty-text{font-size:13px;color:#999;line-height:1.6}.statistics-section{flex:1;display:flex;flex-direction:column;min-height:0;padding:8px 12px 12px;overflow-y:auto}.statistics-container{display:flex;flex-direction:column;gap:8px;background:transparent;border-radius:0;padding:0;border:none;overflow:visible}.statistics-group{display:flex;flex-direction:column;gap:8px}.statistics-title{font-size:13px;font-weight:600;color:var(--app-color-text-primary);margin-bottom:4px}.statistics-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;align-items:start}.statistics-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--app-color-text-secondary);padding:8px 10px;background:#00000005;border-radius:4px;line-height:1.4;white-space:nowrap}.range-label{font-weight:500;color:var(--app-color-text-primary);word-break:break-word}.count{color:#000;font-weight:600}.percentage{color:#999;font-size:11px}.statistics-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#999;text-align:center;min-height:100px;font-size:13px}@media (max-width: 1200px){.profit-loss-panel{padding:12px 8px;gap:16px}.cards-container{padding:8px}.grid-row{grid-template-columns:repeat(7,1fr);gap:6px}.cards-grid{gap:6px}}.optimization-panel{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:20px;background:#fff}.input-section{flex:0 0 auto;background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.input-label{font-size:13px;font-weight:600;color:var(--app-color-text-primary)}.input-field{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:var(--app-color-text-primary);background:#fff;transition:all .2s;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--app-color-primary);box-shadow:0 0 0 3px #ff8fab1a}.input-field:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.input-hint{font-size:11px;color:#999;line-height:1.5;padding:0 4px}.button-wrapper{display:flex;justify-content:center;width:100%}.button-wrapper .btn-unified{width:calc(33.333% - 8px);max-width:120px}.status-section{flex:0 0 auto;background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e5e5}.current-status{display:flex;flex-direction:column;gap:12px}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-item{display:flex;align-items:baseline;gap:8px;padding:10px;background:#fafafa;border-radius:6px;font-size:13px;line-height:1.6}.status-item-half{grid-column:auto}.status-item .label{font-weight:600;color:var(--app-color-text-secondary);min-width:auto;white-space:nowrap;flex-shrink:0}.status-item .value{font-weight:700;color:#000;font-size:14px}.status-item .value.loss{color:#000}.status-item .detail{color:#999;font-size:12px;font-weight:400;margin-left:4px}.status-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#999;text-align:center;min-height:80px}.status-empty .empty-icon{font-size:36px;margin-bottom:8px;opacity:.6}.status-empty .empty-text{font-size:12px}.results-section{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d;min-height:0}.section-title{font-size:13px;font-weight:600;color:var(--app-color-text-primary);margin-bottom:12px}.optimization-results{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}.ev-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 10px;background:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.ev-item{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:6px}.ev-label{font-size:11px;color:var(--app-color-text-secondary);font-weight:500;line-height:1.3}.ev-value{font-size:13px;font-weight:700;line-height:1.4}.ev-value.profit{color:var(--app-color-primary)}.ev-value.loss{color:var(--app-color-accent)}.recommendation-box{display:flex;gap:10px;padding:12px 14px;border-radius:6px;border:1px solid;align-items:flex-start}.recommendation-box.recommend-yes{background:#10b9811a;border-color:var(--app-color-accent)}.recommendation-box.recommend-no{background:#ff9f401a;border-color:#ffb366}.recommendation-icon{font-size:16px;flex-shrink:0;margin-top:2px;line-height:1}.recommendation-text{font-size:13px;line-height:1.5;color:var(--app-color-text-primary);flex:1;padding:0}.framework-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#999;text-align:center;background:#fafafa;border-radius:6px;border:1px dashed #ddd}.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.placeholder-text{font-size:13px;line-height:1.6;color:#999}.placeholder-text small{font-size:11px;color:#bbb;margin-top:8px;display:block}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid var(--app-color-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.optimization-panel{padding:12px;gap:12px}.input-section,.status-section,.results-section{padding:12px}.input-field{padding:8px 10px;font-size:13px}.calculate-button{padding:10px 14px;font-size:13px}}.sum-modal-overlay{position:fixed;inset:0;background:#0000004d;z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sum-value-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;min-width:320px;max-width:400px;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5}.modal-title{margin:0;font-size:16px;font-weight:600;color:#333}.modal-close-btn{border:none;background:transparent;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f0f0f0;color:#333}.modal-content{padding:24px 20px;text-align:center}.value-display{margin-bottom:24px}.value-label{font-size:13px;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.value-number{font-size:36px;font-weight:700;color:var(--app-color-primary, #ff8fab);word-break:break-all;font-family:Courier New,monospace;padding:8px;background:#f9f9f9;border-radius:8px}.modal-actions{display:flex;gap:12px}.copy-button,.close-button{flex:1;padding:10px 16px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;outline:none}.copy-button{background:var(--app-color-primary, #ff8fab);color:#fff}.copy-button:hover:not(.success){background:#ff7a9d;box-shadow:0 4px 12px #ff8fab4d}.copy-button.success{background:#52c41a;color:#fff}.close-button{background:#e5e5e5;color:#666}.close-button:hover{background:#d0d0d0;color:#333}@media (max-width: 480px){.sum-value-modal{min-width:280px;max-width:90vw}.modal-content{padding:20px 16px}.value-number{font-size:28px}.modal-actions{flex-direction:column}}.tab3-profit-loss-optimization{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.top-control-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0;border-bottom:none;background:transparent;flex:0 0 auto;flex-wrap:nowrap}.page-switch-group{display:flex;gap:12px;flex:0 0 auto;align-items:center}.page-switch-btn{padding:8px 20px;border:2px solid #ddd;background:#fff;color:#666;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;outline:none;white-space:nowrap}.page-switch-btn:hover{border-color:#999;color:#333;background:#f9f9f9}.page-switch-btn.active{background:var(--app-color-primary);color:#fff;border-color:var(--app-color-primary);box-shadow:0 2px 8px #ff8fab4d}.right-controls-group{display:flex;gap:12px;flex:0 0 auto;align-items:center;margin-left:auto}.profit-loss-scope-switcher{position:relative;display:flex;align-items:center;gap:0;background:#fff;border-radius:24px;border:2px solid #e5e5e5;overflow:hidden;padding:2px;flex:0 0 auto;min-width:210px}.scope-switch-option{position:relative;flex:1;padding:6px 16px;border:none;background:transparent;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease;z-index:1;white-space:nowrap}.scope-switch-option.active{color:#fff}.scope-switch-option:focus-visible{outline:2px solid var(--app-color-primary);outline-offset:2px}.scope-switch-indicator{position:absolute;top:2px;left:2px;width:calc(33.333% - 4px);height:calc(100% - 4px);background:var(--app-color-primary);border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:0;pointer-events:none}.scope-switch-indicator.filter-profit{transform:translate(calc(100% + 4px))}.scope-switch-indicator.filter-loss{transform:translate(calc(200% + 8px))}.profit-loss-scope-switcher.scope-switcher--inactive .scope-switch-indicator{opacity:0}.profit-loss-scope-switcher.scope-switcher--inactive .scope-switch-option.active{color:#666}} opacity: 0; } .scope-switch-indicator.filter-all{transform:translate(0)}.tab3-platform-switcher{display:flex;align-items:center;background:#fff;border-radius:24px;border:2px solid #e5e5e5;position:relative;overflow:hidden;flex:0 0 auto;width:180px;height:auto}.tab3-platform-slider{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background:var(--app-color-primary);border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0);z-index:0;pointer-events:none}.tab3-platform-slider.slide-to-hk{transform:translate(100%)}.tab3-platform-option{flex:1;padding:6px 8px;border:none;background:transparent;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:color .3s ease;z-index:1;position:relative;outline:none;white-space:nowrap;text-align:center}.tab3-platform-option.active{color:#fff}.tab3-platform-option:disabled{cursor:not-allowed;opacity:.6}.sum-value-button{padding:8px 16px;border:2px solid #e5e5e5;background:#fff;color:#666;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;outline:none;white-space:nowrap;flex:0 0 auto}.sum-value-button:hover:not(:disabled){border-color:var(--app-color-primary);color:var(--app-color-primary);background:#ff8fab0d}.sum-value-button:active:not(:disabled){background:#ff8fab1a}.sum-value-button:disabled{cursor:not-allowed;opacity:.4}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;color:#999;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--app-color-primary);border-radius:50%;animation:spin 1s linear infinite}.page-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;background:#fff}@media (max-width: 1200px){.top-control-bar{padding:0;gap:12px}.page-switch-btn{padding:6px 12px;font-size:12px}.tab3-platform-switcher{font-size:12px}.profit-loss-scope-switcher{min-width:0}}.tab5-history-records{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;width:100%;overflow:hidden;background-color:var(--app-color-bg-page);box-sizing:border-box}.tab5-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding:12px 16px;background:linear-gradient(135deg,var(--app-color-bg-component),var(--app-color-bg-gray));border-radius:6px;border:1px solid var(--app-color-border-light);flex-shrink:0;box-shadow:0 2px 4px #0000000d}.toolbar-item{display:flex;align-items:center}.toolbar-select,.toolbar-input{padding:8px 12px;font-size:13px;border:1px solid var(--app-color-border-light);border-radius:4px;background-color:var(--app-color-bg-component);color:var(--app-color-text-primary);font-family:inherit;transition:all .2s ease;flex-shrink:0}.workspace-dropdown{position:relative;display:inline-block}.workspace-dropdown-trigger{border:2px solid var(--app-color-border-light);border-radius:4px;background:var(--app-color-bg-component);padding:8px 12px;font-size:13px;color:var(--app-color-text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:space-between;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit;font-weight:500}.workspace-dropdown-trigger:hover:not(:disabled){border-color:var(--app-color-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.workspace-dropdown-trigger:disabled{background-color:var(--app-color-bg-gray);color:var(--app-color-text-secondary);cursor:not-allowed;opacity:.6}.workspace-dropdown-panel{position:absolute;top:100%;left:0;z-index:1000;background:var(--app-color-bg-component);border:2px solid var(--app-color-primary);border-radius:4px;box-shadow:0 8px 24px #00000026;margin-top:4px;overflow:hidden;min-width:120px;max-height:300px;overflow-y:auto}.workspace-dropdown-option{width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--app-color-text-primary);font-family:inherit;white-space:nowrap}.option-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;font-weight:700;font-size:12px}.toolbar-select{min-width:120px;cursor:pointer;padding-right:28px}.toolbar-select:hover:not(:disabled),.toolbar-input:hover:not(:disabled){border-color:var(--app-color-primary);background-color:var(--app-color-primary-light)}.toolbar-select:focus:not(:disabled),.toolbar-input:focus:not(:disabled){outline:none;border-color:var(--app-color-primary);box-shadow:0 0 0 3px #6633991a}.toolbar-select:disabled,.toolbar-input:disabled{background-color:var(--app-color-bg-gray);color:var(--app-color-text-secondary);cursor:not-allowed;opacity:.6}.toolbar-input{min-width:150px;flex:1 1 auto;max-width:250px}.toolbar-button{padding:8px 16px;font-size:13px;font-weight:500;border:1px solid var(--app-color-border-light);border-radius:4px;background-color:var(--app-color-bg-component);color:var(--app-color-text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.toolbar-button:hover:not(:disabled){background-color:var(--app-color-primary-light);border-color:var(--app-color-primary);color:var(--app-color-primary);box-shadow:0 2px 8px #66339926;transform:translateY(-1px)}.toolbar-button:active:not(:disabled){transform:translateY(0)}.toolbar-button:disabled{background-color:var(--app-color-bg-gray);color:var(--app-color-text-secondary);cursor:not-allowed;opacity:.5;border-color:var(--app-color-border-light)}.statistics-cards-group{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0;flex-shrink:0}.statistics-card{padding:18px 12px 6px;border-radius:6px;background:linear-gradient(135deg,var(--app-color-bg-component),var(--app-color-bg-gray));box-shadow:0 2px 8px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;gap:2px}.statistics-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.statistics-card--primary{background:linear-gradient(135deg,#ff8fab26,#ff8fab0d)}.statistics-card--accent{background:linear-gradient(135deg,#99eed026,#99eed00d)}.statistics-card--info{background:linear-gradient(135deg,#3b82f626,#3b82f60d)}.statistics-card--success{background:linear-gradient(135deg,#99eed033,#99eed014)}.statistics-card--warning{background:linear-gradient(135deg,#ffc10726,#ffc1070d)}.statistics-card__icon{display:none}.statistics-card__title{font-size:var(--app-font-size-sm, 13px);color:var(--app-color-text-secondary);font-weight:var(--app-font-weight-medium, 500);margin:0;text-transform:none;letter-spacing:0;line-height:1.2}.statistics-card__value{font-size:var(--app-font-size-xl, 24px);font-weight:var(--app-font-weight-bold, 700);color:var(--app-color-text-primary);font-family:var(--app-font-family-mono, "Courier New", monospace);letter-spacing:0;line-height:1.2}@media (max-width: 1200px){.statistics-cards-group{grid-template-columns:repeat(5,1fr);gap:8px}}@media (max-width: 900px){.statistics-cards-group{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.statistics-cards-group{grid-template-columns:repeat(2,1fr)}.tab5-toolbar{gap:8px;padding:8px}.toolbar-select,.toolbar-input,.toolbar-button{font-size:12px;padding:6px 10px}.toolbar-select,.toolbar-input{min-width:100px}}.table-container{background-color:var(--app-color-bg-component);border:1px solid var(--app-table-border-color);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.history-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;display:flex;flex-direction:column;height:100%}.history-table thead{background-color:var(--app-table-header-bg);border-bottom:1px solid var(--app-table-border-color);position:relative;z-index:10;display:table;width:100%;flex-shrink:0;table-layout:fixed}.history-table thead tr{height:40px;display:table-row}.history-table th{padding:8px 12px;text-align:center;font-weight:var(--app-font-weight-semibold, 600);color:var(--app-color-text-primary);-webkit-user-select:none;user-select:none;border-right:1px solid var(--app-color-border-light);font-size:var(--app-font-size-base, 14px);display:table-cell;word-break:break-word}.history-table th:last-child{border-right:none}.history-table th.col-date{text-align:center;width:100px}.history-table th.col-amount{width:100px}.history-table th.col-fee{width:80px}.history-table th.col-thrown,.history-table th.col-prize,.history-table th.col-thrown-win{width:100px}.history-table th.col-settlement{width:120px}.history-table tbody{display:block;width:100%;flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.history-table tbody tr{height:36px;border-bottom:1px solid var(--app-table-border-color);transition:background-color .15s ease;display:table;width:100%;table-layout:fixed}.history-table tbody tr:nth-child(odd){background-color:var(--app-table-row-even-bg)}.history-table tbody tr:nth-child(2n){background-color:var(--app-table-header-bg)}.history-table tbody tr:hover{background-color:var(--app-color-primary-light)}.history-table td{padding:8px 12px;text-align:center;color:var(--app-color-text-primary);word-break:break-word;border-right:1px solid var(--app-color-border-light);font-size:13px;display:table-cell}.history-table td:last-child{border-right:none}.history-table td.col-date,.history-table td.col-amount{width:100px}.history-table td.col-fee{width:80px}.history-table td.col-thrown,.history-table td.col-prize,.history-table td.col-thrown-win{width:100px}.history-table td.col-settlement{width:120px}.history-table td:first-child{text-align:center;color:var(--app-color-text-secondary);font-family:Courier New,monospace}.history-table td:nth-child(2),.history-table td:nth-child(3),.history-table td:nth-child(4),.history-table td:nth-child(5),.history-table td:nth-child(6){font-family:Courier New,monospace}.empty-state-row{height:200px}.empty-state-cell{text-align:center!important;color:var(--app-color-text-secondary)!important;font-size:14px;padding:0!important;background-color:var(--app-color-bg-component)!important;border:none!important;display:flex!important;align-items:center;justify-content:center}.history-table tbody::-webkit-scrollbar{width:8px}.history-table tbody::-webkit-scrollbar-track{background-color:var(--app-color-bg-gray);border-radius:4px}.history-table tbody::-webkit-scrollbar-thumb{background-color:var(--app-color-border-light-gray);border-radius:4px}.history-table tbody::-webkit-scrollbar-thumb:hover{background-color:var(--app-color-text-secondary)}.history-table tbody{scrollbar-color:var(--app-color-border-light-gray) var(--app-color-bg-gray);scrollbar-width:thin}.value-positive{color:var(--app-color-accent);font-weight:600}.value-negative{color:var(--app-color-state-danger);font-weight:600}.value-neutral{color:var(--app-color-text-secondary)}.tab5-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--app-color-text-secondary)}.tab5-error{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px;background-color:var(--app-color-status-error-bg);color:var(--app-color-status-error-text);border-radius:8px;text-align:center}@media (max-width: 1200px){.history-table th.col-thrown-win{display:none}.history-table td:nth-child(6){display:none}}@media (max-width: 900px){.history-table th.col-fee{display:none}.history-table td:nth-child(3){display:none}.tab5-toolbar{flex-direction:column;align-items:flex-start}.toolbar-input{width:100%}}@media (max-width: 600px){.statistics-cards-group{grid-template-columns:repeat(2,1fr)}.history-table{font-size:12px}.history-table th,.history-table td{padding:6px 8px}.history-table th.col-date,.history-table td.col-date,.history-table th.col-amount,.history-table td.col-amount,.history-table th.col-thrown,.history-table td.col-thrown,.history-table th.col-prize,.history-table td.col-prize{width:80px}.history-table th.col-settlement,.history-table td.col-settlement{width:100px}.tab5-toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar-item,.toolbar-select,.toolbar-input,.toolbar-button{width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tab5-history-records{animation:slideDown .3s ease}@media print{.tab5-toolbar{display:none}.statistics-cards-group{page-break-inside:avoid}.history-table{table-layout:auto}}.workspace-selector{position:relative;display:inline-block;margin-right:var(--app-spacing-md)}.workspace-selector.compact{margin-right:var(--app-spacing-sm)}.workspace-label{font-weight:600;color:var(--app-color-text-dark);font-size:.9rem;white-space:nowrap}.workspace-current{height:var(--app-button-height, 38px);padding:0;background:var(--app-color-secondary, #FEE2E2);border:1px solid var(--app-color-border-light, #f0f0f0);border-radius:var(--app-border-radius-lg, 12px);box-shadow:0 4px 16px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:var(--app-font-size-sm, 14px);font-weight:var(--app-font-weight-medium, 500);color:var(--app-color-text-primary, #333333);min-width:200px;overflow:hidden}.workspace-label-section{flex:1;padding:0 var(--app-spacing-md);height:100%;font-weight:600;color:inherit;font-size:.9rem}.workspace-divider-line{width:1px;height:60%;background:var(--app-color-text-primary, #333333);opacity:.3}.workspace-interactive-section{flex:1;gap:var(--app-spacing-sm);padding:0 var(--app-spacing-md);height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 var(--app-border-radius-lg, 12px) var(--app-border-radius-lg, 12px) 0;cursor:pointer}.workspace-name{font-size:.95rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.workspace-interactive-section:hover{background:var(--app-color-primary, #FF8FAB);color:#fff}.workspace-interactive-section:hover .dropdown-arrow{color:#fff}.dropdown-arrow{font-size:.8rem;transition:transform .2s ease;color:var(--app-color-text-muted)}.workspace-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--app-color-bg-page, #FFFBF5);border:1px solid var(--app-color-border-light, #f0f0f0);border-radius:var(--app-border-radius-lg, 12px);box-shadow:0 4px 16px #0000001a;z-index:var(--app-z-dropdown);margin-top:var(--app-spacing-xs);max-height:400px;overflow-y:auto;min-width:250px;animation:workspaceDropdownSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes workspaceDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.workspace-section{padding:var(--app-spacing-sm) var(--app-spacing-md)}.section-header{font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-bold);color:var(--app-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--app-spacing-sm);padding:0 var(--app-spacing-xs) 0 var(--app-spacing-md);opacity:.8}.workspace-option{display:flex;align-items:center;margin-bottom:var(--app-spacing-sm);border-radius:var(--app-border-radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--app-color-state-danger-bg);border:1px solid var(--app-color-state-danger-bg);box-shadow:0 1px 3px #0000000d}.workspace-option:last-child{margin-bottom:0}.workspace-option:hover:not(.current){background:var(--app-color-state-danger);border-radius:var(--app-border-radius-full);border-color:var(--app-color-state-danger);transform:none;box-shadow:0 1px 3px #0000000d}.workspace-option:hover:not(.current) .workspace-button{color:#fff;font-weight:var(--app-font-weight-semibold, 600)}.workspace-option:active:not(.current){transform:scale(var(--app-button-press-scale, .95));transition:all var(--app-transition-press, .1s) ease}.workspace-option.current{background:var(--app-color-primary)!important;border-radius:var(--app-border-radius-full)!important;border:1px solid var(--app-color-primary)!important;box-shadow:0 2px 8px #ff8fab4d!important;transform:translateY(-1px)!important}.workspace-button{display:flex;align-items:center;justify-content:space-between;padding:var(--app-spacing-sm) var(--app-spacing-md);border:none;background:transparent;cursor:pointer;font-size:var(--app-font-size-sm);color:var(--app-color-state-danger);text-align:left;border-radius:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;width:100%}.workspace-option.current .workspace-button{color:#fff;font-weight:var(--app-font-weight-semibold, 600)}.option-name{text-align:left;flex:1}.current-indicator{display:none}.workspace-divider{height:1px;background:var(--app-color-border-light);margin:0 var(--app-spacing-sm);border-radius:1px;opacity:.8}.delete-button{padding:var(--app-spacing-xs) var(--app-spacing-sm);border:none;background:transparent;cursor:pointer;font-size:12px;border-radius:var(--app-border-radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7;color:var(--app-color-text-secondary)}.delete-button:hover{opacity:1;transform:scale(1.2);background:transparent;border:none;color:var(--app-color-state-danger);box-shadow:none}.edit-button{padding:var(--app-spacing-xs) var(--app-spacing-sm);border:none;background:transparent;cursor:pointer;font-size:12px;border-radius:var(--app-border-radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7;color:var(--app-color-text-secondary)}.edit-button:hover{opacity:1;transform:scale(1.2);background:transparent;border:none;color:var(--app-color-primary);box-shadow:none}.workspace-option.editing{background:var(--app-color-secondary);border:1px solid var(--app-color-primary);border-radius:var(--app-border-radius-sm)}.workspace-edit-container{flex:1;padding:var(--app-spacing-sm) var(--app-spacing-md)}.workspace-edit-input{width:100%;padding:var(--app-spacing-sm) var(--app-spacing-md);border:2px solid var(--app-color-primary);border-radius:var(--app-border-radius-lg);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);background:var(--app-color-bg-component);color:var(--app-color-text-primary);margin-bottom:var(--app-spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.workspace-edit-input:focus{outline:none;border-color:var(--app-color-primary-pressed);box-shadow:0 0 0 3px #ff8fab33;transform:translateY(-1px)}.edit-error-message{font-size:var(--app-font-size-xs);color:var(--app-color-state-danger);margin-top:var(--app-spacing-xs);padding:var(--app-spacing-xs) var(--app-spacing-sm);background:var(--app-color-state-danger-bg);border-radius:var(--app-border-radius-sm);border:1px solid var(--app-color-state-danger);opacity:.9}.fresh-button-edit{background:var(--app-color-accent);border:1px solid var(--app-color-accent);color:#fff;padding:var(--app-spacing-xs) var(--app-spacing-sm);border-radius:var(--app-border-radius-full);font-size:12px;font-weight:var(--app-font-weight-medium);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:28px}.fresh-button-edit:hover:not(:disabled){background:var(--app-color-accent-pressed);border-color:var(--app-color-accent-pressed);transform:translateY(-1px);box-shadow:0 2px 8px #99eed033}.fresh-button-edit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.suggestions-grid{margin-top:6px;grid-template-columns:1fr 1fr;max-width:100%}.create-workspace-input input{padding:var(--app-spacing-sm) var(--app-spacing-md);border:2px solid var(--app-color-primary);border-radius:var(--app-border-radius-lg);outline:none;font-size:var(--app-font-size-sm);background:var(--app-color-bg-component);color:var(--app-color-text-primary);font-weight:var(--app-font-weight-medium);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.create-workspace-input input:focus{border-color:var(--app-color-primary-pressed);box-shadow:0 0 0 3px #ff8fab33;transform:translateY(-1px)}.create-workspace-input input::placeholder{color:var(--app-color-text-secondary);opacity:.8}.error-message{font-size:var(--app-font-size-xs);color:var(--app-color-state-danger);padding:var(--app-spacing-xs) 0;text-align:center;background:var(--app-color-state-danger-bg);border:1px solid var(--app-color-state-danger);border-radius:var(--app-border-radius-sm);margin-top:var(--app-spacing-xs);opacity:.9}.fresh-button-suggestion{background:var(--app-color-bg-page);border:1px solid var(--app-color-border-light);color:var(--app-color-text-secondary);padding:var(--app-spacing-sm) var(--app-spacing-md);border-radius:var(--app-border-radius-full);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;min-height:32px;width:100%;box-sizing:border-box;text-align:center}.fresh-button-suggestion:hover:not(:disabled){background:var(--app-color-secondary);border-color:var(--app-color-primary);color:var(--app-color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #ff8fab33}.delete-confirmation-overlay{position:fixed;inset:0;background:var(--app-color-modal-overlay, rgba(0, 0, 0, .4));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--app-z-modal-backdrop);animation:overlayFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.delete-confirmation-dialog{background:var(--app-color-bg-page);border-radius:var(--app-border-radius-lg);box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff0d;border:1px solid var(--app-color-border-light);max-width:400px;width:90%;margin:20px;animation:dialogSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{padding:var(--app-spacing-lg) var(--app-spacing-xl) var(--app-spacing-md);font-size:var(--app-font-size-xl);font-weight:var(--app-font-weight-bold);color:var(--app-color-text-primary);border-bottom:1px solid var(--app-color-border-light)}.dialog-content{padding:var(--app-spacing-lg) var(--app-spacing-xl)}.dialog-content p{margin:0 0 var(--app-spacing-md) 0;color:var(--app-color-text-secondary);line-height:var(--app-line-height-relaxed, 1.6);font-size:var(--app-font-size-base)}.dialog-content p:last-child{margin-bottom:0}.warning-text{color:var(--app-color-state-danger)!important;font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.dialog-actions{padding:var(--app-spacing-md) var(--app-spacing-xl) var(--app-spacing-xl);display:flex;gap:var(--app-spacing-sm);justify-content:flex-end}.workspace-selector.compact .workspace-current{min-width:90px;padding:6px 10px}.workspace-selector.compact .workspace-name{font-size:.85rem}.workspace-selector.compact .workspace-dropdown{min-width:200px}.workspace-selector.compact .workspace-current:hover{background:var(--app-color-primary, #FF8FAB);border-color:var(--app-color-primary, #FF8FAB);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ff8fab40}.workspace-selector.compact .workspace-current:hover .workspace-name,.workspace-selector.compact .workspace-current:hover .dropdown-arrow{color:#fff}.workspace-selector.compact .workspace-interactive-section:hover{background:transparent;color:inherit}.workspace-selector.compact .workspace-interactive-section:hover .dropdown-arrow{color:inherit}@media (max-width: 768px){.workspace-selector{width:100%;margin-right:0;margin-bottom:8px}.workspace-current{min-width:unset;width:100%}.workspace-dropdown{left:0;right:0;min-width:unset}.suggestions-grid{grid-template-columns:repeat(3,1fr)}}.virtual-keyboard{position:absolute;top:100%;left:max(10px,calc(100% - 280px - var(--app-spacing-xl)));background-color:var(--app-color-gray-100);border:1px solid var(--app-color-gray-300);border-radius:var(--app-border-radius-sm);padding:10px;box-shadow:var(--app-shadow-md);z-index:var(--app-z-dropdown);width:280px;max-width:calc(100vw - 20px);box-sizing:border-box;margin-top:var(--app-spacing-sm);bottom:auto}.keyboard-header{margin-bottom:var(--app-spacing-sm)}.keyboard-close-btn{background:none;border:none;font-size:var(--app-font-size-lg);color:var(--app-color-gray-500);cursor:pointer;padding:0 5px}.keyboard-close-btn:hover{color:var(--app-color-gray-900)}.keyboard-key{background-color:var(--app-color-bg-component);border:1px solid var(--app-color-gray-400);border-radius:6px;font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium);color:var(--app-color-gray-600);height:50px;cursor:pointer;transition:background-color .2s,box-shadow .2s}.keyboard-key:active{background-color:var(--app-color-gray-200);box-shadow:inset 0 2px 4px #0000001a}.key-delete{font-size:24px;grid-column:span 2}.virtual-keyboard.show-above{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}@media (max-width: 768px){.virtual-keyboard{width:240px;left:max(10px,calc(100% - 264px))}}@media (max-width: 480px){.virtual-keyboard{width:200px;left:max(10px,calc(100% - 220px));padding:8px}.keyboard-key{height:40px;font-size:18px}}@media (max-height: 600px){.virtual-keyboard{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}}:root{--app-color-primary-light: #FFF0F3;--app-color-accent-light: #E0F7FA;--app-shadow-subtle: 0 4px 12px rgba(0, 0, 0, .05);--app-shadow-medium-pink: 0 8px 24px rgba(255, 107, 129, .1);--app-border-radius-large: 24px;--app-color-border-focus: var(--app-color-primary);--app-color-border-hover: var(--app-color-gray-400);--app-transition-base: all .2s ease;--app-transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);--app-transform-hover-scale: scale(1.05);--app-transform-active-scale: scale(.95)}.history-modal .financial-summary-positive,.history-record-item .financial-summary-positive,.value.financial-summary-positive,.summary-value.financial-summary-positive,span.financial-summary-positive,.stat-value.profit{color:var(--app-color-primary)!important;font-weight:var(--app-font-weight-bold)!important}.history-modal .financial-summary-negative,.history-record-item .financial-summary-negative,.value.financial-summary-negative,.summary-value.financial-summary-negative,span.financial-summary-negative,.stat-value.loss{color:var(--app-color-accent)!important;font-weight:var(--app-font-weight-bold)!important}.history-modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:1000;padding:var(--app-spacing-lg)}.history-modal{background:var(--app-color-bg-component);border-radius:var(--app-border-radius-md);width:95%;max-width:1200px;height:85vh;box-shadow:0 10px 40px #0003}.fresh-themed-header{cursor:grab;padding:var(--app-spacing-md) var(--app-spacing-lg)}.fresh-themed-header--primary{background-color:transparent}.fresh-themed-header--accent{background-color:var(--app-color-bg-page)!important}.fresh-themed-header h1,.fresh-themed-header h2{font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-bold);margin:0}.fresh-themed-header--primary h1,.fresh-themed-header--primary h2{color:var(--app-color-primary)}.fresh-themed-header--accent h1,.fresh-themed-header--accent h2{color:var(--app-color-primary)!important}.history-header{position:relative;padding:20px 60px 20px 25px;border-bottom:1px solid var(--app-color-gray-300);background:var(--app-color-gray-100);border-radius:12px 12px 0 0}.header-content{flex:1}.history-header h2{margin:0;color:var(--app-color-text-primary);font-size:20px}.fresh-button-icon{background-color:var(--app-color-secondary);color:var(--app-color-text-primary);width:40px;height:40px;padding:0;border:none;border-radius:50%;cursor:pointer;transition:var(--app-transition-base);font-size:var(--app-font-size-base);display:inline-flex;align-items:center;justify-content:center}.fresh-button-icon:hover{background-color:var(--app-color-gray-300);transform:var(--app-transform-hover-scale)}.fresh-button-icon--danger{background-color:var(--app-color-state-danger-bg);color:var(--app-color-state-danger)}.fresh-button-icon--danger:hover{background-color:var(--app-color-state-danger);color:#fff;transform:var(--app-transform-hover-scale)}.fresh-close-button{position:relative;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:var(--app-font-weight-bold);color:#fff;background:linear-gradient(135deg,var(--app-color-primary) 0%,#FF6B9D 50%,var(--app-color-state-danger) 100%);box-shadow:0 2px 8px #ff8fab4d;transition:var(--app-transition-smooth);user-select:none;-webkit-user-select:none;z-index:10}.fresh-close-button:before{content:"×";font-size:20px;line-height:1;transition:var(--app-transition-smooth)}.fresh-close-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 4px 16px #ff8fab66;background:linear-gradient(135deg,#FF6B9D 0%,var(--app-color-state-danger) 50%,#E53E3E 100%)}.fresh-close-button:hover:before{transform:scale(1.2)}.fresh-close-button:active{transform:scale(.95) rotate(90deg);transition-duration:.1s}.fresh-close-button:focus{outline:2px solid var(--app-color-primary);outline-offset:2px}.fresh-close-button:focus:not(:focus-visible){outline:none}.fresh-close-button--absolute{position:absolute;top:var(--app-spacing-md);right:var(--app-spacing-md)}.close-detail{background:linear-gradient(135deg,var(--app-color-gray-500) 0%,var(--app-color-gray-600) 100%);border:none;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;color:#fff;line-height:1;z-index:10;transition:var(--app-transition-base);box-shadow:0 2px 6px #6c757d4d}.close-detail:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 3px 8px #6c757d66;background:linear-gradient(135deg,var(--app-color-gray-600) 0%,var(--app-color-gray-900) 100%)}.close-detail:active{transform:scale(.95)}.workspace-select-badge{background:var(--app-color-bg-component);border:2px dashed var(--app-color-border-light);border-radius:var(--app-border-radius-md);padding:8px 12px;font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);color:var(--app-color-text-primary);cursor:pointer;transition:var(--app-transition-smooth);white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.workspace-select-badge:hover{transform:translateY(-2px);box-shadow:var(--app-shadow-subtle);border-color:var(--app-color-primary);border-style:solid}.workspace-select-badge.selected{background:linear-gradient(135deg,var(--app-color-primary) 0%,#FF6B9D 100%);border-color:var(--app-color-primary);border-style:solid;color:#fff;box-shadow:var(--app-shadow-subtle)}.workspace-select-badge.selected:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--app-shadow-medium-pink)}.workspace-select-badge:active{transform:translateY(0) scale(.98);transition-duration:.1s}.workspace-badge-icon{font-size:12px;line-height:1;font-weight:700}.workspace-badge-text{line-height:1}.workspace-filter-badge{background:var(--app-color-bg-component);border:2px dashed var(--app-color-border-light);border-radius:var(--app-border-radius-sm);padding:6px 10px;font-size:12px;font-weight:var(--app-font-weight-medium);color:var(--app-color-text-primary);cursor:pointer;transition:var(--app-transition-smooth);white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px;min-height:28px}.workspace-filter-badge:hover{transform:translateY(-1px);border-color:var(--app-color-primary);border-style:solid;box-shadow:0 2px 8px #0000001a}.workspace-filter-badge.selected{background:linear-gradient(135deg,var(--app-color-primary) 0%,#FF6B9D 100%);border-color:var(--app-color-primary);border-style:solid;color:#fff;box-shadow:0 2px 8px #00000026}.workspace-filter-badge.selected:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--app-shadow-medium-pink)}.fresh-input-group input[type=date]{border:2px solid var(--app-color-border-light)!important;border-radius:var(--app-border-radius-md)!important;background:var(--app-color-bg-component)!important;padding:10px 12px!important;font-size:var(--app-font-size-sm)!important;color:var(--app-color-text-primary)!important;transition:var(--app-transition-smooth)!important;box-shadow:none!important;cursor:pointer!important;width:100%;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.fresh-input-group input[type=date]:hover{border-color:var(--app-color-primary)!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)}.fresh-input-group input[type=date]:focus{outline:none!important;border-color:var(--app-color-primary)!important;box-shadow:0 0 0 3px #ff6b9d33!important}.fresh-input-group input[type=date]::-webkit-calendar-picker-indicator{background:var(--app-color-primary);border-radius:50%;padding:2px;cursor:pointer;transition:var(--app-transition-base)}.fresh-input-group input[type=date]::-webkit-calendar-picker-indicator:hover{background:#ff6b9d;transform:scale(1.1)}.fresh-input-group input[type=date]::-webkit-inner-spin-button,.fresh-input-group input[type=date]::-webkit-clear-button{display:none}.fresh-select-styled{border:2px solid var(--app-color-border-light)!important;border-radius:var(--app-border-radius-md)!important;background:var(--app-color-bg-component)!important;padding:10px 32px 10px 12px!important;font-size:var(--app-font-size-sm)!important;color:var(--app-color-text-primary)!important;transition:var(--app-transition-smooth)!important;box-shadow:none!important;cursor:pointer!important;min-width:120px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M7 10l5 5 5-5' stroke='%23FF6B9D' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.fresh-select-styled:hover{border-color:var(--app-color-primary)!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)}.fresh-select-styled:focus{outline:none!important;border-color:var(--app-color-primary)!important;box-shadow:0 0 0 3px #ff6b9d33!important}.custom-workspace-dropdown{position:relative;display:inline-block}.workspace-dropdown-trigger{border:2px solid var(--app-color-border-light);border-radius:var(--app-border-radius-md);background:var(--app-color-bg-component);padding:10px 12px;font-size:var(--app-font-size-sm);color:var(--app-color-text-primary);cursor:pointer;transition:var(--app-transition-smooth);display:flex;align-items:center;gap:8px;min-width:120px;justify-content:space-between;-webkit-user-select:none;user-select:none}.workspace-dropdown-trigger:hover{border-color:var(--app-color-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.dropdown-arrow{font-size:12px;transition:transform .2s ease;color:var(--app-color-primary)}.dropdown-arrow.open{transform:rotate(180deg)}.workspace-dropdown-panel{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--app-color-bg-component);border:2px solid var(--app-color-primary);border-radius:var(--app-border-radius-md);box-shadow:0 8px 24px #00000026;margin-top:4px;overflow:hidden;animation:dropdown-slide-in .2s ease-out}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.workspace-dropdown-option{width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;transition:var(--app-transition-base);display:flex;align-items:center;gap:8px;font-size:var(--app-font-size-sm);color:var(--app-color-text-primary)}.workspace-dropdown-option:hover{background:var(--app-color-secondary)}.workspace-dropdown-option.selected{background:linear-gradient(135deg,var(--app-color-primary) 0%,#FF6B9D 100%);color:#fff}.workspace-dropdown-option.selected:hover{background:linear-gradient(135deg,#FF6B9D 0%,var(--app-color-primary) 100%)}.option-icon{font-size:10px;font-weight:700;width:12px;display:flex;justify-content:center}.fresh-toolbar{padding:var(--app-spacing-md) 0}.fresh-input-group{position:relative;padding:var(--app-spacing-sm) 0}.fresh-input-group input,.fresh-input-group select{border:none;border-bottom:2px solid var(--app-color-gray-200);background:none;padding:var(--app-spacing-xs);font-size:var(--app-font-size-base);transition:border-color .2s ease}.fresh-input-group input:focus,.fresh-input-group select:focus{outline:none;border-bottom-color:var(--app-color-border-focus)}.history-toolbar{padding:var(--app-spacing-md) var(--app-spacing-xl);border-bottom:1px solid var(--app-color-gray-300);background:#fff}.search-area{flex:1;max-width:500px}.date-search{padding:var(--app-spacing-sm) var(--app-spacing-md);border:1px solid var(--app-color-gray-300);border-radius:6px;font-size:14px;min-width:150px}.workspace-filter{padding:var(--app-spacing-sm) var(--app-spacing-md);border:1px solid var(--app-color-gray-300);border-radius:6px;font-size:14px;min-width:120px;background:#fff}.clear-search{padding:var(--app-spacing-sm) var(--app-spacing-md);background:var(--app-color-gray-500);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s ease;writing-mode:horizontal-tb;white-space:nowrap}.clear-search:hover{background:var(--app-color-gray-600)}.label-search{padding:var(--app-spacing-sm) var(--app-spacing-md);border:1px solid var(--app-color-gray-300);border-radius:4px;font-size:14px;min-width:200px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.label-search:focus{border-color:var(--app-color-info-primary);box-shadow:0 0 0 2px #007bff40}.history-content{flex:1;min-height:0}.history-list{flex:1;overflow-y:auto;padding:20px 25px;border-right:1px solid var(--app-color-gray-300)}.fresh-layout--main-and-details{width:100%;height:100%}.fresh-layout__main-panel{width:60%;transition:width .3s ease}.fresh-layout--main-only .fresh-layout__main-panel{width:100%}.fresh-layout__details-panel{width:40%;background-color:var(--app-color-bg-component);animation:fresh-slideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fresh-slideIn{0%{transform:translate(50%);opacity:0}to{transform:translate(0);opacity:1}}.fresh-record-card--badge{background-color:var(--app-color-bg-component);border-radius:var(--app-border-radius-md);box-shadow:var(--app-shadow-subtle);padding:var(--app-spacing-md);margin-bottom:var(--app-spacing-md);position:relative;overflow:hidden;transition:all .2s ease-out;border-left:4px solid var(--app-color-accent)}.fresh-record-card--badge:hover{transform:translateY(-4px);box-shadow:var(--app-shadow-medium-pink)}.fresh-record-card--badge.ws-color-2{border-left-color:var(--app-color-state-warning)}.fresh-record-card__summary{padding:var(--app-spacing-md);background-color:var(--app-color-bg-gray);border-radius:var(--app-border-radius-sm);margin:var(--app-spacing-sm) 0}.fresh-record-card__summary--horizontal{display:flex;justify-content:center;align-items:center;gap:32px}.fresh-record-card__summary--horizontal .summary-item{display:flex;align-items:center;gap:var(--app-spacing-xs);flex:0 0 auto}.fresh-record-card__summary .summary-value{font-weight:var(--app-font-weight-bold);font-size:15px}.fresh-record-card__summary .summary-value.positive{color:var(--app-color-accent)}.fresh-record-card__summary .summary-value.negative{color:var(--app-color-state-danger)}.record-item{padding:15px;border:1px solid #e5e5e5;border-radius:var(--app-border-radius-sm);margin-bottom:8px;background:#fff;transition:var(--app-transition-base)}.record-item:hover{border-color:var(--app-color-info-primary);box-shadow:0 2px 8px #007bff1a}.record-info{flex:1}.tab-info{margin-bottom:8px}.workspace-badge{display:inline-block;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:3px 10px;border-radius:15px;font-size:10px;font-weight:700;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin-right:8px;box-shadow:0 2px 4px #007bff4d}.record-description{font-weight:600;color:#2c3e50;margin-right:8px;font-size:13px}.timestamp{color:#666;font-size:12px}.summary-item{font-size:13px}.summary-item .label{color:#666;font-weight:500}.summary-item .value{color:var(--app-color-text-primary);font-weight:600}.date-group{margin-bottom:25px}.date-header{padding:10px 15px;background:var(--app-color-gray-100);border-radius:var(--app-border-radius-sm);margin-bottom:10px;border-left:4px solid #007bff}.date-header h3{margin:0;color:var(--app-color-text-primary);font-size:16px}.record-count{color:#666;font-size:12px;background:#e9ecef;padding:3px 8px;border-radius:12px}.detail-panel{width:400px;background:var(--app-color-gray-100);border-left:1px solid #e5e5e5}.detail-header{padding:var(--app-spacing-lg);border-bottom:1px solid var(--app-color-gray-300);background:#fff}.detail-header h3{margin:0;color:var(--app-color-text-primary);font-size:16px}.detail-content{flex:1;overflow-y:auto;padding:var(--app-spacing-lg)}.detail-section{margin-bottom:25px}.detail-section h4{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:8px}.table-summary p{margin:8px 0;font-size:13px;color:var(--app-color-text-primary)}.financial-details{background:#fff;padding:15px;border-radius:6px;border:1px solid #e5e5e5}.detail-row{padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.detail-row:last-child{border-bottom:none}.detail-row.final-result{background:var(--app-color-gray-100);margin:10px -15px -15px;padding:12px 15px;border-top:2px solid #007bff;font-size:14px}.detail-row span:first-child{color:#666;font-weight:500}.detail-row span:last-child{color:var(--app-color-text-primary);font-weight:600}.record-meta p{margin:8px 0;font-size:13px;color:var(--app-color-text-primary)}.fresh-stat-card{background-color:var(--app-color-bg-component);padding:var(--app-spacing-md);border-radius:var(--app-border-radius-md);border:1px solid #F0F0F0}.fresh-stat-card .stat-label{font-size:var(--app-font-size-base);color:var(--app-color-text-secondary);margin-bottom:var(--app-spacing-sm);display:block}.fresh-stat-card .stat-value{font-size:18px;font-weight:var(--app-font-weight-bold);color:var(--app-color-text-primary)}.stat-label{font-size:.85rem;color:var(--app-color-text-secondary);margin-bottom:8px;font-weight:500}.stat-value{font-size:1.3rem;font-weight:600;color:var(--app-color-text-primary)}.fresh-stat-card--final{margin-top:var(--app-spacing-md);text-align:center;background-color:#fff;border:2px solid var(--app-color-accent);border-radius:var(--app-border-radius-md);padding:var(--app-spacing-md)}.fresh-stat-card--final.financial-summary-positive{border-color:var(--app-color-primary, #FF8FAB)}.fresh-stat-card--final.financial-summary-negative{border-color:var(--app-color-accent, #99EED0)}.fresh-stat-card--final .stat-label{font-size:28px;margin-right:2rem}.fresh-stat-card--final .stat-value{font-size:28px;color:var(--app-color-accent)}.fresh-hero-badge{background-color:var(--app-color-bg-component);border-radius:var(--app-border-radius-large);padding:0;text-align:center;margin-bottom:var(--app-spacing-lg);border:1px solid #E5E7EB;overflow:hidden}.fresh-hero-badge-icon-area{padding:var(--app-spacing-lg);background-color:var(--app-color-accent-bg, #EAF7EE)}.fresh-hero-badge.negative .fresh-hero-badge-icon-area{background-color:var(--app-color-state-danger-bg, #FFEAEA)}.fresh-hero-badge-icon-area .icon{font-size:48px}.fresh-hero-badge-content{padding:var(--app-spacing-md) var(--app-spacing-lg) var(--app-spacing-lg)}.fresh-hero-badge .label{font-size:var(--app-font-size-base);color:var(--app-color-text-secondary)}.fresh-hero-badge .value{font-size:42px;font-weight:var(--app-font-weight-bold);color:var(--app-color-primary)!important;margin-top:var(--app-spacing-sm);line-height:1.1}.fresh-hero-badge.negative .value{color:var(--app-color-accent)!important}.fresh-stat-badge{background:var(--app-color-bg-component);border-radius:var(--app-border-radius-md);padding:var(--app-spacing-md);border:1px solid #E5E7EB;transition:transform .2s ease}.fresh-stat-badge:hover{transform:translateY(-4px);box-shadow:var(--app-shadow-subtle)}.fresh-stat-badge-icon{width:48px;height:48px;border-radius:50%;font-size:24px;flex-shrink:0}.fresh-stat-badge-icon.calendar{background-color:#ebebff;color:#5c5cff}.fresh-stat-badge-icon.trend{background-color:#fff3e0;color:#ffa000}.fresh-stat-badge-icon.profit{background-color:var(--app-color-accent-bg, #EAF7EE);color:var(--app-color-primary)!important}.fresh-stat-badge-icon.loss{background-color:var(--app-color-state-danger-bg, #FFEAEA);color:var(--app-color-accent)!important}.fresh-stat-badge-content .label{font-size:var(--app-font-size-base);color:var(--app-color-text-secondary)}.fresh-stat-badge-content .value{font-size:20px;font-weight:var(--app-font-weight-bold);color:var(--app-color-text-primary)}.detail-table-container{margin-top:15px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;height:250px}.mini-table{width:100%;border-collapse:collapse}.mini-table thead{position:sticky;top:0;background-color:#f7f7f7;z-index:1}.mini-table th,.mini-table td{padding:var(--app-spacing-sm) var(--app-spacing-md);text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap}.mini-table th{font-weight:600;color:#555;font-size:13px}.mini-table td{font-size:14px;font-family:Menlo,Consolas,monospace;color:var(--app-color-text-primary)}.mini-table tbody{display:block;overflow-y:auto;height:212px}.mini-table thead,.mini-table tbody tr{display:table;width:100%;table-layout:fixed}.mini-table tbody tr:last-child td{border-bottom:none}.mini-table tbody tr:nth-child(2n){background-color:#fafafa}.fresh-mini-table{width:100%;border-collapse:collapse;font-size:var(--app-font-size-base)}.fresh-mini-table th,.fresh-mini-table td{padding:12px 24px;text-align:left;border-bottom:1px solid #F0F0F0}.fresh-mini-table th{font-weight:var(--app-font-weight-medium);color:var(--app-color-text-secondary)}.edit-description-btn{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px;border-radius:4px;transition:background-color .2s ease;font-size:14px}.edit-description-btn:hover{background-color:#f8f9fa}.edit-description{flex:1}.description-input{flex:1;min-width:200px;max-width:300px;padding:6px 10px;border:1px solid var(--app-color-gray-300);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.description-input:focus{border-color:var(--app-color-info-primary);box-shadow:0 0 0 2px #007bff40}.save-edit-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:var(--app-transition-base)}.save-edit-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:var(--app-transform-hover-scale)}.cancel-edit-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:var(--app-transition-base)}.cancel-edit-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:var(--app-transform-hover-scale)}.loading,.empty-state{text-align:center;color:#666;padding:40px 20px;font-size:16px}@media (max-width: 768px){.history-modal{width:100%;height:95vh;margin:0;border-radius:0}.header-content{flex-direction:column;align-items:flex-start;gap:8px}.history-content{flex-direction:column}.detail-panel{width:100%;max-height:50%}.history-toolbar{flex-direction:column;align-items:stretch}.search-area{flex-direction:column;max-width:unset;width:100%}.date-search,.workspace-filter{min-width:unset;width:100%}.toolbar-actions{justify-content:center;flex-wrap:wrap}.record-item{flex-direction:column;align-items:stretch;gap:10px}.record-actions{justify-content:center}.label-search{min-width:unset;width:100%}.edit-description{flex-direction:column;gap:8px;align-items:stretch}.description-input{margin-bottom:8px}.save-edit-btn,.cancel-edit-btn{width:40px;height:32px}.fresh-layout--main-and-details{flex-direction:column}.fresh-layout__main-panel,.fresh-layout__details-panel{width:100%}.fresh-toolbar{flex-direction:column;gap:var(--app-spacing-sm)}.fresh-filter-group,.fresh-action-group{flex-wrap:wrap;justify-content:center}.fresh-stats-grid{grid-template-columns:1fr;gap:var(--app-spacing-sm)}.fresh-hero-badge .value{font-size:28px}.fresh-close-button{width:36px;height:36px;font-size:16px}.fresh-close-button:before{font-size:18px}.fresh-close-button--absolute{top:var(--app-spacing-sm);right:var(--app-spacing-sm)}}.theme-toggle{height:var(--app-button-height, 38px);padding:0;border:1px solid var(--app-color-secondary, #FEE2E2);border-radius:var(--app-border-radius-full, 99rem);background:var(--app-color-secondary, #FEE2E2);color:var(--app-color-text-primary, #333333);font-size:var(--app-font-size-sm, 14px);font-weight:var(--app-font-weight-medium, 500);overflow:hidden;min-width:140px}.theme-option{flex:1;padding:0 var(--app-spacing-12);height:100%;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.theme-option.active{background:var(--app-color-primary, #FF8FAB);color:#fff}.theme-option:not(.active):hover{background:#ff8fab1a}.theme-option svg{transition:transform .2s ease}.theme-option:hover svg{transform:scale(1.1)}.theme-option span{font-size:.85rem;white-space:nowrap}.theme-divider{width:1px;height:60%;background:var(--app-color-text-primary, #333333);opacity:.3}html.theme-transition *{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.theme-toggle.compact{min-width:80px}.theme-toggle.compact .theme-option span{display:none}.theme-toggle.compact .theme-option{padding:0 var(--app-spacing-sm)}[data-theme=dark] .theme-toggle{border-color:var(--app-color-border-light)}[data-theme=dark] .theme-toggle:hover{border-color:var(--app-color-text-secondary)}@media (max-width: 768px){.theme-toggle{min-width:80px}.theme-option span{display:none}.theme-option{padding:0 var(--app-spacing-sm)}}.style-guide{max-width:1200px;margin:0 auto;padding:var(--app-spacing-xl);background-color:var(--app-color-bg-page);font-family:var(--app-font-family-base)}.style-guide-header{text-align:center;margin-bottom:var(--app-spacing-xxl);border-bottom:1px solid var(--app-color-border-light);padding-bottom:var(--app-spacing-lg)}.style-guide-header h1{font-size:var(--app-font-size-xl);font-weight:var(--app-font-weight-bold);color:var(--app-color-text-primary);margin-bottom:var(--app-spacing-sm)}.style-guide-header p{font-size:var(--app-font-size-base);color:var(--app-color-text-secondary);margin:0}.style-section{margin-bottom:var(--app-spacing-xxl)}.style-section h2{font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-bold);color:var(--app-color-text-primary);margin-bottom:var(--app-spacing-lg);border-bottom:2px solid var(--app-color-primary);padding-bottom:var(--app-spacing-sm)}.style-section h3{font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium);color:var(--app-color-text-primary);margin-bottom:var(--app-spacing-md)}.color-group{margin-bottom:var(--app-spacing-xl)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--app-spacing-md)}.color-item{display:flex;align-items:center;gap:var(--app-spacing-md);padding:var(--app-spacing-md);background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-sm)}.color-swatch{width:60px;height:60px;border-radius:var(--app-border-radius-sm);border:1px solid var(--app-color-border-light);flex-shrink:0}.color-info{display:flex;flex-direction:column;gap:var(--app-spacing-xs)}.color-info code{font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);color:var(--app-color-info-primary);background-color:var(--app-color-gray-100);padding:2px 6px;border-radius:var(--app-border-radius-xs)}.color-info span{font-size:var(--app-font-size-sm);color:var(--app-color-text-secondary)}.component-group{margin-bottom:var(--app-spacing-xl)}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--app-spacing-lg)}.component-item{display:flex;flex-direction:column;align-items:center;gap:var(--app-spacing-sm);padding:var(--app-spacing-lg);background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-sm)}.component-item code{font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);color:var(--app-color-text-secondary);background-color:var(--app-color-gray-100);padding:2px 6px;border-radius:var(--app-border-radius-xs);text-align:center}.typography-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--app-spacing-md)}.typography-item{display:flex;flex-direction:column;gap:var(--app-spacing-xs);padding:var(--app-spacing-md);background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-sm)}.typography-item div:first-child{color:var(--app-color-text-primary)}.spacing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--app-spacing-md)}.spacing-item{display:flex;align-items:center;gap:var(--app-spacing-md);padding:var(--app-spacing-md);background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-sm)}.spacing-demo{background-color:var(--app-color-primary);border-radius:var(--app-border-radius-xs);flex-shrink:0}.spacing-info{display:flex;flex-direction:column;gap:var(--app-spacing-xs)}.spacing-info code{font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);color:var(--app-color-info-primary);background-color:var(--app-color-gray-100);padding:2px 6px;border-radius:var(--app-border-radius-xs)}.spacing-info span{font-size:var(--app-font-size-sm);color:var(--app-color-text-secondary)}.radius-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--app-spacing-md)}.radius-item{display:flex;align-items:center;gap:var(--app-spacing-md);padding:var(--app-spacing-md);background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-sm)}.radius-demo{width:60px;height:60px;background-color:var(--app-color-accent);border:1px solid var(--app-color-border-light);flex-shrink:0}.radius-info{display:flex;flex-direction:column;gap:var(--app-spacing-xs)}.radius-info code{font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);color:var(--app-color-info-primary);background-color:var(--app-color-gray-100);padding:2px 6px;border-radius:var(--app-border-radius-xs)}.radius-info span{font-size:var(--app-font-size-sm);color:var(--app-color-text-secondary)}.code-viewer{background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-md);padding:var(--app-spacing-lg)}.code-block{background-color:var(--app-color-gray-100);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-sm);padding:var(--app-spacing-md);margin-top:var(--app-spacing-md);overflow-x:auto}.code-block pre{margin:0;font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);line-height:var(--app-line-height-relaxed);color:var(--app-color-text-primary);white-space:pre-wrap}.live-preview{background-color:var(--app-color-bg-component);border:1px solid var(--app-color-border-light);border-radius:var(--app-border-radius-md);padding:var(--app-spacing-lg)}.preview-content{display:flex;flex-direction:column;gap:var(--app-spacing-lg)}.preview-row{display:flex;align-items:center;gap:var(--app-spacing-lg);padding:var(--app-spacing-md);background-color:var(--app-color-bg-page);border-radius:var(--app-border-radius-sm)}@media (max-width: 768px){.style-guide{padding:var(--app-spacing-md)}.color-grid,.component-grid,.typography-grid,.spacing-grid,.radius-grid{grid-template-columns:1fr}.preview-row{flex-direction:column;align-items:stretch}.code-block{font-size:var(--app-font-size-xs)}}.style-section:last-child{margin-bottom:0}.component-item>*{max-width:100%}.component-item .input-wrapper{width:100%;min-width:180px}.component-item .btn-group{justify-content:center}