*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Inter,sans-serif;background:#fff;overflow-x:hidden}.app{display:flex;flex-direction:column;height:100vh}.top-bar{width:100%;height:64px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:#0e172a;position:fixed;top:0;left:0;z-index:1000;overflow:hidden}.logo-section{display:flex;align-items:center;gap:8px}.logo-image{width:24px;height:24px;cursor:pointer}.logo-text{color:#fff;font-size:24px;font-family:Roboto,sans-serif;font-weight:700;cursor:pointer;transition:transform .5s ease}.logo-text:hover{transform:translate(5px)}.center-section{display:flex;align-items:center;gap:16px}.home-menu-item{display:flex;color:#fff;height:40px;padding:6px 12px;border-radius:25px;justify-content:center;align-items:center;text-decoration:none;font-size:16px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:transform .3s ease,background-color .3s ease,fill .3s ease}.home-menu-item:hover{transform:scale(1.1);background-color:#ffffff24}.right-section{display:flex;align-items:center;gap:12px}.language-selector{width:72px;height:40px;padding:6px 12px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:6px;background-color:transparent;transition:transform .3s ease,background-color .3s ease,fill .3s ease;cursor:pointer}.language-selector:hover{transform:scale(1.1);background-color:#ffffff24}.language-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.language-text{color:#fff;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-weight:500;letter-spacing:.5px}.account-icon{width:fit-content;min-width:40px;height:40px;border-radius:25px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease,background-color .3s ease,fill .3s ease;cursor:pointer}.account-icon:hover{transform:scale(1.1);background-color:#ffffff24}.cta-button{width:fit-content;height:40px;padding:0 16px;background:linear-gradient(90deg,#f1c40f,#ffb657);border-radius:25px;display:flex;justify-content:center;align-items:center;gap:2px;cursor:pointer;transition:background-color .3s ease,transform .2s,box-shadow .2s}.cta-button:hover{background:linear-gradient(90deg,#f7ff89,#f1c40f);transform:scale(1.1);box-shadow:0 6px 10px #0003}.cta-text{color:#000;display:flex;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-weight:500}.cta-icon{width:fit-content;min-width:24px;display:flex;justify-content:center;align-items:center}.hero-section{position:relative;display:flex;align-items:center;justify-content:space-between;padding:100px;height:900px;background:radial-gradient(ellipse 50% 35% at 50% 50%,#304f90,#0e172a);overflow:hidden}.floating-icon{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:24px;height:auto;animation:float 2s ease-in-out infinite,fadeIn 1s ease forwards;animation-delay:1.8s,1.8s;opacity:0;cursor:pointer}@keyframes float{0%{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}.hero-content{display:flex;flex-direction:column;gap:32px;max-width:50%}.hero-title{font-size:48px;font-weight:700;line-height:1.5;padding-bottom:24px;color:#fefefe;font-family:Inter,sans-serif}.hero-title-line1{display:inline-block;opacity:0;animation:floatIn 1s ease-out forwards;transition:transform .3s ease}.hero-title-line2{display:inline-block;opacity:0;animation:floatIn 1s ease-out forwards;animation-delay:.3s;transition:transform .3s ease}.hero-subtitle{opacity:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:500;line-height:1.4;color:#fff;margin-right:16px;animation:floatIn 1s ease-out forwards;animation-delay:.6s;transition:transform .3s ease}.hero-cta-button{opacity:0;display:flex;align-items:center;gap:10px;padding:16px 32px;font-size:20px;text-decoration:none;font-weight:700;color:#000;background:linear-gradient(90deg,#f1c40f,#ffb657);border:none;border-radius:50px;cursor:pointer;animation:ReversefloatIn 1s ease-out forwards;animation-delay:1.2s;transition:background-color .3s ease,transform .2s,box-shadow .2s;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif}.hero-cta-button:hover{background:linear-gradient(90deg,#f7ff89,#f1c40f);transform:scale(1.05);box-shadow:0 6px 10px #0003}.hero-note{opacity:0;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:600;padding:10px 0;color:#ffffffbf;animation:ReversefloatIn 1s ease-out forwards;animation-delay:1.2s;transition:transform .3s ease}.hero-image-container{opacity:0;display:flex;justify-content:center;align-items:flex-start;animation:floatIn 1s ease-out forwards;animation-delay:1.2s;transition:transform .3s ease}.hero-image{width:715px;height:700px;background:#1c1e20;border-radius:20px;position:relative;overflow:hidden}.hero-window{display:flex;justify-content:space-between;align-items:center;padding:16px}.hero-window-title{font-size:18px;font-weight:700;color:#fff}.hero-window-controls{display:flex;gap:8px}.control{width:16px;height:16px;border-radius:50%;transition:transform .2s,box-shadow .2s}.control:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.control.red{background:#f45952}.control.yellow{background:#dfb94e}.control.green{background:#5ab748}.strategy-builder-container{display:flex;height:92%;gap:16px;padding:16px}.sidebar{width:40%;background:#27292b;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.sidebar .header{display:flex;font-size:16px;justify-content:center;font-weight:600;color:#fff}.section{background:#343638;border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:8px}.section-title{font-size:12px;font-weight:600;color:#fff}.setting-item{font-size:12px;font-weight:200;color:#fff;background:#ffffff1a;padding:8px;border-radius:5px;transition:transform .5s ease}.setting-item:hover{transform:translate(5px)}.strat-button{text-align:center;height:40px;padding:10px 20px;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:12px;color:#fff;font-size:16px;font-weight:600;font-family:Roboto,sans-serif;border:none;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.strat-button:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.backtest-frame{display:flex;flex-direction:column;gap:16px;width:100%;height:100%}.backtest-container,.performance-summary{width:100%}.backtest-container{flex-grow:1;background:#27292b;border-radius:16px;padding:16px;display:flex;flex-direction:column;height:100%;gap:16px}.backtest-container .header{font-size:16px;font-weight:600;color:#fff}.backtest-container-top{display:flex;justify-content:stretch;width:100%;gap:20px}.settings-row{display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:12px;width:100%}.setting{display:flex;flex-direction:column;gap:4px;width:100%}.label{font-size:12px;font-weight:400;color:#fff9}.input{background:#343638;color:#fff;padding:6px;border-radius:5px;transition:transform .5s ease}.input-text{font-size:12px;font-weight:300;text-align:left;transition:transform .5s ease}.input-text:hover{transform:translate(5px)}.run-button{height:32px;padding:8px 16px;background:linear-gradient(90deg,#0c61fd,#02aef2);border-radius:12px;color:#fff;font-size:14px;font-weight:600;font-family:Roboto,sans-serif;border:none;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.run-button:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.graph-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%;background-color:#27292b;border-radius:8px;padding:8px;margin-top:16px;overflow:hidden}.graph-container2{display:flex;flex-direction:column;background-color:#27292b;border-radius:8px;padding:16px;overflow:hidden}.y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:35px;width:20px;height:80%;margin-right:10px}.y-axis-label{color:#fff6;font-size:12px;font-family:Inter,sans-serif;font-weight:400;line-height:16px;text-align:right}.chart{flex:1;display:flex;align-items:end;height:100%;width:100%;transform:translate(-0%,6%);border-radius:8px;margin-top:-5%}.x-axis{display:flex;justify-content:space-between;align-items:end;margin-top:16px;width:100%}.x-axis-label{color:#fff6;font-size:12px;font-family:Inter,sans-serif;font-weight:400;line-height:16px;text-align:center}.performance-summary{display:flex;flex-direction:column;gap:16px;height:100%;background:#27292b;border-radius:16px;padding:16px}.performance-summary .summary-header{font-size:16px;font-weight:600;color:#fff}.summary-section{display:flex;flex-direction:column;width:100%;height:100%}.summary-row{display:flex;height:100%;justify-content:space-between;padding:8px;gap:16px}.summary-item{display:flex;flex-direction:column;justify-content:center;gap:12px;background:#343638;border-radius:5px;padding:10px;flex-grow:1}.value{font-size:20px;font-weight:600;color:#fff;transition:transform .5s ease}.value:hover{transform:translate(5px)}@keyframes floatIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes ReversefloatIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.feature-section{align-self:stretch;padding:64px 80px;background:#0e172a;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:32px}.feature-heading{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:32px}.feature-heading-text{align-self:stretch;text-align:center;color:#fff;font-size:80px;font-family:inter;font-weight:700;line-height:105.6px;word-wrap:break-word}.feature-partners{align-self:stretch;padding-bottom:32px;display:inline-flex;justify-content:center;align-items:center;gap:50px}.partner{display:flex;justify-content:center;align-items:center;gap:8px}.partner img{width:32px;height:32px}.partner-name{color:#ffffffbf;font-size:24px;font-family:Roboto,sans-serif;font-weight:700;line-height:26.4px;word-wrap:break-word}.feature-buttons{align-self:stretch;display:inline-flex;justify-content:center;align-items:center;gap:15px}.feature-button{width:90px;height:40px;background:#213662;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:6px 12px}.feature-button-text{color:#fff;font-size:16px;font-family:Roboto,sans-serif;font-weight:400;line-height:16px;letter-spacing:.5px;word-wrap:break-word}.feature-info{width:1000px;height:217px;display:inline-flex;justify-content:flex-start;align-items:flex-start;gap:64px}.info-item{flex:1 1 0;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;padding:0 16px}.info-item-image{width:96px;height:96px;position:relative;overflow:hidden}.info-item-image div{width:80px;height:72px;position:absolute;left:8px;top:11.97px;background:#c1c7cd}.info-item-text{text-align:center;color:snow;font-size:18px;font-family:Roboto,sans-serif;font-weight:400;line-height:25.2px;word-wrap:break-word}.explore-button{height:56px;padding:16px;border-radius:25px;outline:2px rgba(255,255,255,.5) solid;outline-offset:-2px;display:inline-flex;justify-content:center;align-items:center}.explore-button-text{color:#fff;font-size:20px;font-family:Roboto,sans-serif;font-weight:500;line-height:20px;letter-spacing:.5px;word-wrap:break-word}button{all:unset;cursor:pointer}.topbar-left{display:flex;align-items:center;gap:12px}.logo-container{display:flex;padding:6px;border-radius:15px;position:relative;overflow:hidden;transition:transform .3s ease,background-color .3s ease}.logo-container:hover{transform:scale(1.2);background-color:#f0f0f0;cursor:pointer}.logo-container:active{transform:scale(.9)}.logo-icon{width:24px;height:24px;position:relative}.favicon-container{display:flex;padding:6px;border-radius:15px;position:relative;overflow:hidden;cursor:pointer}.favicon-icon{width:24px;height:24px;transition:transform .3s ease}.favicon-icon:hover{transform:scale(1.2);cursor:pointer}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.strategy-name{display:flex;align-items:center;cursor:pointer}.strategy-name-text{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-weight:500;color:#212121;padding:4px 8px;border:1px solid transparent;border-radius:4px;transition:background-color .3s ease}.strategy-name-text:hover{background-color:#f0f0f0}.strategy-name-input{font-size:16px;font-weight:500;color:#212121;border:1px solid #ccc;padding:4px 8px;border-radius:4px;width:100%;height:24px;outline:none;transition:border-color .3s ease}.strategy-name-input:focus{border-color:gray}.icon-container{display:flex;align-items:center;gap:8px;padding:6px;position:relative;overflow:hidden}.icon-container.saving{font-size:14px;color:#000c}.icon-container.saving .logo-icon{animation:spin 1s linear infinite}.icon-container.saved{font-size:14px;color:#000c;animation:fadeOut 3s ease-in-out}.topbar-right{display:flex;align-items:center;gap:20px}.topbar-button{padding:8px 20px;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.topbar-button.primary{background-color:#007bff;color:#fff;box-shadow:0 4px 10px #007bff4d}.topbar-button.primary:hover{background-color:#0056b3;transform:scale(1.05);box-shadow:0 6px 15px #007bff99}.topbar-button.secondary{padding:7px 20px;background:transparent;color:#000;border:1px solid #000;box-shadow:0 2px 6px #0000001a}.topbar-button.secondary:hover{background:#f0f0f0;color:#333;transform:scale(1.05);box-shadow:0 4px 10px #0003}.topbar-button.export{background:#000;color:#fff;box-shadow:0 4px 10px #0000004d}.topbar-button.export:hover{background:#333;transform:scale(1.05);box-shadow:0 6px 15px #00000080}.topbar-button:active{transform:scale(.9)!important}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-section{width:100%;display:flex;flex-direction:column;padding-bottom:8px}.search-bar{width:100%;height:32px;display:inline-flex;justify-content:flex-start;align-items:center;gap:8px;padding:4px 8px;background:#00000006;border-radius:8px;overflow:hidden}.search-bar:hover{background:#0000000d;box-shadow:0 4px 8px #00000026;transform:scale(1.02)}.search-tool{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.search-icon{display:flex}.search-text{color:#0003;font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}.search-input{border:none;outline:none;font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:#000c;background:transparent;width:100%}.search-input::placeholder{color:#0006;transition:color .3s ease}.search-input:focus::placeholder{color:#0003}.shortcut{width:20px;text-align:center;background:#fff3;border-radius:4px;border:.5px solid rgba(0,0,0,.04);font-size:12px;line-height:16px;color:#0009;transition:background-color .3s ease,color .3s ease}.search-bar:hover .shortcut{background:#0000001a;color:#000c}.blocks-section{display:flex;width:100%;flex-direction:column;gap:8px;font-family:Inter,sans-serif;font-size:14px}.dropdown-arrow{display:flex;align-items:center;justify-content:center;transition:transform .3s ease,color .3s ease,font-size .3s ease;color:#00000080}.dropdown-arrow.open{transform:rotate(180deg)}.section-icon{display:flex;align-items:center}.section-header{font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:flex-start;padding:8px;gap:8px;width:100%;cursor:pointer;transition:background-color .3s ease;border-radius:10px}.section-header:hover{background-color:#f5f5f5}.dropdown-section{width:100%;display:flex;flex-direction:column}.dropdown-item{font-family:Inter,sans-serif;width:100%;display:flex;padding-left:28px;gap:3px;overflow:hidden;flex-direction:column}.dropdown-content{margin-left:0;width:100%;display:flex;align-items:flex-start;flex-direction:column}.nested-content{margin-left:28px;display:flex;flex-direction:column;gap:6px}.nested-item{padding:8px;background:#f9f9f9;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.nested-item:hover{background:#f0f0f0}.builder-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.builder-container{display:flex;flex:1;overflow:hidden}.builder-page>.builder-topbar{width:100%;height:48px;padding:20px 28px;border-bottom:2px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.builder-leftbar{width:240px;border-right:2px solid #ddd;padding:16px;overflow-y:auto;transition:all .3s ease;transform:translate(0)}.builder-leftbar.hidden{transform:translate(-100%);width:0;padding:0}.builder-rightbar{width:288px;border-left:2px solid #ddd;padding:8px;overflow-y:auto;transition:all .3s ease;transform:translate(0)}.builder-rightbar.hidden{transform:translate(100%);width:0;padding:0}.builder-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.builder-main>.builder-main-section{flex:1;display:flex;flex-direction:column;background:#fff;padding:16px;border-radius:8px;overflow:auto}.builder-main>.builder-bottom-bar{height:48px;border-top:2px solid rgba(0,0,0,.1);width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:1000}.block-properties-section{display:flex;flex-direction:column;border-bottom:1px solid rgba(0,0,0,.1)}.block-properties-header{justify-content:flex-start;display:flex;align-items:center;padding:8px;gap:8px;cursor:pointer}.property-hint{color:#888;display:flex;font-size:14px;font-family:Inter,sans-serif;padding:12px 8px}.rb-icon-container{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}.builderright-title{display:flex;align-items:center;font-size:14px;font-family:Inter,sans-serif;font-weight:500;color:#333}.property-item,.parameter-item,.condition-item{padding:8px;border-radius:8px;display:flex;align-items:center;gap:8px}.property-icon,.parameter-icon,.condition-icon{width:20px;height:20px;border-radius:50%}.property-label,.parameter-label,.condition-label{width:80px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;text-align:left;white-space:nowrap}.property-value{font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:#000;padding:4px;border-radius:4px}.parameter-value,.condition-value{font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:#000;background:#0000000d;padding:4px 8px;border-radius:4px;border:1px solid rgba(0,0,0,.2);outline:none;width:100px;text-align:left;transition:all .3s ease}.parameter-value:hover,.condition-value:hover{background:#0000001a}.parameter-value:focus,.condition-value:focus{border-color:#007bff;background:#fff;box-shadow:0 0 4px #007bff80}.block-actions-section{display:flex;flex-direction:row;justify-content:center;padding:16px;gap:12px;align-items:stretch}.action-item{width:100%;height:40px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:32px;cursor:pointer;transition:all .3s ease}.action-item:hover{background-color:#0000001a;color:#fff;transform:scale(1.1)}.action-item:active{transform:scale(.9)}.action-icon{font-size:20px;display:flex;align-items:center;justify-content:center;color:#000;transition:color .3s ease}.action-item:hover .action-icon{color:#fff}.builder-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:48px;background:#fff;border-top:1px solid #ddd;position:relative}.bottom-bar-left,.bottom-bar-right{display:flex;align-items:center;gap:8px}.bottom-bar-item{padding:6px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#666;background:transparent;cursor:pointer;transition:all .2s ease}.bottom-bar-item:hover{color:#333;background:#f5f5f5}.bottom-bar-item.active{color:#2196f3;background:#e3f2fd}.bottom-bar-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .2s ease}.bottom-bar-icon-button:hover{background:#f5f5f5}.bb-icon{width:20px;height:20px;opacity:.6;transition:opacity .2s ease}.bottom-bar-icon-button:hover .bb-icon{opacity:1}.dropdown-window{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #ddd;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;z-index:2000;display:flex;flex-direction:column}.dropdown-window.maximized{height:calc(100vh - 96px)}.dropdown-resize-handle{position:absolute;bottom:-6px;left:0;right:0;height:8px;cursor:ns-resize;background:transparent}.builder-main-top{display:flex;justify-content:space-between;padding-bottom:4px}.tabs-header{display:flex;width:100%;justify-content:flex-start;align-items:center}.tab-item{padding:8px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:#000;line-height:20px;cursor:pointer;border-radius:8px;position:relative;transition:background-color .3s ease,color .3s ease}.tab-item:hover{background-color:#0000000a}.active-indicator{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#000;border-radius:2px}.tab-content{flex:1;width:100%;padding:16px;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#000c}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px}.footer-button{padding:8px 16px;background:#0000000a;border:none;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#000c;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.footer-button:hover{background:#0000001a;transform:scale(1.05)}.footer-button:active{transform:scale(.95)}.strategy-settings-tab{display:flex;flex-direction:column;gap:16px}.settings-header .header-title{color:#000;font-size:16px;font-family:Inter,sans-serif;font-weight:600;word-wrap:break-word}.settings-container{display:flex;align-self:stretch;padding:16px 24px;background:#f9f9fa;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:column;gap:16px;width:100%}.settings-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:28px;width:100%}.settings-card{flex:1 1 0;padding:10px 20px;background:#fffc;border-radius:16px;outline:.5px solid rgba(0,0,0,.1);display:flex;flex-direction:column;height:auto;min-height:76px;gap:8px}.settings-card .card-header{color:#0009;font-size:12px;font-family:Inter,sans-serif;font-weight:400;line-height:16px;word-wrap:break-word}.settings-card .card-content{display:flex;justify-content:space-between;align-items:center}.settings-card .card-content .card-text{color:#000;font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:20px;word-wrap:break-word}.settings-card .card-content .card-icon{width:16px;height:16px;position:relative}.icon-checkmark{width:9px;height:13px;position:absolute;left:3.5px;top:1.5px;background:#0006}.icon-calendar{width:15px;height:15px;position:absolute;left:2.5px;top:2.5px;border:1.5px solid rgba(0,0,0,.4);border-radius:4px}.setting-dropdown-menu{width:100%;padding:4px 12px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:20px;color:#000;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.setting-dropdown-menu:hover{border-color:#0000004d}.setting-dropdown-menu:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.setting-dropdown-menu{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.6464 6.34033C11.8417 6.55323 12.1583 6.55323 12.3536 6.34033C12.5488 6.12743 12.5488 5.78225 12.3536 5.56935L9.06066 1.97902C8.47487 1.34032 7.52513 1.34033 6.93934 1.97902L3.64645 5.56935C3.45118 5.78225 3.45118 6.12743 3.64645 6.34032C3.84171 6.55322 4.15829 6.55322 4.35355 6.34032L7.64645 2.75C7.84171 2.5371 8.15829 2.5371 8.35355 2.75L11.6464 6.34033Z' fill='black' fill-opacity='0.6'/%3E%3Cpath d='M4.35355 9.65968C4.15829 9.44678 3.84171 9.44678 3.64645 9.65968C3.45118 9.87257 3.45118 10.2178 3.64645 10.4307L6.93934 14.021C7.52513 14.6597 8.47487 14.6597 9.06066 14.021L12.3536 10.4307C12.5488 10.2178 12.5488 9.87258 12.3536 9.65968C12.1583 9.44678 11.8417 9.44678 11.6464 9.65968L8.35355 13.25C8.15829 13.4629 7.84171 13.4629 7.64645 13.25L4.35355 9.65968Z' fill='black' fill-opacity='0.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}.card-input{width:100%;padding:4px 12px;font-size:14px;line-height:20px;font-family:Inter,sans-serif;border:1px solid rgba(0,0,0,.1);border-radius:8px;outline:none}.card-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.date-picker{width:100%;padding:4px 12px;font-size:14px;line-height:20px;border:1px solid rgba(0,0,0,.1);border-radius:8px;outline:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M6.66667 5.83333V2.5M13.3333 5.83333V2.5M5.83333 9.16667H14.1667M4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V5.83333C17.5 4.91286 16.7538 4.16667 15.8333 4.16667H4.16667C3.24619 4.16667 2.5 4.91286 2.5 5.83333V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5Z" stroke="black" stroke-opacity="0.4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}.date-picker:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.date-picker::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.logic-row-builder{display:flex;flex-direction:column;gap:16px;flex:1;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#f8f9fa;padding:16px 24px;overflow-y:auto;max-height:80vh}.logic-row-builder h3{margin:0;font-size:16px;font-weight:600;color:#333}.logic-row-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2196f333;margin-bottom:20px}.logic-row-add-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.logic-row-add-btn:active{transform:translateY(0);box-shadow:0 2px 4px #2196f333}.logic-row-add-btn:before{content:"+";font-size:18px;font-weight:600;line-height:1}.logic-row{display:flex;flex-direction:column;justify-content:flex-start;padding:8px 8px 16px 16px;border:2px dashed #bbb;border-radius:8px;background:#fff;margin-bottom:4px;min-height:80px;position:relative;transition:all .3s ease;cursor:grab}.logic-row.dragging{opacity:.5;transform:scale(.98)}.logic-row.drop-over{border-color:#4caf50;background:#f1f8e9}.logic-row-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.logic-row-number{display:flex;margin:0;font-weight:700;font-size:14px;color:#333;padding-top:4px}.logic-row-elements{display:flex;flex-direction:row;overflow-x:auto;gap:4px;width:100%}.logic-box{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9fa;text-align:center;width:100px;font-size:14px;color:#333}.placeholder{color:#999;font-style:italic;margin:0;padding:8px}.dropped-element{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9fa;font-size:14px;color:#333;width:fit-content}.dropped-comparable{background-color:#e3f2fd;border-color:#2196f3;color:#1565c0;font-weight:500;box-shadow:0 1px 4px #2196f314}.dropped-compare-operator{background-color:#fff3e0;border-color:#ff9800;color:#e65100;font-weight:600;box-shadow:0 1px 4px #ff980014}.dropped-boolean-operator{background-color:#e8f5e9;border-color:#4caf50;color:#1b5e20;font-weight:600;box-shadow:0 1px 4px #4caf5014}.logic-row-delete-btn{display:flex;padding:4px 12px;border-radius:6px;border:1px solid #dc3545;background:#fff;color:#dc3545;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s}.logic-row-delete-btn:hover{background-color:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #dc354533}.logic-row-delete-btn:active{transform:translateY(0);box-shadow:0 1px 2px #dc35451a}.drop-zone{min-width:60px;min-height:40px;border:2px dashed #aaa;margin:0 8px;display:inline-block;background:transparent;box-shadow:none;border-color:#aaa;border-radius:8px;transition:all .2s}.drop-zone.drop-over{background:#b3f0b3;box-shadow:0 0 8px 2px #7be87b;border-color:#4caf50}.selected-element{border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f333}.dropped-row{background:#eee!important;color:#aaa!important;border-style:dotted!important;cursor:not-allowed!important}.logic-row-status{display:flex;font-size:13px;font-weight:500;margin:2px 0 6px;padding:4px 12px;border-radius:6px;min-width:60px}.logic-row-status.valid{color:#388e3c;background:#e8f5e9;border:1px solid #a5d6a7}.logic-row-status.invalid{color:#d32f2f;background:#fff0f0;border:1px solid #ffcdd2}.logic-row-header-right{display:flex;flex-direction:row;align-items:center;gap:8px}.dropped-exit{background-color:#ede7f6;border-color:#7c4dff;color:#4a148c;font-weight:700;box-shadow:0 1px 4px #7c4dff14}.dropped-element:hover{filter:brightness(1.08);box-shadow:0 2px 8px #0000001a;z-index:2}.dropped-comparable.selected-element{border:2.5px solid #1976d2;box-shadow:0 0 0 3px #bbdefb}.dropped-compare-operator.selected-element{border:2.5px solid #ff9800;box-shadow:0 0 0 3px #ffe0b2}.dropped-boolean-operator.selected-element{border:2.5px solid #388e3c;box-shadow:0 0 0 3px #c8e6c9}.dropped-exit.selected-element{border:2.5px solid #7c4dff;box-shadow:0 0 0 3px #d1c4e9}.entry-logic-canvas{flex:1;display:flex;flex-direction:column;gap:16px;min-height:300px;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;background:#f9f9fa;padding:16px 24px;transition:all .3s ease;overflow-y:auto;max-height:80vh}.entry-logic-canvas.drop-over{border-color:#007bff;background:#f0f7ff}.logic-blocks-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:24px;padding:16px 0}.logic-drop-zone{flex:1;background:#fff;border:2px dashed #bbb;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:stretch;transition:all .2s;position:relative;box-sizing:border-box}.logic-drop-zone.drop-over{border-color:#2196f3;background:#e3f2fd}@media (max-width: 900px){.logic-drop-zone{min-width:160px;padding:12px 8px 8px}}.logic-blocks-row{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;width:100%;height:100%}.drop-zone-title{font-size:15px;font-weight:600;color:#2196f3;margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase;background:#e3f2fd;border-radius:6px;padding:4px 12px;box-shadow:0 1px 4px #2196f312;border:1.5px solid #90caf9}.drop-zone-title.short{color:#ff6f00;background:#fff3e0;border:1.5px solid #ffb300;box-shadow:0 1px 4px #ff98001a}.logic-block,.logic-boolean-operator-name{display:flex;align-items:center;padding:4px 8px;border-radius:8px;font-size:16px;font-weight:500;min-height:32px;box-sizing:border-box}.logic-block{border:2px solid #2196f3;background:#e3f2fd;color:#1565c0;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;margin-bottom:0;white-space:nowrap}.logic-block:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#1976d2}.logic-block-drop-zone{min-width:40px;min-height:30px;border:1px dashed #aaa;margin:0 4px;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:all .2s ease;border-radius:4px;font-size:14px;color:#333}.logic-block-drop-zone.drop-over{background:#e8fbe8;border-color:#4caf50}.logic-block-drop-zone .placeholder{color:#999;font-style:italic;margin:0;padding:8px}.logic-block-drop-zone .logic-block{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9fa;font-size:14px;color:#333;width:fit-content}.logic-block-drop-zone .logic-block:hover{background:#e3f2fd;border-color:#2196f3;color:#1565c0}.logic-block-drop-zone .logic-block.selected-element{border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f333}.entry-logic-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.entry-logic-reset-btn{display:flex;padding:4px 12px;border-radius:6px;border:1px solid #dc3545;background:#fff;color:#dc3545;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s}.entry-logic-reset-btn:hover{background:#dc3545;color:#fff;border-color:#dc3545}.entry-logic-reset-btn:active{background:#b71c1c;color:#fff;border-color:#b71c1c}.logic-boolean-operator-box{display:flex;align-items:center;border:2px solid #b3c6ff;border-radius:10px;background:linear-gradient(90deg,#f4f7ff 80%,#f4f7ff);padding:6px 14px;margin:0 6px 8px;position:relative;box-shadow:0 2px 8px #2196f312;transition:box-shadow .2s}.logic-boolean-operator-box:hover{box-shadow:0 4px 16px #2196f321;border-color:#2196f3}.logic-parenthesis{font-size:22px;font-weight:700;color:#90a4ae;margin:0 4px;-webkit-user-select:none;user-select:none}.logic-parenthesis-left{margin-right:8px}.logic-parenthesis-right{margin-left:8px}.logic-boolean-operator-name{border:1.5px solid #90caf9;background:#e3f2fd;color:#1976d2;margin:0 10px;box-shadow:0 1px 4px #2196f312;letter-spacing:1px}.logic-drop-zone.short .logic-block,.logic-drop-zone.short .logic-boolean-operator-name{border-color:#ff6f00;background:#fff8e1;color:#e65100;box-shadow:0 2px 6px #ff980021}.logic-drop-zone.short .logic-block:hover,.logic-drop-zone.short .logic-boolean-operator-name:hover{border-color:#ff6f00;background:#ffe082;color:#e65100}.logic-drop-zone.short .logic-boolean-operator-box{border:2px solid #ffb300;background:linear-gradient(90deg,#fffde7 80%,#fffde7);box-shadow:0 2px 8px #ff980021}.logic-drop-zone.short .logic-boolean-operator-box:hover{border-color:#ff6f00;box-shadow:0 4px 16px #ff98002e}.logic-drop-zone.short .logic-parenthesis{color:#ffb300}.logic-drop-zone.short .logic-boolean-operator-name{border:1.5px solid #ffb300;background:#fff8e1;color:#e65100}.logic-block-delete-btn{background:#fff;border:1.5px solid #e0e0e0;color:#b71c1c;border-radius:50%;width:18px;height:18px;font-size:13px;font-weight:700;line-height:15px;display:flex;align-items:center;justify-content:center;margin-left:6px;cursor:pointer;opacity:.5;transition:all .15s;padding:0;position:relative}.logic-block:hover .logic-block-delete-btn,.logic-boolean-operator-name:hover .logic-block-delete-btn{opacity:1}.logic-block-delete-btn:hover{background:#ffeaea;color:#d32f2f;border-color:#d32f2f;opacity:1}