:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 48px;--radius-sm: 4px;--radius-lg: 8px;--transition-normal: .2s;--z-modal: 2000;--z-tooltip: 3000;--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-md: 1.2rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--semi-bold: 500;--bold: 600;--tooltip-arrow-size: 5px;--text-input-width: 145px;--height-xs: 20px;--height-sm: 28px;--height-md: 36px;--height-lg: 50px;--page-max-width: 1200px;--disabled-opacity: .6;--bg-overlay: rgba(0, 0, 0, .7);--text-on-color: rgba(255, 255, 255, .9);--contrast: #ff9933;--bg-solid: #e6e6e6;--bg-muted: #f2f2f2;--primary: #4db8ff;--primary-hover: #33adff;--primary-muted: #4db8ff33;--secondary: #e6e6e6;--secondary-hover: #d9d9d9;--secondary-muted: #8080801a;--success: #40bf40;--success-hover: #39ac39;--success-muted: #40bf4033;--danger: #ff3333;--danger-hover: #ff1a1a;--danger-muted: #ff333333;--border: #cccccc;--text-primary: #111827;--text-muted: #9ca3af;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 6px 10px rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-solid: #1a1a1a;--bg-muted: #262626;--primary: #008ae6;--primary-hover: #007acc;--primary-muted: #008ae633;--secondary: #333333;--secondary-hover: #404040;--secondary-muted: #8080801a;--success: #39ac39;--success-hover: #339933;--success-muted: #39ac3933;--danger: #cc0000;--danger-hover: #b30000;--danger-muted: #cc000033;--border: #4d4d4d;--text-primary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .5);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 6px 10px rgba(0, 0, 0, .5)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-solid);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.theme-toggle{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle .icon-svg{width:24px;height:24px}.tooltip-trigger{display:inline-flex}.tooltip{position:fixed;background:var(--bg-muted);border:1px solid var(--primary);color:var(--text-primary);padding:var(--spacing-sm) .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);max-width:calc(var(--text-input-width) * 2);white-space:normal;overflow-wrap:break-word;z-index:var(--z-tooltip)}.tooltip-above:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:var(--tooltip-arrow-size) solid transparent;border-top-color:var(--primary)}.tooltip-below:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:var(--tooltip-arrow-size) solid transparent;border-bottom-color:var(--primary)}.sidebar{height:100%;background:var(--bg-muted);display:flex;flex-direction:column;width:60px;transition:width var(--transition-normal) ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar.expanded{width:200px}.sidebar-header,.sidebar-footer,.menu-item{display:flex;align-items:center;width:100%;height:60px;color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap;overflow:hidden;background:transparent;border:none;padding:0;cursor:pointer}.sidebar-header{border-bottom:1px solid var(--border)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border)}.sidebar-header:hover,.sidebar-footer:hover,.menu-item:hover{background:var(--bg-solid)}.menu-item.active{background:var(--primary)}.icon-wrapper{min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-label{font-size:var(--font-size-md);font-weight:var(--semi-bold)}.menu{display:flex;flex-direction:column;padding:var(--spacing-md) 0}.block{display:inline-flex;align-items:center;gap:6px;background:var(--primary);padding:6px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);height:40px;box-sizing:border-box}.block-input{background:var(--primary);border:1px solid var(--text-primary);border-radius:var(--radius-sm);color:var(--text-primary);height:26px;box-sizing:border-box;width:55px;padding:var(--spacing-sm);font-size:var(--font-size-sm)}.block-input:focus{outline:none;border-color:var(--text-primary)}.block-input::-webkit-outer-spin-button,.block-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.block-input[type=number]{-moz-appearance:textfield;appearance:textfield}.operator{font-weight:var(--semi-bold);font-size:var(--font-size-md);color:var(--text-primary)}.block-label{font-weight:var(--semi-bold);font-size:var(--font-size-sm);color:var(--text-primary)}.slot{display:inline-block}.slot.empty{background:var(--primary-muted);border:2px dashed var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);height:30px;box-sizing:border-box;font-size:var(--font-size-sm)}.slot.empty:hover{background:var(--primary-hover);border-color:var(--text-primary)}.slot.empty.selected{background:var(--primary-hover);border:2px solid var(--primary);border-style:solid;color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffcc001a;animation:pulse-inset 1.5s ease-in-out infinite}.canvas{flex:1;background:var(--bg-solid);overflow-y:auto;display:flex;flex-direction:column}.canvas-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) .75rem;background:var(--bg-muted);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);height:56px;border:1px solid var(--border);transition:border-color var(--transition-normal);position:relative}.canvas-row:hover{border-color:var(--primary)}.canvas-row:hover .row-actions{opacity:1}.row-actions{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);display:flex;gap:var(--spacing-sm);opacity:0;transition:opacity var(--transition-normal)}.add-block-btn{background:var(--secondary);border:2px dashed var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);height:40px;width:40px;box-sizing:border-box;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center}.add-block-btn:hover{background:var(--secondary-hover);border-color:var(--text-primary)}.add-block-btn.selected{background:var(--primary-hover);border:2px solid var(--primary);border-style:solid;color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffcc001a;animation:pulse-inset 1.5s ease-in-out infinite}@keyframes pulse-inset{0%,to{box-shadow:inset 0 0 0 1px #ffcc001a}50%{box-shadow:inset 0 0 0 3px #ffcc0080}}.row-number{font-weight:700;min-width:15px}.row-content{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--semi-bold);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;height:var(--height-md);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn:not(:disabled):hover{transform:scale(1.05)}.btn-primary{background:var(--primary);color:var(--text-primary)}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:var(--text-primary)}.btn-secondary:not(:disabled):hover{background-color:var(--secondary-hover)}.btn-success{background:var(--success);color:var(--text-primary)}.btn-success:not(:disabled):hover{background:var(--success-hover)}.btn-danger{background:var(--danger);color:var(--text-primary)}.btn-danger:not(:disabled):hover{background:var(--danger-hover)}.square-btn-container{width:var(--height-md);height:var(--height-md)}.square-btn-container .btn{width:100%;display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--font-size-lg)}.input{padding:0 var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:var(--secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-normal);width:100%;max-width:200px;min-width:0;box-sizing:border-box;height:var(--height-md)}.input:focus{outline:none;border-color:var(--primary)}.input:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.input::placeholder{color:var(--text-muted)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{appearance:textfield;-moz-appearance:textfield}.toast{position:fixed;top:20px;right:20px;padding:var(--spacing-md);border-radius:var(--radius-lg);z-index:9999;overflow:hidden;animation:slideIn var(--transition-normal) ease-out;width:fit-content}.toast-content{position:relative;z-index:2;color:#fff;font-weight:var(--semi-bold)}.toast-progress{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;animation:countdown 3s linear forwards}.toast-ok{background-color:var(--success)}.toast-ok .toast-progress{background-color:var(--success-hover)}.toast-error{background-color:var(--danger)}.toast-error .toast-progress{background-color:var(--danger-hover)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes countdown{0%{transform:translate(0)}to{transform:translate(-100%)}}.toolbox{width:260px;background:var(--bg-muted);overflow-y:auto;padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.toolbox h3{margin:var(--radius-sm);font-size:var(--font-size-lg);color:var(--text-primary)}.section-header{margin:var(--spacing-md) calc(-1 * var(--spacing-md));width:calc(100% + calc(2 * var(--spacing-md)));display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-hover);border:none;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--bold);cursor:pointer;gap:var(--spacing-sm)}.section-header:hover{background:var(--secondary)}.toolbox-section{margin-bottom:var(--spacing-md)}.toolbox-section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--semi-bold);text-transform:uppercase;letter-spacing:.5px}.toolbox-blocks{display:grid;grid-template-columns:repeat(4,50px);gap:var(--spacing-sm)}.toolbox-block{display:flex;align-items:center;justify-content:center;background:var(--secondary);border:2px solid var(--secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);width:var(--height-lg);height:var(--height-lg)}.block-icon{font-size:var(--font-size-lg)}.block-icon-small{font-size:var(--font-size-md)}.value-btn{flex:1;height:var(--height-md);padding:var(--spacing-sm);background:var(--secondary);border:2px solid var(--secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left}.toolbox-block.allowed:hover,.value-btn.allowed:hover{background:var(--secondary-hover);border-color:var(--primary);transform:scale(1.05)}.toolbox-block.allowed,.value-btn.allowed{border-color:var(--primary)}.toolbox-block.disabled,.value-btn.disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.toolbox-block:disabled .icon-svg{opacity:var(--disabled-opacity)}.parameter-box{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--secondary-hover);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.toolbox .column,.toolbox .row{gap:var(--spacing-sm)}.expand-icon{display:inline-block;font-size:var(--font-size-sm);transition:transform var(--transition-normal)}.expand-icon.expanded{transform:rotate(90deg)}.expand-icon.clickable{cursor:pointer}.page-section{width:100%}.section-title{font-size:var(--font-size-lg);font-weight:var(--semi-bold);color:var(--text-primary);padding-bottom:var(--spacing-sm);text-shadow:var(--shadow-sm)}.section-content h4{font-size:var(--font-size-md);font-weight:var(--bold);color:var(--text-primary);margin:0}.section-content p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;margin-left:var(--spacing-md)}.text-block{display:flex;flex-direction:column;gap:var(--spacing-xs)}.section-content{background:var(--bg-muted);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md)}.section-content>:last-child{margin-left:auto}.column{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md)}.row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.row>:last-child{margin-left:auto}.no-content{font-size:var(--font-size-sm);font-style:italic;color:var(--text-muted);padding:var(--spacing-sm);width:100%;display:flex;justify-content:center;text-align:center}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-section h4{font-size:var(--font-size-sm);font-weight:var(--bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.detail-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.detail-label{color:var(--text-primary);min-width:150px}.detail-value{color:var(--text-primary)}.detail-input{height:var(--height-xs)}.input-with-label{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;line-height:1.1}.input-label{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.input-label:focus{color:var(--primary)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--height-sm);height:var(--height-sm);border-radius:50%;background:var(--secondary);border:1px solid var(--secondary);color:var(--text-primary);font-weight:var(--bold);font-family:serif;font-size:var(--font-size-md);font-style:italic;cursor:pointer;line-height:var(--height-sm);flex-shrink:0;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);box-shadow:var(--shadow-sm)}.info-icon:hover{background:var(--secondary-hover);border-color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-content{background:var(--bg-muted);border:2px solid var(--primary);border-radius:var(--radius-lg);max-width:var(--page-max-width);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border);background:var(--bg-muted);flex-shrink:0;position:relative}.modal-title{margin:0;font-size:var(--font-size-lg);color:var(--text-primary);padding:0 var(--spacing-lg)}.modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1;display:flex;flex-direction:column;min-height:0;text-align:center}.modal-close{position:absolute;right:var(--spacing-md);background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0}.modal-close:hover{background:var(--bg-solid);color:var(--text-primary)}.confirm-modal-description{margin:0 0 var(--spacing-md) 0;line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.strategy-page{height:100vh;display:flex;flex-direction:row}.canvas-column{flex:1;display:flex;flex-direction:column;margin:var(--spacing-md) var(--spacing-lg)}.strategy-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:8px;border-bottom:1px solid rgba(0,0,0,.08)}.example-wrapper{position:relative;display:inline-flex;align-items:center}.strategy-list{margin-bottom:16px;max-height:400px;overflow-y:auto}.strategy-list-item{padding:12px;border:1px solid var(--border-color, #ccc);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;transition:background .2s}.strategy-list-item:hover{background:var(--hover-bg, #f0f0f0)}.floating-arrow{position:absolute;display:flex;align-items:center;gap:var(--spacing-xs);pointer-events:none;z-index:var(--z-tooltip);max-width:min(calc(var(--text-input-width) * 1.6),calc(100vw - var(--spacing-lg)))}.floating-arrow-text{background:var(--secondary);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;line-height:1.4;white-space:normal;overflow-wrap:normal;word-break:keep-all;min-width:220px;max-width:100%}.floating-arrow-left{right:calc(100% + var(--spacing-sm));top:50%;transform:translateY(-50%);flex-direction:row}.floating-arrow-right{left:calc(100% + var(--spacing-sm));top:50%;transform:translateY(-50%);flex-direction:row-reverse}.floating-arrow-top{bottom:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);flex-direction:column}.floating-arrow-bottom{top:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);flex-direction:column-reverse}.floating-arrow-tail{width:0;height:0}.floating-arrow-tail-left{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--primary)}.floating-arrow-tail-right{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid var(--primary)}.floating-arrow-tail-top{border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--primary)}.floating-arrow-tail-bottom{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--primary)}.expandable-card{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--transition-normal)}.expandable-card:hover{border-color:var(--primary)}.expandable-card-header{display:flex;justify-content:flex-start;align-items:center;cursor:pointer;padding:var(--spacing-md);gap:var(--spacing-md)}.expandable-card-title{font-size:var(--font-size-base);font-weight:var(--semi-bold);color:var(--text-primary)}.expandable-card-subtitle{font-size:var(--font-size-xs)}.expandable-card-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm)}.expandable-card-content{padding:var(--spacing-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-md)}.label{font-size:var(--font-size-sm);font-weight:var(--bold);padding:2px 8px;border-radius:var(--radius-sm)}.label-primary{color:var(--text-white);background-color:var(--primary-muted)}.label-secondary{color:var(--text-white);background-color:var(--secondary-muted)}.label-success{color:var(--success);background-color:var(--success-muted)}.label-danger{color:var(--danger);background-color:var(--danger-muted)}.page{display:flex;flex-direction:column;max-width:var(--page-max-width);margin:var(--spacing-md) var(--spacing-lg)}.trader-page .input{height:24px}.dropdown{padding:0 var(--spacing-md);font-size:var(--font-size-sm);background:var(--secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);outline:none;min-width:200px;height:var(--height-md)}.dropdown:hover:not(:disabled){border-color:var(--primary);background:var(--secondary-hover)}.dropdown:focus{border-color:var(--primary)}.dropdown:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.dropdown option{background:var(--secondary-hover);color:var(--text-primary);padding:var(--spacing-sm)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--background-color)}.login-card{display:flex;flex-direction:column;background-color:var(--bg-muted);border-radius:var(--radius-lg);box-shadow:0 6px 10px #00000080;align-items:center;padding:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--semi-bold);color:var(--text-primary);text-shadow:var(--shadow-sm)}.form-group input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-xs);width:250px;max-width:100%}.form-group input:focus{outline:none;border-color:var(--primary-color)}.form-group input:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.login-form button{width:100%}.login-note{margin:24px 0 0;text-align:center;color:var(--text-muted);font-size:var(--font-size-xs)}.app{display:flex;height:100vh;width:100%;overflow:hidden}.main-content{flex:1;padding:0;overflow-y:auto;overflow-x:auto}.icon-svg{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(1000%) hue-rotate(180deg)}[data-theme=dark] .icon-svg{filter:brightness(0) saturate(100%) invert(90%)}.progress-container{margin-top:var(--spacing-lg)}.progress-bar{width:100%;height:var(--height-xs);background:var(--bg-muted);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--primary);transition:width .5s ease;position:relative;overflow:hidden}.progress-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 1.5s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);font-size:var(--font-size-sm)}.checkbox input[type=checkbox]{width:var(--height-xs);height:var(--height-xs);cursor:pointer;accent-color:var(--primary)}.checkbox .checkbox-label-text{color:var(--text-primary)}.checkbox:hover .checkbox-label-text{color:var(--white)}.checkbox.disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.checkbox.disabled input[type=checkbox]{cursor:not-allowed}.ticker-selection-modal{display:flex;flex-direction:column;gap:var(--spacing-xs);width:400px;padding:var(--spacing-sm)}.ticker-selection-modal .column{gap:var(--spacing-xs)}.ticker-selection-modal h3{font-size:var(--font-size-md);font-weight:var(--semi-bold);margin:0;color:var(--text-primary)}.header-row{display:flex;align-items:center;gap:var(--spacing-sm)}.indented-list{display:flex;flex-direction:column;padding-left:var(--spacing-xl);gap:var(--spacing-xs)}.test-parameter-modal{max-width:min(50vw,500px);display:flex;flex-direction:column;gap:var(--spacing-md)}.test-parameter-modal .row{align-items:last baseline}.parameter-name{font-weight:var(--bold);font-size:var(--font-size-sm);color:var(--text-primary);width:var(--text-input-width);text-align:left;margin-left:var(--spacing-sm)}.value-input{align-items:center;width:15%;margin-left:auto}.trade-modal{width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.trade-modal-table-wrapper{width:100%;overflow-y:auto;flex:1}.trade-modal-table{width:100%;border-collapse:collapse}.trade-modal-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);font-weight:var(--semi-bold);font-size:var(--font-size-sm);white-space:nowrap;position:sticky;top:0;background:var(--bg-muted);z-index:1}.trade-modal-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-primary);text-align:left}.trade-modal-table th:last-child,.trade-modal-table td:last-child{text-align:right}.trade-modal-table tbody tr:last-child td{border-bottom:none}.trade-modal-table td.positive-value{color:var(--success)}.trade-modal-table td.negative-value{color:var(--danger)}.performance-modal{display:flex;flex-direction:column;gap:var(--spacing-md);width:min(var(--page-max-width),70vw);max-width:100%;height:min(var(--page-max-width),60vh)}.performance-controls{align-self:center}.performance-chart{width:100%;height:100%}.backtest-page-row{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-lg)}.landing-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:var(--bg-solid);color:var(--text-primary);font-family:inherit}.landing-header{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));width:100%;color:var(--text-on-color);text-shadow:var(--shadow-sm)}.landing-header h1{font-size:3.5rem;margin-bottom:1rem}.landing-header p{font-size:var(--font-size-lg);margin-bottom:2rem;opacity:.9;color:#fff}.landing-page .btn{height:var(--height-lg);font-size:var(--font-size-md);color:var(--text-on-color)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 2rem;max-width:1200px}.feature-card{padding:2rem;background-color:var(--bg-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.feature-card h3{margin-bottom:1rem;color:var(--primary)}.landing-footer{margin-top:auto;padding:2rem;width:100%;text-align:center;border-top:1px solid var(--border);opacity:.7}