html,body{margin:0;padding:0;height:100%;min-height:100vh;display:flex;flex-direction:column}body{margin:0;padding:0;display:flex;flex-direction:column;background-color:#fff;color:#000;overflow-x:hidden}.MuiInputBase-input::placeholder{color:#888!important;opacity:1!important}@media (prefers-color-scheme: dark){body{background-color:#fff;color:#000}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1976d2;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:linear-gradient(135deg,#1f1f2e,#2b2c3a);display:flex;flex-direction:column;justify-content:space-between;z-index:999;box-shadow:4px 0 10px #00000080;overflow:hidden}.sidebar-top{text-align:center;padding:10px 0}.sidebar-logo{max-width:70%;height:auto}.sidebar-list{flex-grow:1;overflow-y:auto;padding:10px 0 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-list::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.sidebar-icon{color:#0099e9!important;min-width:36px}.MuiListItem-root{transition:all .3s ease;color:#fff;padding:8px 16px;border-radius:6px;margin:6px 0;cursor:pointer}.MuiListItem-root:hover{background-color:#ffffff26;transform:translate(3px)}.MuiListItemText-root{font-weight:500}.sidebar-bottom{display:flex;justify-content:center;align-items:center;padding:20px 0;flex-shrink:0;background:#0000000d}.sidebar-avatar{cursor:pointer;background-color:#fff;color:#4066b2;width:48px;height:48px;font-size:1.2rem;transition:background-color .3s ease,color .3s ease}.sidebar-avatar:hover{background-color:#4066b2;color:#fff}.menu-animation{animation:fadeInScale .3s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-section{padding-bottom:0;background-color:#4066b2;color:#fff;text-align:center;position:relative}.hero-content{max-width:600px;margin:0 auto;position:relative;z-index:2}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.hero-section h1{font-size:3rem;font-weight:700;color:#fff}.hero-section p{font-size:1.25rem;margin-bottom:2rem;color:#fff}.top-right-buttons{position:absolute;top:30px;right:40px;display:flex;gap:12px;z-index:3}.hero-nav-menu{display:flex;justify-content:center;gap:20px;margin-top:20px;z-index:2;position:relative}.hero-nav-button{position:relative;background-color:transparent;color:#0099e9!important;font-weight:600;border:none;padding:10px 20px;border-radius:20px;transition:color .3s ease}.hero-nav-button:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:0%;height:2px;background-color:#fff;transition:width .3s ease}.hero-nav-button:hover:after{width:60%}.hero-nav-button:hover{color:#fff!important}.hero-header-bar{position:absolute;top:20px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none;height:100px}.hero-logo,.cta-buttons,.cta-button{pointer-events:auto}.hero-logo{height:140px;object-fit:contain;filter:drop-shadow(0 0 3px rgba(0,0,0,.4));margin-top:-5px}.cta-buttons{display:flex;justify-content:flex-end;gap:10px;position:absolute;top:20px;right:30px;z-index:10}.cta-buttons .cta-button{font-size:.95rem;padding:8px 18px;background-color:#4066b2;color:#fff;text-transform:none;border-radius:20px;transition:all .3s ease}.cta-buttons .cta-button:hover{background-color:#30518e}.hero-nav-wrapper{position:absolute;top:20px;left:0;width:100%;display:flex;justify-content:center;z-index:5;padding:0 100px;box-sizing:border-box}.hero-nav-menu{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.hero-nav-wrapper{flex-direction:column;align-items:center;padding:0 20px}.hero-nav-menu{flex-direction:column;gap:10px}.cta-buttons{flex-direction:column;top:15px;right:10px}}.features-section h4{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;color:#333;text-align:center;margin-top:40px;margin-bottom:20px;line-height:1.4}.features-list{display:flex;justify-content:space-between;flex-wrap:wrap}.feature-item{max-width:300px;text-align:center;margin-bottom:30px;transition:transform .3s ease-in-out;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.feature-item:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.feature-item h6{font-weight:700;color:#333}.feature-item p{font-size:1rem;color:#666}.feature-item .feature-icon{font-size:40px;color:#4066b2;margin-bottom:15px}.hero-section,.features-section{animation:fadeIn 2s ease-in-out}.hero-section .cta-button{position:relative;top:-15px}.product-news-section h4{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;color:#333;text-align:center;margin-top:40px;margin-bottom:20px;line-height:1.4}.product-news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-items:center;margin-top:30px}.news-item{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 20px #0000001a;width:100%;max-width:350px;transition:transform .3s ease,box-shadow .3s ease;position:relative}.news-item:hover{transform:translateY(-12px);box-shadow:0 12px 24px #00000026}.news-item h6{color:#4066b2;font-size:1.3rem;font-weight:600;margin-top:20px;transition:color .3s ease-in-out,transform .3s ease;text-transform:capitalize}.news-item h6:hover{color:#1d4e89;transform:translateY(-5px)}.news-item p{color:#5f6c7b;font-size:.95rem;margin:12px 0}.news-item button{margin-top:15px;color:#4066b2;border:2px solid #4066b2}.news-item button:hover{background-color:#4066b2;color:#fff}.news-image{width:100%;height:200px;object-fit:cover;border-radius:10px;transition:transform .5s ease-in-out}.news-item:hover .news-image{transform:scale(1.1)}@media screen and (max-width: 768px){.product-news-list{grid-template-columns:1fr 1fr}.news-item{max-width:100%}}@media screen and (max-width: 480px){.product-news-list{grid-template-columns:1fr}}.faq-section h4{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;color:#333;text-align:center;margin-top:40px;margin-bottom:20px;line-height:1.4}.faq-list{margin-top:30px}.faq-list .MuiAccordion-root{margin-bottom:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.faq-list .MuiAccordionSummary-root{background-color:#30518e}.faq-list .MuiAccordionSummary-root .MuiTypography-root{color:#fff}.faq-list .MuiAccordionSummary-root:hover{background-color:#30518e}.faq-list .MuiAccordionDetails-root{background-color:#eff3f7;padding:20px}.faq-list .MuiTypography-root{font-size:1rem;color:#333}.faq-list .MuiAccordionSummary-expandIcon{color:#fff}.footer{background-color:#30518e;color:#fff;padding:40px 20px;text-align:center;margin-top:50px;animation:fadeInFooter 1s ease-out}.footer-content{max-width:1100px;margin:0 auto}@keyframes fadeInFooter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-about{margin-bottom:30px}.footer-about .footer-title{font-weight:700;font-size:1.2rem;margin-bottom:10px}.footer-about p{font-size:1rem;color:#e1e1e1}.footer-links{margin-bottom:30px}.footer-links .footer-title{font-weight:700;font-size:1.2rem;margin-bottom:10px}.footer-link-list{display:flex;justify-content:center;gap:20px}.footer-link{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.footer-link:hover{color:#1976d2}.footer-social{margin-bottom:30px}.footer-social .footer-title{font-weight:700;font-size:1.2rem;margin-bottom:10px}.footer-social-icons{display:flex;justify-content:center;gap:15px}.footer-social-icons .social-icon{font-size:1.5rem;color:#fff;transition:color .3s ease}.footer-social-icons .social-icon:hover{color:#1976d2}.footer-bottom{margin-top:20px}.footer-bottom p{font-size:.9rem}@media screen and (max-width: 768px){.footer-content{padding:10px}.footer-link-list,.footer-social-icons{flex-direction:column;align-items:center}}.product-demo-section{background-color:#f8f9fc;padding:40px 0 60px;animation:fadeIn 1.5s ease-in-out}.product-demo-section .section-title{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;color:#333;text-align:center;margin-top:0;margin-bottom:20px;line-height:1.4}.testimonials-section{background-color:#f0f2f8;padding:60px 0;animation:fadeIn 1.5s ease-in-out}.testimonials-section .section-title{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;color:#333;margin-bottom:10px}.scroll-button{margin-left:10px;font-size:.9rem;color:#fff;border:1px solid #fff;background-color:transparent;text-transform:none;transition:all .3s ease}.scroll-button:hover{background-color:#fff;color:#1976d2;border-color:#fff}.hero-section{padding-top:0}.sticky-header{position:sticky;top:0;background-color:#4066b2;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:10px 30px;overflow:hidden;color:#fff}.sticky-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-1}.sticky-nav-menu{display:flex;justify-content:center;flex-grow:1;gap:20px;transform:translate(-70px)}.cta-buttons{display:flex;gap:10px}.sticky-logo{height:60px}.cta-button,.hero-nav-button{color:#fff}.product-demo-container{width:100%;padding:0 50px;box-sizing:border-box}.mini-video{position:fixed;bottom:20px;right:20px;width:320px;height:180px;z-index:999;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #00000040;background:#000;transition:opacity .3s ease,transform .3s ease}.mini-video video{width:100%;height:100%;object-fit:cover}.monitoring-container{padding:40px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.background-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.content-wrapper{position:relative;z-index:1}.main-title{font-weight:800!important;background:linear-gradient(45deg,#fff,#f0f8ff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.filter-select{background-color:#ffffffe6!important;border-radius:8px!important}.filter-select .MuiOutlinedInput-notchedOutline{border:none!important}.refresh-button{background-color:#ffffffe6!important}.refresh-button:hover{background-color:#fff!important}.export-button{background-color:#ffffffe6!important;color:#667eea!important;font-weight:700!important}.export-button:hover{background-color:#fff!important}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metric-card{position:relative!important;overflow:hidden!important;border-radius:16px!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 8px 32px #0000001a!important}.metric-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #00000026!important}.metric-card:before{content:"";position:absolute;top:0;right:0;width:30%;height:100%;background:#ffffff1a;transform:skew(-15deg)}.metric-card-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important}.metric-card-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.metric-card-success{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.metric-card-warning{background:linear-gradient(135deg,#ffecd2,#fcb69f)!important}.metric-card-content{position:relative!important;z-index:1!important}.metric-title{opacity:.9!important;margin-bottom:8px!important;font-weight:500!important}.metric-value{font-weight:700!important;margin-bottom:4px!important}.metric-trend{opacity:.8!important;font-weight:500!important}.metric-icon{background-color:#fff3!important;width:56px!important;height:56px!important;transition:all .3s ease!important}.metric-card:hover .metric-icon{background-color:#ffffff4d!important}.alert-notification{border-radius:8px!important}.server-card{padding:32px!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f8f9fa)!important;position:relative!important;overflow:hidden!important;transition:all .3s ease!important;box-shadow:0 12px 24px #0000001a!important}.server-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #00000026!important}.server-card-border{position:absolute;top:0;left:0;right:0;height:4px}.server-card-border-online{background:linear-gradient(90deg,#4caf50,#8bc34a)}.server-card-border-warning{background:linear-gradient(90deg,#ff9800,#ff5722)}.server-card-border-offline{background:linear-gradient(90deg,#f44336,#e91e63)}.server-card-online{border:2px solid #4caf50!important}.server-card-warning{border:2px solid #ff9800!important}.server-card-offline{border:2px solid #f44336!important}.server-name{font-weight:700!important;margin-bottom:4px!important}.server-location{color:#666!important}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;margin-right:8px}.status-chip{font-weight:700!important;font-size:.875rem!important;margin-left:8px}.stat-box{text-align:center;padding:16px;border-radius:8px;transition:all .3s ease}.stat-box:hover{transform:translateY(-2px)}.stat-box-primary{background-color:#1976d20d;color:#1976d2}.stat-box-warning{background-color:#ff98000d;color:#ff9800}.stat-label{display:block!important;color:inherit!important;opacity:.8;margin-top:4px!important}.stat-value{font-weight:700!important;color:inherit!important}.load-section{margin-bottom:24px;padding:16px;background-color:#9c27b00d;border-radius:8px}.load-title{margin-bottom:8px!important;font-weight:700!important;color:#9c27b0!important}.load-values{margin-bottom:8px}.process-info{color:#666!important}.progress-rings{margin-bottom:24px!important}.progress-ring-circle{transition:stroke-dashoffset .5s ease-in-out}.progress-label{display:block!important;margin-top:8px!important;font-weight:700!important;color:#333!important}.chart-title{margin-bottom:16px!important;font-weight:700!important;color:#333!important}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.metric-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite linear;pointer-events:none;z-index:0}@keyframes shine{0%{transform:rotate(45deg) translate(-100%,-100%)}to{transform:rotate(45deg) translate(100%,100%)}}@media (max-width: 768px){.main-title{font-size:1.8rem!important;text-align:center}.server-name{font-size:1.1rem!important;text-align:center}.server-location{text-align:center}.status-chip{display:block;margin-top:4px}.stat-box{padding:12px}.metric-card{text-align:center}.progress-rings{justify-content:center}}.view-toggle-button{background:linear-gradient(45deg,#667eea 30%,#764ba2 90%)!important;color:#fff!important;font-weight:700!important;border-radius:8px!important;transition:all .3s ease!important}.view-toggle-button:hover{background:linear-gradient(45deg,#764ba2 30%,#667eea 90%)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0003!important}.servers-table-container{border-radius:16px!important;overflow:hidden!important;box-shadow:0 12px 24px #0000001a!important;background:linear-gradient(145deg,#fff,#f8f9fa)!important}.table-header{background:linear-gradient(135deg,#667eea,#764ba2)!important}.table-header .MuiTableCell-root{color:#fff!important;font-weight:700!important;font-size:.9rem!important;padding:16px!important}.table-row{transition:all .3s ease!important;border-left:4px solid transparent!important}.table-row:hover{background-color:#667eea0d!important;transform:translate(4px)!important}.table-row-online{border-left-color:#4caf50!important}.table-row-warning{border-left-color:#ff9800!important}.table-row-offline{border-left-color:#f44336!important}.table-row .MuiTableCell-root{padding:16px!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.mini-progress.cpu .MuiLinearProgress-bar{background-color:#1976d2!important}.mini-progress.ram .MuiLinearProgress-bar{background-color:#9c27b0!important}.mini-progress.disk .MuiLinearProgress-bar{background-color:#00bcd4!important}.mini-progress.network .MuiLinearProgress-bar{background-color:#ff9800!important}.mini-progress{border-radius:4px!important;background-color:#0000001a!important}.speech-container{min-height:100vh;padding:32px;color:#2a3d66;font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center}.speech-header,.speech-subtitle{margin-bottom:32px;font-weight:700;text-align:center;background:linear-gradient(135deg,#4066b2,#2a3d77);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2rem;text-shadow:0 2px 4px rgba(64,102,178,.1)}.speech-toggle-group{width:700px;max-width:100%;margin:0 auto 8px;display:flex;justify-content:center;gap:8px;transition:all .3s ease-in-out}.speech-toggle-button{flex:none;min-width:160px;font-weight:600;text-transform:none;border-radius:20px;padding:12px 24px;background:linear-gradient(135deg,#4066b2,#2a3d77);color:#fff;border:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out;box-shadow:0 4px 8px #0000001a}.speech-toggle-button.Mui-selected{background:linear-gradient(135deg,#4c6fe7,#2a3d77);color:#fff;box-shadow:0 8px 16px #0003}.speech-toggle-button:hover{background-color:#2a3d77;transform:translateY(-3px);box-shadow:0 8px 16px #0003}.speech-toggle-button:active{transform:translateY(1px);box-shadow:0 4px 8px #0000001a}.button-text{font-size:1rem;font-weight:500;letter-spacing:.5px;transition:color .3s ease;color:#b0bec5}.speech-toggle-button.Mui-selected .button-text{font-weight:700;color:#fff}.speech-toggle-button:hover .button-text{color:#dbe9fd}.speech-toggle-button.Mui-selected:hover .button-text{color:#fff}.speech-error{margin-bottom:24px;font-weight:700;text-align:center;color:#d32f2f}.speech-forms-container{width:1000px;max-width:100%;margin-bottom:48px}.speech-form{background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 8px #4066b226;display:flex;flex-direction:column;gap:24px;color:#2a3d66;margin-bottom:32px;width:700px;max-width:100%;margin-left:auto;margin-right:auto}.speech-form-center{align-items:center}.speech-form-row{display:flex;gap:24px;flex-wrap:wrap}.speech-input{flex:1}.speech-textarea{resize:vertical}.speech-button{background-color:#4066b2;font-weight:600;padding-top:12px;padding-bottom:12px}.speech-button:hover{background-color:#305a8f}.speech-button-outlined{border-color:#4066b2;color:#4066b2}.speech-button-outlined:hover{background-color:#dbe9fd}.speech-audio-result{margin-bottom:48px;width:700px;max-width:100%;text-align:center}.speech-audio-title{margin-bottom:16px;font-weight:700;color:#4066b2}.speech-audio-player{width:100%;max-width:300px;border-radius:8px;outline:1.5px solid #4066b2;display:block;margin:0 auto}.speech-audio-list-container{width:100%;max-width:none;margin:0 0 32px;padding:0 16px;animation:fadeInUp .6s ease-out}.speech-audio-list-title{position:relative;margin-bottom:32px!important;font-weight:700;-webkit-user-select:none;user-select:none;text-align:center;text-shadow:0 2px 4px rgba(64,102,178,.1)}.speech-audio-list-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#4066b2,#2a3d77);border-radius:2px}.speech-snackbar{font-weight:700}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff0000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #f000}to{transform:scale(.95);box-shadow:0 0 #f000}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.MuiCard-root{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiMenu-paper{max-height:300px!important}.MuiMenu-list{scrollbar-width:thin;scrollbar-color:rgba(64,102,178,.3) transparent}.MuiMenu-list::-webkit-scrollbar{width:6px}.MuiMenu-list::-webkit-scrollbar-thumb{background-color:#4066b24d;border-radius:3px}.MuiMenu-list::-webkit-scrollbar-thumb:hover{background-color:#4066b280}.MuiIconButton-root{transition:all .2s ease!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px!important;border-color:#4066b2!important;box-shadow:0 0 0 3px #4066b21a!important}.MuiChip-root{transition:all .2s ease!important}.MuiChip-root:hover{transform:scale(1.05)}audio::-webkit-media-controls-panel{background-color:#4066b20d}@media (max-width: 768px){.speech-audio-list-container{padding:0 8px}.speech-audio-list-title{font-size:1.5rem!important;margin-bottom:24px!important}}.MuiCard-root:focus-within{outline:2px solid #4066b2;outline-offset:2px}.MuiTooltip-tooltip{background-color:#2a3d66!important;color:#fff!important;font-weight:500!important;font-size:.75rem!important}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.scenarios-container{padding:40px}.scenarios-title{margin-bottom:30px!important;color:#4066b2!important;font-weight:700!important}.search-section{display:flex;gap:20px;align-items:center;margin-bottom:40px;flex-wrap:wrap}.scenario-select{min-width:400px!important;width:400px!important}.date-picker{min-width:250px}.search-button{background-color:#4066b2!important;min-width:56px!important;height:56px!important;border-radius:50%!important;padding:0!important}.search-button:disabled{background-color:#ccc!important}.nodes-section{margin-top:30px}.nodes-title{margin-bottom:20px!important;color:#4066b2!important;font-weight:600!important}.nodes-list{display:flex;flex-direction:column;gap:15px}.node-container{width:100%}.node-button{width:100%;padding:15px 20px;background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.node-button:hover{background-color:#f0f7ff;border-color:#4066b2;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.node-button.active{background-color:#e8f4fd;border-color:#4066b2;box-shadow:0 4px 12px #4066b233}.node-label{font-weight:600;color:#333;font-size:16px}.node-name{color:#666;font-size:14px;font-style:italic}.node-fields{margin-top:15px;padding:20px;background-color:#f8f9fa;border:1px dashed #ddd;border-radius:6px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fields-placeholder{text-align:center;padding:30px}.placeholder-text{color:#4066b2!important;font-weight:500!important;margin-bottom:8px!important}.placeholder-subtext{color:#999!important;font-size:12px!important}.init-form{padding:20px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-field{flex:1;min-width:200px}.section{margin-bottom:25px}.section-header{display:flex;align-items:center;margin-bottom:15px;font-weight:600;color:#4066b2;gap:15px}.add-button{background-color:#4066b2!important;color:#fff!important;border-radius:50%!important;min-width:30px!important;width:30px!important;height:30px!important;padding:0!important}.dynamic-row{display:flex;gap:15px;margin-bottom:10px;align-items:flex-start}.delete-button{min-width:40px!important;width:40px!important;height:40px!important;padding:0!important}.dynamic-field{flex:1;min-width:150px}.dynamic-field-full{flex:1;width:100%}.situation-card{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:15px;background-color:#fff}.situation-header{display:flex;align-items:center;padding:15px;cursor:pointer;background-color:#f8f9fa;border-radius:6px 6px 0 0;gap:15px}.situation-header:hover{background-color:#e9ecef}.situation-number{background-color:#4066b2;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.situation-title{flex:1;font-weight:600;color:#333}.situation-content{padding:20px}.form-field-small{flex:1;min-width:150px}.reponses-section{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:6px}.node-button{display:flex;align-items:center;gap:15px}.question-number{background-color:#4066b2;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.node-label{flex:1;text-align:left}.switch-field{margin:0!important;white-space:nowrap}.form-row{align-items:center}.main-section{margin-bottom:40px;padding:20px;background-color:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.top-row{display:flex;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.action-row{display:flex;gap:15px;justify-content:space-between;padding-top:15px;border-top:1px solid #e0e0e0}.left-buttons,.right-buttons{display:flex;gap:15px}.action-button{border-color:#4066b2!important;color:#4066b2!important;font-size:.75rem!important;padding:6px 12px!important;text-transform:none!important}.action-button:hover{border-color:#305a8f!important;background-color:#f0f7ff!important}.deploy-button{background-color:#ff5722!important;font-size:.75rem!important;padding:6px 12px!important;text-transform:none!important}.deploy-button:hover{background-color:#e64a19!important}.action-row .MuiButton-contained{font-size:.75rem!important;padding:6px 12px!important;text-transform:none!important}.save-button{border-color:#4caf50!important;color:#4caf50!important;font-size:.75rem!important;padding:6px 12px!important;text-transform:none!important}.save-button:hover{border-color:#45a049!important;background-color:#f1f8e9!important}.save-button:disabled{border-color:#ccc!important;color:#ccc!important}.draft-button{background-color:#9c27b0!important;font-size:.75rem!important;padding:6px 12px!important;text-transform:none!important}.draft-button:hover{background-color:#7b1fa2!important}.version-tag{padding:2px 6px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.current-tag{background-color:#4caf50;color:#fff}.draft-tag{background-color:#ffc107;color:#333}.ready-tag{background-color:#2196f3;color:#fff}.scenarios-container .MuiTextField-root,.scenarios-container .MuiTextField-root *,.scenarios-container .MuiInputBase-input{cursor:pointer!important}.scenarios-container .MuiTextField-root:focus-within,.scenarios-container .MuiTextField-root:focus-within *,.scenarios-container .MuiTextField-root:focus-within .MuiInputBase-input,.scenarios-container .MuiInputBase-input:focus{cursor:text!important}.scenarios-container .MuiTextField-root.Mui-disabled,.scenarios-container .MuiSelect-root.Mui-disabled,.scenarios-container .MuiAutocomplete-root.Mui-disabled{opacity:.6;background-color:#f5f5f5}.scenarios-container .MuiInputBase-input.Mui-disabled{color:#999!important;cursor:not-allowed!important}.verification-row{display:flex;gap:15px;align-items:center;height:32px}.scenario-interface{display:flex;gap:20px;margin-top:30px;height:calc(100vh - 50px)}.nodes-graph{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;border-radius:8px;overflow-y:auto}.node-graph-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.nodes-graph{flex:2;display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;border-radius:8px;overflow-y:auto}.node-graph:hover{border-color:#4066b2;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.node-graph.selected{border-color:#4066b2;background-color:#e8f4fd;box-shadow:0 4px 12px #4066b233}.node-number{background-color:#4066b2;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-bottom:5px}.node-title{font-size:11px;text-align:center;color:#333;font-weight:500}.node-arrow{font-size:20px;color:#4066b2;margin:10px 0}.config-panel{flex:1;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.config-tabs{display:flex;gap:10px;margin-bottom:20px}.config-tab-button{font-size:.75rem!important;padding:6px 12px!important;text-transform:none!important;border-color:#666!important;color:#666!important}.config-tab-button:hover{border-color:#333!important;background-color:#f5f5f5!important}.config-tab-button.active{background-color:#f5f5f5!important;border-color:#4066b2!important;color:#4066b2!important}.config-panel{flex:1;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;flex-direction:column}.config-tabs{display:flex;gap:10px;margin-bottom:20px;flex-shrink:0}.config-content{flex:1;overflow-y:auto;padding-top:10px}.nodes-graph .react-flow{background-color:#f9f9f9}.nodes-graph .react-flow__node{cursor:pointer}.nodes-graph .react-flow__node:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.nodes-graph .react-flow__node.selected{box-shadow:0 0 0 3px #4066b24d!important}.general-content .MuiTextField-root .MuiInputLabel-root,.general-content .MuiFormControl-root .MuiInputLabel-root,.general-content .MuiTextField-root .MuiInputBase-input,.general-content .MuiFormControl-root .MuiSelect-select,.general-content .MuiFormControlLabel-label,.general-content .MuiMenuItem-root,.message-content .MuiTextField-root .MuiInputLabel-root,.message-content .MuiFormControl-root .MuiInputLabel-root,.message-content .MuiTextField-root .MuiInputBase-input,.message-content .MuiFormControl-root .MuiSelect-select,.message-content .MuiFormControlLabel-label,.message-content .MuiMenuItem-root,.situation-content .MuiTextField-root .MuiInputLabel-root,.situation-content .MuiFormControl-root .MuiInputLabel-root,.situation-content .MuiTextField-root .MuiInputBase-input,.situation-content .MuiFormControl-root .MuiSelect-select,.situation-content .MuiFormControlLabel-label,.situation-content .MuiMenuItem-root,.situation-content .MuiAutocomplete-root .MuiInputLabel-root,.situation-content .MuiAutocomplete-root .MuiInputBase-input,.functions-content .MuiTextField-root .MuiInputLabel-root,.functions-content .MuiFormControl-root .MuiInputLabel-root,.functions-content .MuiTextField-root .MuiInputBase-input,.functions-content .MuiFormControl-root .MuiSelect-select,.functions-content .MuiFormControlLabel-label,.functions-content .MuiMenuItem-root{font-size:.8rem!important}.react-flow__edge-label,.react-flow__edge-label div{pointer-events:all!important}.react-flow__node>.react-flow__handle:not([id*=situation]){background-color:transparent!important;border:transparent!important;opacity:0!important}.faq-panel{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;height:100%}.faq-header{text-align:center;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#7e8898,#2c4a82);border-radius:12px;color:#fff;box-shadow:0 4px 16px #4066b24d}.faq-create-btn{background:linear-gradient(135deg,#4066b2,#2c4a82)!important;box-shadow:0 4px 16px #4066b24d!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important}.faq-create-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #4066b266!important}.faq-list{flex:1;overflow-y:auto;padding-right:8px;margin-top:16px}.faq-list::-webkit-scrollbar{width:6px}.faq-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.faq-list::-webkit-scrollbar-thumb{background:#4066b2;border-radius:3px}.faq-card{background:#fff!important;border-radius:16px!important;margin-bottom:16px!important;padding:20px!important;box-shadow:0 4px 16px #00000014!important;border:none!important;transition:all .3s ease!important;position:relative;overflow:hidden}.faq-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4066b2,#2c4a82)}.faq-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #0000001f!important}.faq-card-editing{border:2px solid #4066b2!important;background:linear-gradient(135deg,#f8f9ff,#f0f4ff)!important}.faq-question{color:#2c4a82!important;font-weight:600!important;margin-bottom:8px!important;font-size:.95rem!important;line-height:1.4!important}.faq-answer{color:#666!important;line-height:1.6!important;font-size:.875rem!important}.faq-actions{display:flex;gap:8px;margin-top:12px}.faq-action-btn{min-width:36px!important;width:36px!important;height:36px!important;border-radius:50%!important;transition:all .2s ease!important;border:2px solid transparent!important}.faq-edit-btn{color:#4066b2!important;background:#4066b21a!important}.faq-edit-btn:hover{background:#4066b233!important;border-color:#4066b2!important;transform:scale(1.1)!important}.faq-delete-btn{color:#f44336!important;background:#f443361a!important}.faq-delete-btn:hover{background:#f4433633!important;border-color:#f44336!important;transform:scale(1.1)!important}.faq-save-btn{background:linear-gradient(135deg,#4caf50,#388e3c)!important;color:#fff!important;border-radius:25px!important;padding:8px 20px!important;box-shadow:0 3px 12px #4caf504d!important}.faq-cancel-btn{border:2px solid #666!important;color:#666!important;border-radius:25px!important;padding:8px 20px!important}.faq-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;border:2px dashed #ddd;margin-top:20px}.faq-empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.faq-input,.faq-input .MuiOutlinedInput-root{border-radius:12px!important}.faq-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.faq-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4066b2!important}.storage-container{padding:40px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.storage-title{margin-bottom:30px!important;color:#4066b2!important;font-weight:700!important;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.filters-section{padding:25px!important;margin-bottom:30px;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 12px #0000001a!important;border-top:4px solid #4066b2!important;position:relative;transition:all .3s ease}.filters-section:hover{box-shadow:0 6px 20px #0000001f!important;transform:translateY(-1px)}.filters-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.search-field{flex:2;min-width:300px;margin-right:8px}.search-field .MuiOutlinedInput-root{border-radius:12px}.search-icon{color:#4066b2!important}.filter-field{min-width:150px}.filter-field .MuiOutlinedInput-root{border-radius:12px}.add-btn{background:linear-gradient(135deg,#4066b2,#0099e9)!important;border-radius:12px!important;padding:8px 20px!important;text-transform:none!important;font-weight:600!important;box-shadow:0 4px 12px #4066b24d!important;color:#fff!important}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4066b266!important}.table-container{border-radius:16px!important;overflow:hidden;box-shadow:0 4px 12px #0000001a!important;background:#fff!important}.table-header{background:linear-gradient(135deg,#4066b2,#0099e9)!important}.table-cell-header{color:#fff!important;font-weight:700!important;padding:20px 16px!important;border-bottom:none!important}.header-cell{display:flex;align-items:center;gap:8px}.header-icon{font-size:18px!important}.sortable-header{color:#fff!important}.sortable-header:hover{color:#fffc!important}.sortable-header .MuiTableSortLabel-icon{color:#fff!important}.table-row{transition:all .3s ease;cursor:pointer}.table-row:hover{background:linear-gradient(135deg,#f8f9ff,#e3f2fd)!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.row-even{background:#fafbfc!important}.row-odd{background:#fff!important}.table-cell{padding:16px!important;border-bottom:1px solid #e0e0e0!important;vertical-align:middle!important}.phone-cell{font-weight:600!important}.phone-display{display:flex;align-items:center;gap:8px;color:#4066b2!important}.phone-icon{font-size:18px!important;color:#4066b2!important}.name-cell{font-weight:600!important}.name-text{color:#2c3e50!important;font-weight:600!important}.age-cell{text-align:center!important}.age-text{color:#4066b2!important;font-weight:600!important}.actions-cell{width:120px}.actions-buttons{display:flex;gap:8px;justify-content:center}.edit-btn{color:#4066b2!important;background:#4066b21a!important;border-radius:8px!important;transition:all .3s ease}.edit-btn:hover{background:#4066b233!important;transform:scale(1.1)}.delete-btn{color:#f44336!important;background:#f443361a!important;border-radius:8px!important;transition:all .3s ease}.delete-btn:hover{background:#f4433633!important;transform:scale(1.1)}.no-results-table{padding:50px!important;text-align:center}.no-results-table h6{color:#7f8c8d!important;margin-bottom:10px!important}.no-results-table .MuiTypography-body2{color:#bdc3c7!important}.dialog-form{padding:8px 0;display:flex;flex-direction:column;gap:16px}.dialog-form .MuiTextField-root,.dialog-form .MuiFormControl-root{margin-bottom:0!important}.dialog-form .MuiOutlinedInput-root:hover{box-shadow:0 2px 8px #4066b21a!important}.dialog-form .MuiOutlinedInput-root.Mui-focused{box-shadow:0 4px 12px #4066b233!important}.dialog-form .MuiInputLabel-root{color:#4066b2!important;font-weight:500!important}.dialog-form .MuiInputLabel-root.Mui-focused{color:#4066b2!important}.dialog-form .MuiSelect-root{border-radius:12px!important}.table-row{animation:fadeInUp .6s ease forwards}.table-row:nth-child(1){animation-delay:.1s}.table-row:nth-child(2){animation-delay:.15s}.table-row:nth-child(3){animation-delay:.2s}.table-row:nth-child(4){animation-delay:.25s}.table-row:nth-child(5){animation-delay:.3s}.table-row:nth-child(6){animation-delay:.35s}.table-row:nth-child(7){animation-delay:.4s}.table-row:nth-child(8){animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.storage-container{padding:20px}.table-container{overflow-x:auto}}@media (max-width: 768px){.filters-row{flex-direction:column}.search-field,.filter-field{min-width:100%}.table-cell{padding:8px!important;font-size:14px}.table-cell-header{padding:12px 8px!important;font-size:12px}.actions-buttons{flex-direction:column;gap:4px}}.column-btn{border-color:#9c27b0!important;color:#9c27b0!important;border-radius:12px!important;padding:8px 20px!important;text-transform:none!important;font-weight:600!important;border-width:2px!important;transition:all .3s ease!important}.column-btn:hover{background:linear-gradient(135deg,#9c27b01a,#e91e631a)!important;transform:translateY(-2px);box-shadow:0 4px 12px #9c27b033!important}.filters-section{padding:25px!important;margin-bottom:30px;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 12px #0000001a!important;border:1px solid rgba(64,102,178,.1)!important}.MuiDialog-paper{border-radius:20px!important;box-shadow:0 10px 40px #00000026!important;background:linear-gradient(135deg,#fff,#f8f9ff)!important;border:1px solid rgba(64,102,178,.1)!important}.MuiDialogTitle-root{background:linear-gradient(135deg,#4066b2,#0099e9)!important;color:#fff!important;padding:20px 24px!important;font-weight:600!important;font-size:1.25rem!important;border-radius:20px 20px 0 0!important;position:relative;overflow:hidden}.MuiDialogTitle-root:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.MuiDialogContent-root{padding:24px!important;background:#fff!important}.MuiDialogActions-root{padding:16px 24px 24px!important;background:#fff!important;border-radius:0 0 20px 20px!important;gap:12px}.MuiDialogActions-root .MuiButton-outlined{border-radius:12px!important;padding:10px 24px!important;text-transform:none!important;font-weight:600!important;border:2px solid #e0e0e0!important;color:#666!important;transition:all .3s ease!important}.MuiDialogActions-root .MuiButton-outlined:hover{border-color:#4066b2!important;color:#4066b2!important;background:#4066b20d!important;transform:translateY(-2px)}.MuiDialogActions-root .MuiButton-contained{border-radius:12px!important;padding:10px 24px!important;text-transform:none!important;font-weight:600!important;background:linear-gradient(135deg,#4066b2,#0099e9)!important;box-shadow:0 4px 12px #4066b24d!important;transition:all .3s ease!important}.MuiDialogActions-root .MuiButton-contained:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4066b266!important}.search-field .MuiOutlinedInput-root,.filter-field .MuiOutlinedInput-root{border-radius:12px!important;transition:all .3s ease!important}.search-field .MuiOutlinedInput-root:hover,.filter-field .MuiOutlinedInput-root:hover{box-shadow:0 2px 8px #4066b21a!important}.search-field .MuiOutlinedInput-root.Mui-focused,.filter-field .MuiOutlinedInput-root.Mui-focused{box-shadow:0 4px 12px #4066b233!important}.filters-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4066b2,#0099e9,#4066b2);border-radius:16px 16px 0 0}