html{overflow-x:hidden;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--apple-background: #ffffff;--apple-surface: #f5f5f7;--apple-card: #ffffff;--apple-border: rgba(0, 0, 0, .04);--apple-border-strong: rgba(0, 0, 0, .08);--apple-text-primary: #1d1d1f;--apple-text-secondary: #86868b;--apple-text-tertiary: #515154;--apple-blue: #0071e3;--apple-blue-hover: #0077ed;--apple-blue-light: rgba(0, 113, 227, .08);--apple-green: #34c759;--apple-red: #ff3b30;--apple-orange: #ff9500;--apple-purple: #af52de;--apple-teal: #5ac8fa;--apple-shadow-sm: 0 2px 5px rgba(0, 0, 0, .05);--apple-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--apple-shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--apple-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--apple-radius-sm: 8px;--apple-radius-md: 12px;--apple-radius-lg: 16px;--apple-radius-xl: 20px;--apple-transition: all .3s cubic-bezier(.25, .46, .45, .94);--apple-transition-fast: all .15s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,PingFang TC,Microsoft JhengHei,sans-serif;background:linear-gradient(180deg,#fff,#f5f5f7);min-height:100vh;padding:0;margin:0;color:var(--apple-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;font-weight:400;letter-spacing:-.022em}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loader{text-align:center}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--apple-blue);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.no-files{padding:20px;text-align:center;color:#999}.file-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s}.file-item:hover{background:#f5f5f7}.file-info{flex:1}.file-name{font-weight:500;color:#333;margin-bottom:4px}.file-date{font-size:12px;color:#999}.file-actions{display:flex;gap:8px}.file-action-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s;font-size:16px}.file-action-btn:hover{background:#e0e0e0}.sidebar{position:fixed;left:0;top:0;width:300px;height:100vh;background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:.5px solid var(--apple-border-strong);z-index:100;display:flex;flex-direction:column;transform:translate(0);transition:var(--apple-transition);overflow-y:auto;overflow-x:hidden}.sidebar-header{padding:32px 24px 24px;background:transparent;border-bottom:1px solid var(--apple-border)}.sidebar .btn,.sidebar button{font-size:16px;min-height:42px;padding:10px 18px}.new-save-btn{font-size:16px!important;min-height:44px!important;padding:12px 20px!important}.sidebar-title{font-size:22px;font-weight:600;margin-bottom:4px;color:var(--apple-text-primary);letter-spacing:-.02em}.mobile-nav{display:none}.sidebar-toggle{position:fixed;top:12px;left:12px;width:42px;height:42px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--apple-border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;padding:0;color:#333}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.sidebar-toggle svg{width:24px;height:24px}.desktop-sidebar-toggle{display:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.sidebar-overlay.active{display:block}.settings-icon{position:fixed;top:12px;right:12px;width:42px;height:42px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--apple-border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.settings-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.settings-icon svg{width:24px;height:24px;color:#333}.settings-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:200;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal.active{display:flex}.settings-content{background:#fff;border-radius:20px;padding:32px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid var(--apple-border)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--apple-border)}.settings-title{font-size:24px;font-weight:600;color:var(--apple-text-primary)}.settings-close{width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.settings-close:hover{background:#e0e0e0}.settings-section{margin-bottom:24px}.settings-label{display:block;font-size:14px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.settings-select{width:100%;padding:12px 16px;font-size:16px;border:1px solid var(--apple-border);border-radius:10px;background:#fff;color:var(--apple-text-primary);cursor:pointer;transition:border-color .2s}.settings-select:focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a}.saved-files{padding:20px}.saved-file-item{background:var(--apple-card);border:1px solid var(--apple-border);border-radius:var(--apple-radius-sm);padding:14px;margin-bottom:8px;transition:var(--apple-transition);cursor:pointer;box-shadow:var(--apple-shadow-sm)}.saved-file-item:hover{background:var(--apple-surface);box-shadow:var(--apple-shadow-md);transform:translateY(-2px)}.saved-file-item.active{border:2px solid #FFC107;box-shadow:0 0 10px #ffc1074d;background:#ffc1070d}.file-name{font-weight:500;color:var(--apple-text-primary);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.file-date{font-size:12px;color:var(--apple-text-secondary);font-weight:400}.file-actions{display:flex;gap:5px;margin-top:8px}.file-action-btn{padding:6px 12px;font-size:12px;border:none;border-radius:var(--apple-radius-sm);cursor:pointer;transition:var(--apple-transition);font-weight:500}.btn-load-file{background:var(--apple-blue);color:#fff}.btn-rename-file{background:var(--apple-surface);color:var(--apple-text-primary);border:1px solid var(--apple-border)}.btn-delete-file{background:transparent;color:var(--apple-red);border:1px solid var(--apple-red)}.new-save-btn{width:100%;background:var(--apple-blue);color:#fff;padding:12px 20px;border:none;border-radius:var(--apple-radius-sm);font-weight:500;font-size:14px;cursor:pointer;margin-bottom:16px;transition:var(--apple-transition);letter-spacing:-.01em}.new-save-btn:hover{background:var(--apple-blue-hover);transform:scale(1.02)}.main-content{margin-left:300px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);padding:0;min-height:100vh;max-width:1400px;margin-right:auto}.header{max-width:980px;margin:0 auto;padding:40px 20px 30px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:42px;font-weight:600;color:var(--apple-text-primary);letter-spacing:-.005em;line-height:1.1;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif}.mode-selector{display:flex;gap:0;background:#0000000a;padding:2px;border-radius:10px;margin:20px auto;width:fit-content}.mode-btn{padding:10px 24px;border:none;background:transparent;color:var(--apple-text-primary);font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:var(--apple-transition-fast);position:relative;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}.mode-btn:hover:not(.active){background:#00000008}.mode-btn.active{background:#fff;color:var(--apple-text-primary);box-shadow:0 3px 8px #0000001f,0 1px 2px #0000000a}.cash-input-container{max-width:500px;margin:30px auto;background:var(--apple-card);padding:24px;border-radius:var(--apple-radius-xl);box-shadow:var(--apple-shadow-lg);text-align:center;border:.5px solid var(--apple-border)}.cash-input-container label{display:block;font-size:16px;font-weight:500;color:var(--apple-text-secondary);margin-bottom:12px}.cash-input{padding:12px 16px;font-size:20px;font-weight:600;border:.5px solid var(--apple-border-strong);border-radius:var(--apple-radius-md);width:200px;text-align:center;color:var(--apple-text-primary);transition:var(--apple-transition-fast);background:#fff}.cash-input:focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 4px var(--apple-blue-light)}.main-container{max-width:1200px;width:100%;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 24px}.column{background:var(--apple-card);border-radius:var(--apple-radius-xl);padding:36px;box-shadow:var(--apple-shadow-lg);border:.5px solid var(--apple-border);transition:var(--apple-transition)}.column:hover{box-shadow:var(--apple-shadow-xl)}.column-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;margin-bottom:32px;font-size:28px;font-weight:600;border-bottom:.5px solid var(--apple-border)}.income-header{color:var(--apple-green);border-bottom-color:var(--apple-green)}.expense-header{color:var(--apple-red);border-bottom-color:var(--apple-red)}.total-amount{font-size:20px;font-weight:500}.section{margin-bottom:30px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:600;color:var(--apple-text-primary);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--apple-border)}.section-total{font-size:16px;font-weight:500}.items-container{margin-bottom:16px}.item-row{display:flex;gap:0;margin-bottom:10px;background:var(--apple-surface);border-radius:var(--apple-radius-md);align-items:center;transition:var(--apple-transition-fast);border:.5px solid var(--apple-border);animation:slideIn .3s ease;position:relative;overflow:hidden}.item-row:hover{background:#fff;box-shadow:var(--apple-shadow-sm);border-color:var(--apple-border-strong)}.item-status-indicator{display:none}.item-row-wrapper{display:flex;gap:8px;padding:14px 10px 14px 6px;align-items:center;flex:1;background:inherit;transition:transform .3s ease;z-index:2}.item-row-wrapper input:not([type=checkbox]){flex:1;padding:12px 16px;border:.5px solid var(--apple-border-strong);border-radius:var(--apple-radius-sm);font-size:15px;transition:var(--apple-transition-fast);background:#fff;min-width:0;font-weight:400;color:var(--apple-text-primary)}.item-checkbox{display:none;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important;flex-shrink:0;cursor:pointer;margin-right:6px;margin-left:2px}.btn-delete-desktop{display:none;background:transparent;border:none;color:#999;cursor:pointer;padding:6px;margin-left:2px;transition:color .2s ease;align-items:center;justify-content:center;flex-shrink:0}.btn-delete-desktop:hover{color:var(--apple-red)}.btn-delete-desktop{display:flex}.item-checkbox{display:block}@media (max-width: 768px){.item-row-actions{display:none!important}.item-row{padding:0!important}.item-row-wrapper{padding:10px 6px!important;display:flex!important;gap:6px!important;align-items:center!important}.item-row-wrapper input:not([type=checkbox]),.item-row-wrapper button{flex-shrink:1;min-width:0}.item-checkbox{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex-shrink:0!important;margin:0!important;cursor:pointer!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important}.btn-delete-desktop{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;padding:6px!important;flex-shrink:0!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-delete-desktop svg{width:18px!important;height:18px!important}}.item-row.disabled{opacity:.5}.item-row.disabled .item-row-wrapper input:not([type=checkbox]){text-decoration:line-through;color:var(--apple-text-secondary)}.item-row-wrapper input:not([type=checkbox]):focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 4px var(--apple-blue-light)}.platform-name{flex:3 1 auto;min-width:80px}.revenue{flex:2 1 auto;min-width:70px;max-width:150px}.margin{flex:1 0 auto;min-width:50px;max-width:80px}.gross-profit{flex:0 0 auto;background:#34c7591a;color:var(--apple-green);padding:8px 12px;border-radius:var(--apple-radius-sm);font-size:14px;font-weight:500;white-space:nowrap;min-width:60px;max-width:90px;text-align:center;border:1px solid rgba(52,199,89,.2)}.income-source{flex:3 1 auto;min-width:80px}.income-amount{flex:2 1 auto;min-width:60px;max-width:150px}.btn{padding:10px 20px;border:none;border-radius:980px;font-size:15px;font-weight:500;cursor:pointer;transition:var(--apple-transition-fast);letter-spacing:-.01em;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-add{background:transparent;color:var(--apple-blue);width:100%;margin-top:16px;padding:14px;font-size:15px;border:1.5px solid var(--apple-blue);border-radius:var(--apple-radius-md);font-weight:600}.btn-add:hover{background:var(--apple-blue);color:#fff}.btn-primary{background:var(--apple-blue);color:#fff;padding:16px 32px;font-size:17px;font-weight:500;box-shadow:0 2px 8px #0071e333;display:inline-flex;align-items:center;gap:8px}.btn-primary#calculateBtn:before{content:"📈";font-size:18px}.btn-primary:hover{background:var(--apple-blue-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0071e34d}.btn-secondary{background:#0000000a;color:var(--apple-text-primary);border:none;padding:14px 28px;font-weight:500}.btn-secondary:hover{background:#00000014}.btn-danger{background:transparent;color:var(--apple-red);border:1.5px solid var(--apple-red);padding:14px 28px;font-weight:500}.btn-danger:hover{background:var(--apple-red);color:#fff}.btn-info{background:transparent;color:var(--apple-teal, #5AC8FA);border:1.5px solid var(--apple-teal, #5AC8FA);padding:14px 28px;font-weight:500}.btn-info:hover{background:var(--apple-teal, #5AC8FA);color:#fff}.action-buttons{max-width:980px;margin:40px auto;display:flex;justify-content:center;gap:16px;padding:0 24px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal.show{display:flex;justify-content:center;align-items:center}.modal.closing{animation:fadeOutBackground .2s ease forwards}.modal.closing .modal-content{animation:slideDown .2s ease forwards}.modal-content{background:var(--apple-card);border-radius:var(--apple-radius-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 64px #0003;animation:slideUp .3s;border:1px solid var(--apple-border)}.modal-header{padding:32px;background:linear-gradient(135deg,var(--apple-blue) 0%,#0051a2 100%);color:#fff;border-radius:var(--apple-radius-lg) var(--apple-radius-lg) 0 0;position:relative}.modal-title{font-size:28px;font-weight:600;margin:0}.modal-close{position:absolute;right:20px;top:20px;font-size:32px;color:#fff;cursor:pointer;background:none;border:none;opacity:.8;transition:all .2s}.modal-close:hover{opacity:1;transform:scale(1.1)}.modal-body{padding:30px}.projection-table-container{width:100%;overflow-x:auto}.projection-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}.projection-table th,.projection-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:right;white-space:nowrap}.projection-table th:first-child,.projection-table td:first-child{text-align:left}.projection-table tbody tr:last-child td{border-bottom:none}.modal-footer{padding:20px 30px;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;align-items:center;border-radius:0 0 16px 16px}.modal-footer .btn{margin-left:20px}.modal-footer .btn:first-child{margin-left:0}.floating-calculate-btn{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;right:24px;padding:16px 24px;background:var(--apple-blue);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #007dfa4d;z-index:190;transition:all .2s ease}.floating-calculate-btn:before{content:"📈";font-size:18px;margin-right:8px}.floating-calculate-btn:hover{background:var(--apple-blue-dark, #0051C3);transform:translateY(-2px);box-shadow:0 6px 20px #007dfa66}.floating-ask-ai-btn{display:flex;align-items:center;justify-content:center;position:fixed;bottom:96px;right:24px;padding:14px 22px;background:var(--apple-purple);color:#fff;border:none;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #af52de4d;z-index:190;transition:all .2s ease;gap:8px}.floating-ask-ai-btn:hover{background:#9932cc;transform:translateY(-2px);box-shadow:0 6px 20px #af52de66}.floating-ask-ai-btn svg{width:20px;height:20px;flex-shrink:0}.ask-ai-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:200;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ask-ai-modal.active{display:flex}.ask-ai-content{background:#fff;border-radius:20px;padding:0;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid var(--apple-border);animation:slideUp .3s ease}.ask-ai-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,var(--apple-purple) 0%,#9932cc 100%);color:#fff;border-radius:20px 20px 0 0}.ask-ai-title{font-size:24px;font-weight:600;margin:0}.ask-ai-close{width:32px;height:32px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;color:#fff;font-size:20px}.ask-ai-close:hover{background:#ffffff4d}.ask-ai-body{padding:24px 28px}.ask-ai-section{margin-bottom:24px}.ask-ai-section:last-child{margin-bottom:0}.ask-ai-label{display:block;font-size:14px;font-weight:600;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.ask-ai-textarea{width:100%;min-height:150px;padding:14px;border:1px solid var(--apple-border);border-radius:10px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;resize:vertical;background:var(--apple-surface);color:var(--apple-text-primary);cursor:pointer;transition:border-color .2s;line-height:1.5}.ask-ai-textarea:focus{outline:none;border-color:var(--apple-purple);box-shadow:0 0 0 3px #af52de1a}.ask-ai-textarea:hover{border-color:var(--apple-border-strong)}.ai-service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ai-service-link{display:flex;align-items:center;justify-content:flex-start;padding:12px 14px;background:var(--apple-surface);border:1px solid var(--apple-border);border-radius:12px;text-decoration:none;color:var(--apple-text-primary);font-weight:500;font-size:14px;transition:all .2s ease;cursor:pointer}.ai-service-btn{width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;text-align:left;white-space:nowrap}.ai-service-link:hover{background:#fff;border-color:var(--apple-purple);box-shadow:0 2px 8px #af52de1a;transform:translateY(-2px)}.ai-service-icon{margin-right:8px;width:20px;height:20px;flex-shrink:0}.locale-selectors{display:flex;gap:10px}.locale-select{padding:8px 12px;border:1px solid var(--apple-border-strong);border-radius:var(--apple-radius-sm);background:#fff;color:var(--apple-text-primary);font-size:14px;cursor:pointer;min-width:100px}.locale-select:focus{outline:none;border-color:var(--apple-blue);box-shadow:0 0 0 3px var(--apple-blue-light)}.top-controls{position:fixed;top:0;left:300px;right:0;background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:15px 24px;z-index:90;border-bottom:.5px solid var(--apple-border);box-shadow:0 1px #0000000d;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:12px;align-items:center;overflow-x:auto}.top-controls .btn{flex:0 0 auto;white-space:nowrap;min-width:fit-content}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.summary-info{flex:1}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.summary-label{font-weight:500;color:#666;margin-right:12px;min-width:auto;white-space:nowrap}.summary-value{font-size:18px;font-weight:700;text-align:right}.summary-value.positive{color:#34c759}.summary-value.negative{color:#ff3b30}.period-selector-panel{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;margin-bottom:16px}.period-label{font-weight:500;color:#666;margin-bottom:4px}.period-select{width:100px;min-width:90px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.custom-period{display:inline-flex;align-items:center;gap:8px}.custom-period-input{padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:80px;text-align:right}.chart-click-info{pointer-events:none}.notifications-container{position:fixed;top:20px;right:20px;z-index:2000}.notification{background:#fff;border-radius:var(--apple-radius-md);padding:16px 20px;margin-bottom:10px;box-shadow:var(--apple-shadow-lg);animation:slideInRight .3s ease;min-width:300px}.notification.success{border-left:4px solid var(--apple-green)}.notification.error{border-left:4px solid var(--apple-red)}.notification.info{border-left:4px solid var(--apple-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-container{padding:20px}.period-selector-container{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:15px;background:var(--apple-background-secondary);border-radius:10px}.period-select{padding:8px 12px;border:1px solid var(--apple-border);border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.custom-period-input{padding:8px 12px;border:1px solid var(--apple-border);border-radius:6px;background:#fff;font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.summary-card{background:var(--apple-background-secondary);border-radius:12px;padding:14px 18px;border:1px solid var(--apple-border);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-label{font-size:13px;color:var(--apple-text-secondary);margin-bottom:8px}.card-value{font-size:24px;font-weight:600;color:var(--apple-text)}.card-value.positive{color:var(--apple-green)}.card-value.negative{color:var(--apple-red)}.chart-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--apple-border);height:400px}.projection-details{background:var(--apple-background-tertiary);border-radius:12px;padding:20px;border:1px solid var(--apple-border)}.projection-details h3{font-size:18px;margin-bottom:12px;color:var(--apple-text)}.projection-note{font-size:14px;line-height:1.6;color:var(--apple-text-secondary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}*{box-sizing:border-box}@media (max-width: 768px){.floating-ask-ai-btn{bottom:90px;right:24px;padding:12px 18px;font-size:14px}.floating-ask-ai-btn svg{width:18px;height:18px}.ask-ai-content{width:95%;max-height:90vh}.ask-ai-header{padding:20px 24px}.ask-ai-title{font-size:20px}.ask-ai-body{padding:20px 24px}.ask-ai-textarea{min-height:120px;font-size:13px}.ai-service-links{grid-template-columns:1fr}.ai-service-link{padding:12px 16px;font-size:14px}}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden;width:100%;max-width:100%}body{overflow-x:hidden;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;font-size:clamp(15px,1.6vw + .5rem,17px);line-height:1.45;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (hover: none) and (pointer: coarse),(max-width: 768px){body{font-size:clamp(1rem,1.2vw + .55rem,1.15rem)!important;line-height:1.5}.main-content{width:100vw!important;max-width:100vw!important;padding:0!important;margin:0!important}p,div,span,label,td,th,li{font-size:inherit!important;line-height:1.5}input,select,textarea,button{font-size:clamp(.9rem,2.2vw,1.05rem)!important;min-height:clamp(38px,9vw,48px)!important;padding:8px 12px!important}.btn-add{font-size:clamp(1.05rem,2.8vw,1.2rem)!important;min-height:44px!important;padding:12px 20px!important;font-weight:500!important}h1{font-size:clamp(1.2rem,3.4vw,1.5rem)!important}h2{font-size:clamp(1.05rem,2.8vw,1.3rem)!important}h3{font-size:clamp(1rem,2.4vw,1.2rem)!important}h4{font-size:clamp(.95rem,2vw,1.1rem)!important}.column-header{font-size:clamp(1.1rem,3.2vw,1.35rem)!important;font-weight:600!important;padding:clamp(8px,2vw,12px) 0!important}.section-title{font-size:clamp(1.05rem,2.8vw,1.25rem)!important;font-weight:500!important;padding:clamp(6px,1.8vw,10px) 0!important}.column-header .total-amount,.section-title .total-amount,.total-amount{font-size:clamp(1.05rem,2.8vw,1.3rem)!important;font-weight:600!important;display:block}.cash-input{font-size:inherit!important;min-height:clamp(36px,8vw,44px)!important}}@supports (-webkit-touch-callout: none){body{font-size:clamp(1rem,1.2vw + .55rem,1.15rem)!important;line-height:1.5}.main-content{width:100vw;max-width:100vw}}.main-content,.container,.main-container{max-width:100%;overflow-x:hidden}@media (max-width: 1200px){.main-container{grid-template-columns:1fr;padding:0 15px}}@media (max-width: 968px){body{font-size:clamp(1rem,1.1vw + .6rem,1.1rem)!important;line-height:1.5}.top-controls,.mobile-nav{display:none!important}.mobile-nav-left{flex-shrink:0}.desktop-sidebar-toggle{display:none!important}#sidebarToggleMobile{display:flex!important}.mobile-controls{display:block!important;margin-bottom:20px}.sidebar-section{margin-bottom:15px}.sidebar-label{display:block;font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;color:#666;margin-bottom:4px}.sidebar-select{width:100%;padding:6px 10px;font-size:clamp(.9rem,2.2vw,1.05rem);border:1px solid #ddd;border-radius:4px;background:#fff;margin-bottom:6px;height:26px}.sidebar-settings{display:flex;flex-direction:column;gap:8px}.sidebar-divider{border:none;border-top:1px solid #e0e0e0;margin:20px 0}.sidebar-toggle{display:flex!important;position:fixed!important;top:12px!important;left:12px!important;width:clamp(44px,10vw,56px)!important;height:clamp(44px,10vw,56px)!important;min-width:44px!important;min-height:44px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--apple-border)!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;z-index:150!important;box-shadow:0 2px 8px #0000001a!important;padding:0!important;color:#333!important;font-size:clamp(1rem,2.4vw,1.15rem)!important}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.sidebar-toggle svg{width:clamp(22px,4.5vw,28px)!important;height:clamp(22px,4.5vw,28px)!important}.main-content{padding-top:20px!important}.sidebar{transform:translate(-100%);width:85%;max-width:320px;padding-top:0}.sidebar-header{padding-top:32px!important}.sidebar .btn,.sidebar button,.new-save-btn{font-size:clamp(.9rem,2.2vw,1.05rem)!important;min-height:44px!important;padding:12px 20px!important;width:100%}.sidebar.active{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}.sidebar-overlay.active{display:block}.main-content{margin-left:0}.header{padding-top:80px}.main-container{grid-template-columns:1fr;max-width:100%;padding:0 10px}.column{padding:15px;width:100%;max-width:100%;box-sizing:border-box}.locale-selectors{flex-direction:row;gap:4px;flex:0 0 auto}.locale-select{min-width:50px;font-size:clamp(.9rem,2.2vw,1.05rem);padding:2px 4px;min-height:22px;height:22px}.item-row{overflow-x:visible}.item-row input,.item-row select{font-size:clamp(.9rem,2.1vw,1.05rem)!important;padding:8px 10px;min-height:clamp(34px,8vw,42px);height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.item-row input:not([type=checkbox]),.item-row select,.item-row .gross-profit{flex:1 1 0!important;min-width:0!important;max-width:none!important}.platform-name{flex:1 1 0!important;min-width:140px;max-width:none}.revenue{flex:1 1 0!important;min-width:120px;max-width:none;text-align:right}.margin{flex:0 0 56px!important;min-width:56px!important;max-width:56px!important;text-align:center}.income-source{flex:1 1 0!important;min-width:140px;max-width:none}.income-amount{flex:1 1 0!important;min-width:120px;max-width:none;text-align:right}.gross-profit{flex:1 1 0!important;min-width:120px;max-width:none;text-align:center}.expense-name,.debt-name{flex:1 1 0!important;min-width:140px;max-width:none}.expense-amount,.debt-amount{flex:1 1 0!important;min-width:120px;max-width:none;text-align:right}.debt-months{flex:0 0 60px!important;min-width:60px!important;max-width:60px!important;text-align:center}.floating-calculate-btn{display:flex;align-items:center;gap:8px;font-size:clamp(1.1rem,3.2vw,1.4rem)!important;padding:clamp(14px,4.2vw,20px) clamp(20px,6vw,28px)!important;min-height:clamp(52px,14vw,60px)!important;font-weight:600!important;background:linear-gradient(135deg,#0071e3,#0051c3)!important;box-shadow:0 4px 12px #0071e366!important}.floating-calculate-btn:before{content:"📈";font-size:clamp(1.1rem,3vw,1.4rem);margin-right:4px}#calculateBtn{display:none}}@media (max-width: 768px){body{font-size:clamp(1rem,1.2vw + .55rem,1.15rem);line-height:1.5}.main-content{width:100%;max-width:100%;padding:0;margin:0}*{max-width:100%}.top-controls{height:clamp(48px,14vw,56px);align-items:center}.top-controls .btn,.mode-btn{font-size:clamp(.9rem,2.4vw,1.05rem);padding:8px 12px;min-height:clamp(34px,9vw,40px);height:auto}.locale-select{font-size:clamp(.9rem,2.2vw,1.05rem);padding:6px 10px;min-height:clamp(32px,8vw,38px);height:auto}.cash-input-container{padding:10px 8px;width:100%}.cash-input-container label{font-size:clamp(1.05rem,3.2vw,1.3rem);font-weight:600;margin-bottom:6px;display:block}.cash-input{width:calc(100% - 16px);max-width:400px;font-size:clamp(.9rem,2.1vw,1.05rem);padding:8px 12px;min-height:clamp(36px,8.5vw,44px);height:auto;font-weight:500}.settings-icon{top:8px;right:8px;width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);min-width:44px;min-height:44px}.settings-icon svg{width:clamp(22px,4.5vw,28px);height:clamp(22px,4.5vw,28px)}.modal-close{width:clamp(44px,10vw,56px);height:clamp(44px,10vw,56px);min-width:44px;min-height:44px;font-size:clamp(1.4rem,4.5vw,1.8rem);display:flex;align-items:center;justify-content:center}.column-header{font-size:clamp(1.1rem,3.2vw,1.35rem);padding:clamp(8px,2.2vw,12px) 0;font-weight:600;line-height:1.35}.section-title{font-size:clamp(1.05rem,2.8vw,1.25rem);padding:clamp(6px,1.8vw,10px) 0;font-weight:500;line-height:1.35}.item-row{padding:0;gap:6px;flex-wrap:nowrap}.item-row input,.item-row select{font-size:clamp(.9rem,2vw,1.05rem);padding:8px 10px;min-height:clamp(34px,8vw,42px);height:auto;border-radius:4px;border:1px solid #d0d5dd;width:100%}.gross-profit{font-size:clamp(.95rem,2.4vw,1.1rem);padding:8px 10px;min-height:clamp(34px,8vw,42px);display:flex;align-items:center;font-weight:500}.btn-remove{min-width:40px;min-height:40px;width:40px;height:40px;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;border-radius:50%;background:#ff3b3014;color:var(--apple-red, #ff3b30);border:none;display:flex;align-items:center;justify-content:center;line-height:1}.btn-add{font-size:clamp(1.05rem,2.8vw,1.2rem);padding:12px 20px;min-height:44px;height:44px;font-weight:500}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}@media (pointer: coarse){button,input,select,textarea,.btn,.mode-btn,.file-action-btn{min-height:24px;min-width:24px}.btn-remove{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:clamp(1.2rem,3.4vw,1.5rem)!important;line-height:1!important}.item-row{gap:4px}.action-buttons{gap:6px}}@media (max-width: 968px) and (orientation: landscape){.header{padding-top:60px;padding-bottom:20px}.cash-input-container,.column{padding:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar{border-right-width:.5px}.column,.item-row{border-width:.5px}}@media (max-width: 480px){body{font-size:clamp(.98rem,3.4vw,1.05rem);line-height:1.5}.column-header{font-size:clamp(1.05rem,4vw,1.25rem);padding:clamp(6px,2vw,10px) 0}.section-title{font-size:clamp(1rem,3.6vw,1.2rem);padding:clamp(4px,1.8vw,8px) 0}.cash-input{font-size:inherit;min-height:clamp(34px,10vw,42px)!important;height:auto!important;padding:6px 10px!important}.cash-input-container label{font-size:clamp(.95rem,3.2vw,1.1rem);font-weight:500}.main-content{padding-top:clamp(60px,18vw,80px)!important}.header{padding-top:12px!important}.sidebar-toggle{position:fixed!important;top:12px!important;left:12px!important;padding:0!important;background:#ffffffe6!important;border:1px solid var(--apple-border)!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;width:clamp(44px,10vw,56px)!important;height:clamp(44px,10vw,56px)!important;font-size:clamp(1rem,2.4vw,1.15rem)!important;border-radius:50%!important;color:#333!important;z-index:150!important}.top-controls>div[style*="flex: 1"]{display:block!important;flex:1!important}.locale-selectors{margin-left:auto!important;flex:0 0 auto!important}}} @media (max-width: 768px){input[type=text],input[type=number],input[type=tel],input[type=email],select,textarea{font-size:clamp(1rem,2.4vw,1.15rem)!important;transform:scale(1);-webkit-transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{font-size:clamp(1rem,2.4vw,1.15rem)!important;outline:2px solid var(--apple-blue);outline-offset:2px}.container,.main-container,.column{width:100%;max-width:100%;box-sizing:border-box}.btn,button{font-size:clamp(.9rem,2.1vw,1.1rem);padding:16px 24px;min-height:54px;font-weight:500}.top-controls{flex-wrap:nowrap;gap:4px;padding:8px 5px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.top-controls::-webkit-scrollbar{display:none}.top-controls>div[style*="flex: 1"]{display:none!important}.top-controls .btn{flex:0 0 auto;min-width:auto;padding:10px 12px;font-size:clamp(.95rem,2.4vw,1.1rem);white-space:nowrap}.mode-selector{display:flex;flex:0 0 auto;gap:2px}.mode-btn{font-size:clamp(.85rem,2.2vw,1rem);padding:6px 10px;min-height:34px;height:auto;white-space:nowrap;letter-spacing:.01em}.total-row{font-size:clamp(.85rem,2vw,.95rem);padding:clamp(6px,1.6vw,10px)}.total-value{font-size:clamp(1.1rem,3.4vw,1.5rem);font-weight:600}.total-amount{font-size:clamp(1.05rem,3.2vw,1.35rem);font-weight:600;display:block;margin-top:4px}.section-total{font-size:clamp(1rem,3vw,1.3rem);font-weight:600}.modal-content{width:95%;max-width:100%;margin:10px;max-height:88vh;border-radius:20px}.modal-body{padding:clamp(16px,4.5vw,22px);line-height:1.55}.chart-container{padding:clamp(12px,4vw,18px);height:clamp(220px,55vw,320px);position:relative;overflow:hidden}.chart-container canvas{max-width:100%!important;height:auto!important}.summary-cards{flex-direction:column;gap:10px}.summary-card{width:100%;padding:clamp(12px,4vw,18px)}.card-value{font-size:clamp(1rem,3vw + .4rem,1.4rem);word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;letter-spacing:.01em}.month-details table{font-size:clamp(.9rem,2.2vw,1.05rem)}.month-details td{padding:clamp(6px,1.8vw,10px) clamp(4px,1.2vw,8px);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:clamp(90px,26vw,140px)}.modal-footer{padding:clamp(14px,4vw,20px) clamp(16px,5vw,24px);flex-direction:row;justify-content:flex-end;align-items:center;gap:clamp(10px,4vw,16px)}.modal-footer .btn{flex:0 0 auto;min-width:clamp(44px,28vw,120px);max-width:140px;min-height:44px;font-size:clamp(.9rem,2.4vw,1.05rem);padding:12px 16px;margin-left:0}.modal-footer .btn:first-child{margin-left:0}.result-header{flex-direction:column;align-items:flex-start;gap:16px}.summary-info{width:100%}.summary-row{justify-content:space-between;gap:12px;margin-bottom:6px}.summary-label{margin-right:8px;font-size:clamp(.95rem,2.4vw,1.05rem)}.summary-value{font-size:clamp(1.1rem,3.4vw,1.4rem);text-align:right}#selectedMonthDisplay{text-align:left!important;font-size:clamp(1.05rem,2.8vw,1.3rem)}.period-selector-panel{width:100%;align-items:flex-start;min-width:0;gap:10px}.period-label{width:100%;text-align:left;margin-bottom:4px}.period-select{width:auto;min-width:90px;align-self:flex-start}.custom-period{align-items:center;gap:8px}.custom-period input{width:80px;text-align:right}.projection-note{text-align:left!important}}@media (max-width: 768px){.modal-content{width:96vw;max-width:96vw;border-radius:18px}.modal-body{padding:24px 18px}.projection-table-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.projection-table{min-width:420px;font-size:clamp(.85rem,2.6vw,.95rem)}.projection-table th,.projection-table td{padding:8px 10px}.custom-period{align-items:center;gap:10px;flex-wrap:wrap;width:100%}.custom-period span{font-size:clamp(.9rem,2.4vw,1rem)}.custom-period input{flex:0 0 90px;text-align:right}}.is-mobile-device{font-size:14px!important}.is-mobile-device .main-content{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.is-mobile-device input,.is-mobile-device select,.is-mobile-device textarea,.is-mobile-device button{font-size:14px!important;min-height:38px!important}@media screen and (max-width: 768px){*{box-sizing:border-box!important;max-width:100%!important}html,body{width:100%!important;overflow-x:hidden!important;font-size:14px!important}.main-content{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.main-container{width:100%!important;padding:0 10px!important}.column{width:100%!important;padding:10px!important}.column-header{font-size:16px!important;padding:10px 8px!important}.section-title,.cash-input-container label{font-size:14px!important}.cash-input{font-size:18px!important;padding:10px!important;width:calc(100% - 20px)!important}input,select,textarea{font-size:14px!important;padding:8px 6px!important;min-height:36px!important;width:100%!important}button,.btn{font-size:14px!important;padding:8px 12px!important;min-height:36px!important}.item-row{padding:12px 8px!important;gap:10px!important}.item-row input{font-size:14px!important;padding:8px 6px!important;min-height:36px!important}.total-amount{font-size:14px!important;display:block!important;margin-top:4px!important}.section-total{font-size:14px!important}.floating-calculate-btn{font-size:16px!important;padding:10px 16px!important;min-height:42px!important}.btn-delete-desktop{display:flex!important;align-items:center!important;justify-content:center!important}.item-checkbox{display:block!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important}}@media (hover: none) and (pointer: coarse){body{font-size:20px!important}input,select,textarea,button{font-size:20px!important;min-height:50px!important}}@media (max-height: 768px) and (orientation: landscape){body{font-size:18px!important}}@supports (-webkit-touch-callout: none){body{font-size:20px!important;-webkit-text-size-adjust:100%!important}input,select,textarea{font-size:20px!important;-webkit-appearance:none!important}}@media screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3),screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3),screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){body{font-size:20px!important}.main-content{width:100vw!important}}