@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700;800;900&display=swap);
@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.io-loading{position:absolute;height:100vh;width:100%;z-index:99999;background-color:rgba(255,255,255,.5);display:flex}.io-loading .loading{width:500px;height:200px;position:relative;margin:auto}.io-loading .loading .loading-spinner{width:50px;height:50px;left:calc(50% - 50px);top:calc(50% - 50px);border:10px solid #b6b6b6;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite;position:relative}.io-loading .loading .loading-text{width:100%;top:calc(50% - 50px + 8px);position:relative;text-align:center}
.modal-overlay{position:fixed;height:100vh;width:100vw;z-index:9999;background-color:rgba(0,0,0,.25);top:0;left:0}.modal-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;min-width:unset;min-height:unset;max-width:unset;max-height:unset;background:#fff;border-radius:0;box-shadow:none;z-index:10000;display:flex;flex-direction:column;overflow:hidden;padding:0}.modal-wrapper .modal-header-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px 12px 28px;border-bottom:1.5px solid #f3f7fa;background:#ffa048;border-radius:0;min-height:80px;height:80px}@media screen and (min-width: 3840px){.modal-wrapper .modal-header-toolbar{padding:32px 48px 24px 48px;min-height:100px;height:100px;border-radius:16px 16px 0 0;border-bottom:2px solid #f3f7fa}}.modal-wrapper .modal-header-toolbar .modal-header-title{font-size:3rem;line-height:3.5rem;color:#fff;font-weight:700;margin:0;flex:1;text-align:left;letter-spacing:.5px}@media screen and (min-width: 3840px){.modal-wrapper .modal-header-toolbar .modal-header-title{font-size:4rem;line-height:4.5rem;letter-spacing:.8px}}.modal-wrapper .fa-window-close{font-size:2.2rem;color:#c70039;margin-left:18px;cursor:pointer;transition:color .18s,background .18s,box-shadow .18s;position:static;background:#fff0f0;border-radius:50%;padding:8px;box-shadow:0 2px 8px rgba(255,160,72,.1);display:flex;align-items:center;justify-content:center}@media screen and (min-width: 3840px){.modal-wrapper .fa-window-close{font-size:2.8rem;padding:12px;margin-left:32px}}.modal-wrapper .fa-window-close:hover{color:#ffa048;background:#ffe5d1;box-shadow:0 4px 16px rgba(255,160,72,.18)}.modal-wrapper .fa-window-close:active{color:#910500;background:#ffd6c2}.modal-wrapper .modal-body{flex:1 1 auto;overflow-y:auto;padding:28px 0px 24px 0px;background:#f8f9fa;min-height:120px;max-height:unset;box-sizing:border-box}@media screen and (min-width: 3840px){.modal-wrapper .modal-body{padding:48px 0px 40px 0px;min-height:200px;font-size:1.1rem;line-height:1.6}}.modal-wrapper ::-webkit-scrollbar{width:6pt}@media screen and (min-width: 3840px){.modal-wrapper ::-webkit-scrollbar{width:10pt}}.custom-close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer;margin-left:18px;box-shadow:0 4px 16px rgba(255,160,72,.25);transition:background .18s,box-shadow .18s}@media screen and (min-width: 3840px){.custom-close-icon{width:56px;height:56px;margin-left:32px;box-shadow:0 6px 24px rgba(255,160,72,.3)}}.custom-close-icon:hover{background:rgba(255,255,255,.12)}.custom-close-icon:active{background:rgba(255,255,255,.22)}.custom-close-icon svg{display:block}@media screen and (min-width: 3840px){.custom-close-icon svg{width:36px;height:36px}}
.slideshow{height:1000px}@media(min-width: 1920px){.slideshow{min-height:1000px;height:auto}.slideshow img{width:100%}}
.button{background-color:#ffa048;color:#fff;padding:20px;margin:0px 10px;border-radius:30px;font-size:22px;cursor:pointer;width:fit-content}.player-button{cursor:pointer;width:fit-content;border-radius:100%;background-color:#fff;animation:glow 1s infinite alternate;display:flex;width:50px;height:50px}.player-button i{color:#ffa048;font-size:12px;line-height:12px;margin:auto}@keyframes glow{from{box-shadow:0 0 10px -10px #f4f8f4}to{box-shadow:0 0 10px 10px #c9cec9}}
.promo-card{width:600px;font-family:"Times New Roman",Times,serif;position:relative;padding-bottom:50px}.promo-card .left-right{display:flex;padding:16px}.promo-card .title{font-weight:bold;font-size:50px;line-height:60px}.promo-card .description{white-space:pre-line;margin:10px 0px;font-size:18px;line-height:24px}.promo-card .actions{margin:0px;position:absolute;bottom:10px;display:flex}.promo-card .actions .button{margin:0px;margin-right:10px;font-weight:bold;border-radius:10px;padding:16px;font-size:24px}.promo-card .image img{width:100%}.promo-card .right{max-width:50%}
.info-card{width:300px;padding:30px;border-radius:20px;font-family:"Times New Roman",Times,serif;background-color:#fff}.info-card .image{display:flex;justify-content:center}.info-card .image img{width:140px}.info-card .title{text-align:center;font-weight:bold;margin:12px 0px;font-size:22px;line-height:30px}.info-card .description{margin:10px 0px;font-size:16px;font-size:18px;line-height:24px}
#benefit{position:absolute;top:340px;left:150px}#benefit .promo-card{color:#fff;background-color:rgba(75,88,91,.5);padding-bottom:120px}#benefit-list{display:flex;justify-content:center;position:relative;z-index:1;margin:0px 10px;margin-top:-150px}#benefit-list .info-card{border-radius:0px}#benefit-list .info-card.first{color:#fff;background-color:#ffa048;border-top-left-radius:20px;border-bottom-left-radius:20px}#benefit-list .info-card.last{border-top-right-radius:20px;border-bottom-right-radius:20px}@media(max-width: 900px){#benefit{top:50%;left:50%;transform:translate(-50%, -50%);width:90%}#benefit .promo-card{width:100%}#benefit-list{display:block}#benefit-list .info-card{border-radius:20px;margin:20px auto;width:80%}}@media(max-width: 700px){#benefit .promo-card .title{font-size:34px;line-height:40px}}
#locations{display:flex;justify-content:center;background-color:#fff;margin-top:-40px;padding-top:40px}#locations .promo-card{max-width:1366px;width:100%}#locations .promo-card .left{width:80%;padding:0px 50px}#locations .promo-card .description{font-size:24px;line-height:30px}#locations .promo-card .actions{bottom:unset}.separate-quote{display:flex;justify-content:center;position:relative;z-index:1;height:80px;margin-top:150px}.separate-quote img{height:100%}@media(max-width: 700px){.separate-quote{margin-top:100px;height:40px}#locations{margin-top:-20px}#locations .promo-card .left-right{display:flex;flex-flow:column-reverse}#locations .promo-card .left-right .right,#locations .promo-card .left-right .left{max-width:100%;width:100%}#locations .promo-card .left-right .title{font-size:34px;line-height:40px}#locations .promo-card .left-right .description{font-size:18px}}
#solutions{padding:5px;padding-top:80px;margin-top:-40px}#solutions>.sub-title{text-align:center;font-weight:bold;color:#ffa048;margin:10px 0px;font-size:30px;line-height:60px}#solutions>.title{white-space:pre;text-align:center;font-weight:bold;margin:10px 0px;font-size:40px;line-height:50px}#solutions>.solution-list{margin:80px 0px}#solutions>.solution-list .row{display:flex;justify-content:center;margin:30px}#solutions>.solution-list .row .promo-card{width:320px;border-radius:20px;background-color:#fff;margin:10px 40px}#solutions>.solution-list .row .promo-card .highlight{color:#ffa048;font-size:18px}#solutions>.solution-list .row .promo-card .title{font-size:24px;line-height:30px}#solutions>.solution-list .row .promo-card .description{font-size:16px}#solutions>.solution-list .row .promo-card .button{padding:10px;font-size:18px}@media(max-width: 900px){#solutions>.solution-list .row .promo-card{width:80%}}@media(max-width: 700px){#solutions>.title{white-space:unset;font-size:34px;line-height:50px}#solutions>.solution-list{margin-top:30px}#solutions>.solution-list .row{margin:30px 0px}#solutions>.solution-list .row .promo-card{width:100%}}
#water-indexes{background-color:#fff;padding:100px;padding-top:80px;padding-bottom:50px;margin-top:-40px;display:flex;justify-content:center;align-items:center}#water-indexes .image{width:800px}#water-indexes .image img{width:100%}#water-indexes .action{width:100%}#water-indexes .action .button{border-radius:10px}#water-indexes .detail .title{font-size:50px;line-height:70px;font-weight:bold;text-underline-offset:12px;margin-bottom:30px;color:#ffa048}#water-indexes .detail .description{display:flex;align-items:center;width:600px;font-size:22px;line-height:30px}#water-indexes .detail .description .icon{width:40px;margin:0px 10px}#water-indexes .detail .indexes{margin:20px 0px;display:flex}#water-indexes .detail .indexes img{width:300px}#water-indexes .detail .indexes table{width:400px}#water-indexes .detail .indexes table tr{height:40px}#water-indexes .detail .indexes table .index{font-size:24px}#water-indexes .detail .indexes table .index i.check.circle{color:#ffa048}@media(max-width: 1300px){#water-indexes{flex-flow:column}#water-indexes .detail .indexes{justify-content:center}#water-indexes .action .button{margin:auto}}@media(max-width: 700px){#water-indexes{display:block;padding:30px}#water-indexes .image{width:100%;margin-right:0px}#water-indexes .detail .indexes{justify-content:center}#water-indexes .detail .indexes img{width:100%}#water-indexes .detail .indexes table .index{font-size:18px;line-height:28px}#water-indexes .detail{margin-bottom:30px}#water-indexes .detail .title{text-align:center;font-size:34px;line-height:60px}#water-indexes .detail .description{width:100%;flex-flow:column;line-height:28px}#water-indexes .detail .description span{margin-top:20px}}
#control-realtime>div{display:flex;width:100%}#control-realtime>div .left{width:50%;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}#control-realtime>div .left .detail{width:500px;margin:30px;color:#fff}#control-realtime>div .left .detail .sub-title{font-size:24px;line-height:30px;font-weight:bold;color:#fff}#control-realtime>div .left .detail .title{white-space:pre;font-weight:bold;font-size:40px;line-height:50px;margin-bottom:10px}#control-realtime>div .left .detail table{font-size:20px;line-height:24px}#control-realtime>div .left .detail table tr{height:70px}#control-realtime>div .left .detail table i{color:#fff;font-size:34px;line-height:40px}#control-realtime>div .left .detail table img{width:34px}#control-realtime>div .right{background-repeat:no-repeat;background-size:cover;background-position:center;width:50%}#control-realtime>div .right .image{display:flex}#control-realtime>div .right .image img{width:100%}@media(max-width: 900px){#control-realtime>div{display:block}#control-realtime>div .left,#control-realtime>div .right{width:100%}}@media(max-width: 700px){#control-realtime>div .left .detail{width:100%}#control-realtime>div .left .detail .sub-title,#control-realtime>div .left .detail .title{text-align:center}#control-realtime>div .left .detail .title{font-size:34px;line-height:50px}#control-realtime>div .left .detail table{font-size:18px}}
#about-us{background-color:#fff;padding:100px 0px}#about-us>div{justify-content:center;display:flex;margin:20px}#about-us img{width:600px}#about-us .mission{width:600px;padding:0px 50px}#about-us .mission .title{font-size:40px;line-height:50px;color:#ffa048;font-weight:bold}#about-us .mission .detail{margin:10px 0px;font-size:24px;line-height:30px}#about-us .mission .domains{margin:20px 0px}#about-us .mission .domains span{display:block;font-size:18px;line-height:28px}#about-us .mission .domains span i{color:#ffa048}#about-us .info{display:flex;justify-content:space-between;width:1200px}#about-us .info .info-card{padding-left:0px;padding-right:0px;width:30%}#about-us .info .info-card .title{text-align:left;font-size:24px;line-height:30px}#about-us .info .info-card .description{text-align:left;font-size:20px}@media(max-width: 900px){#about-us>div{display:block}#about-us>div img{width:100%}#about-us>div .mission{width:100%;padding:0px}#about-us>div .info{width:100%}}@media(max-width: 700px){#about-us .mission .title{font-size:34px}#about-us .mission .detail{font-size:18px}#about-us .info{flex-flow:column}#about-us .info .info-card{width:100%}}
#reason-choose-us{margin:100px 0px}#reason-choose-us .title{font-size:50px;line-height:70px;text-align:center;font-weight:bold}#reason-choose-us .sub-title{margin:10px 0px;font-size:24px;text-align:center}#reason-choose-us .reason-list{display:flex;justify-content:center;margin:50px 0px}#reason-choose-us .reason-list .info-card{background-color:rgba(0,0,0,0)}#reason-choose-us .reason-list .info-card img{width:80px}#reason-choose-us .reason-list .info-card .description{text-align:center;font-size:24px}@media(max-width: 700px){#reason-choose-us .title{font-size:34px;line-height:40px;padding:0px 30px}#reason-choose-us .sub-title{font-size:18px}#reason-choose-us .reason-list{flex-flow:column}#reason-choose-us .reason-list .info-card{width:100%}#reason-choose-us .reason-list .info-card img{width:50px}}
#contact-info{background-color:#fff;padding:50px}#contact-info>div{display:flex;justify-content:center}#contact-info .info{width:600px}#contact-info .info .title{font-size:40px;line-height:50px;font-weight:bold}#contact-info .info .item{display:flex;align-items:center;margin:20px 0px}#contact-info .info .item img{width:40px}#contact-info .info .item>div{margin:0px 20px}#contact-info .info .item>div span{display:block}#contact-info .info .item>div span:nth-child(1){font-size:24px;line-height:30px}#contact-info .info .item>div span:nth-child(2){font-size:16px}#contact-info .form{width:fit-content}#contact-info .form input{border:1px solid #dfdfdf;border-radius:5px;height:40px;margin:10px 10px;padding:10px}#contact-info .form input[name=name]{width:250px}#contact-info .form input[name=email]{width:250px}#contact-info .form input[name=phone]{width:520px}#contact-info .form input:focus{border:1px solid #ffa048;box-shadow:0px 0px 5px 1px #ffd9b6;outline:none}#contact-info .form textarea{display:block;border:1px solid #dfdfdf;border-radius:5px;margin:10px 10px;resize:none;padding:10px;height:120px;width:520px}#contact-info .form textarea:focus{border:1px solid #ffa048;box-shadow:0px 0px 5px 1px #ffd9b6;outline:none}#contact-info .form .button{font-size:16px;padding:12px;font-weight:bold;margin:20px auto}@media(max-width: 900px){#contact-info>div{display:grid}#contact-info>div .info{width:100%}}@media(max-width: 700px){#contact-info>div{display:block}#contact-info>div .info .title{font-size:34px}#contact-info>div .form{display:block;width:100%}#contact-info>div .form>div{display:block !important}#contact-info>div .form input,#contact-info>div .form textarea{display:block;width:100% !important}}
#water-circulation-filter{background-color:#fff;padding:100px;padding-top:80px;padding-bottom:50px;margin-top:-40px;display:flex;justify-content:center;align-items:center}#water-circulation-filter .image{width:800px}#water-circulation-filter .image img{width:100%}#water-circulation-filter .action{width:100%}#water-circulation-filter .action .button{border-radius:10px}#water-circulation-filter .detail{padding:10px 10px}#water-circulation-filter .detail .title{font-size:50px;line-height:70px;font-weight:bold;text-underline-offset:12px;margin-bottom:30px;color:#ffa048}#water-circulation-filter .detail .description{display:flex;align-items:center;width:600px;font-size:22px;line-height:30px}#water-circulation-filter .detail .description .icon{width:40px;margin:0px 10px}#water-circulation-filter .detail .content{font-size:22px;line-height:30px;margin:20px 10px}#water-circulation-filter .detail .content .content-header{font-weight:bold}#water-circulation-filter .detail .content table{border-spacing:16px}#water-circulation-filter .detail .content table td span.highlight{font-weight:bold;color:#ffa048}@media(max-width: 1300px){#water-circulation-filter{flex-flow:column}#water-circulation-filter .image{margin-right:0px}#water-circulation-filter .title{width:100%;text-align:center}#water-circulation-filter .detail .description{width:100%;justify-content:center}#water-circulation-filter .content .content-header{text-align:center;display:block}#water-circulation-filter .action .button{margin:auto}}@media(max-width: 700px){#water-circulation-filter{padding:30px}#water-circulation-filter .detail{padding:10px 10px}#water-circulation-filter .detail .title{font-size:34px;line-height:60px}#water-circulation-filter .detail .description{flex-flow:column;line-height:28px}#water-circulation-filter .detail .description span{margin-top:20px}#water-circulation-filter .image{width:100%}#water-circulation-filter .action{justify-content:center;display:flex;margin:30px 0px}}
.home{background-color:#f6f1f1;font-family:"Times New Roman",Times,serif}
#organic-sludge-press{background-color:#fff;padding:100px;padding-top:80px;padding-bottom:50px;margin-top:-40px;display:flex;justify-content:center;align-items:center}#organic-sludge-press .image{width:800px}#organic-sludge-press .image img{width:100%}#organic-sludge-press .action{width:100%}#organic-sludge-press .action .button{border-radius:10px}#organic-sludge-press .detail{padding:10px 10px}#organic-sludge-press .detail .title{font-size:50px;line-height:70px;font-weight:bold;text-underline-offset:12px;margin-bottom:30px;color:#ffa048}#organic-sludge-press .detail .description{display:flex;align-items:center;width:600px;font-size:22px;line-height:30px}#organic-sludge-press .detail .description .icon{width:40px;margin:0px 10px}#organic-sludge-press .detail .content{font-size:22px;line-height:30px;margin:20px 10px}#organic-sludge-press .detail .content .content-header{font-weight:bold}#organic-sludge-press .detail .content table{border-spacing:16px}#organic-sludge-press .detail .content table td span.highlight{font-weight:bold;color:#ffa048}@media(max-width: 1300px){#organic-sludge-press{flex-flow:column;flex-direction:column-reverse}#organic-sludge-press .image{margin-right:0px}#organic-sludge-press .title{width:100%;text-align:center}#organic-sludge-press .detail .description{width:100%;justify-content:center}#organic-sludge-press .content .content-header{text-align:center;display:block}#organic-sludge-press .action .button{margin:auto}}@media(max-width: 700px){#organic-sludge-press{padding:30px}#organic-sludge-press .detail{padding:10px 10px}#organic-sludge-press .detail .title{font-size:34px;line-height:60px}#organic-sludge-press .detail .description{flex-flow:column;line-height:28px}#organic-sludge-press .detail .description span{margin-top:20px}#organic-sludge-press .image{width:100%}#organic-sludge-press .action{justify-content:center;display:flex;margin:30px 0px}}
#biofilters{background-color:#fff;padding:100px;padding-top:80px;padding-bottom:50px;margin-top:-40px;display:flex;justify-content:center;align-items:center}#biofilters .image{width:800px}#biofilters .image img{width:100%}#biofilters .action{width:100%}#biofilters .action .button{border-radius:10px}#biofilters .detail{padding:10px 10px}#biofilters .detail .title{font-size:50px;line-height:70px;font-weight:bold;text-underline-offset:12px;margin-bottom:30px;color:#ffa048}#biofilters .detail .description{display:flex;align-items:center;font-size:22px;line-height:30px}#biofilters .detail .description .icon{width:40px;margin:0px 10px}#biofilters .detail .content{font-size:22px;line-height:30px;margin:20px 10px}#biofilters .detail .content .content-header{font-weight:bold}#biofilters .detail .content table{border-spacing:16px}#biofilters .detail .content table td span.highlight{font-weight:bold;color:#ffa048}@media(max-width: 1300px){#biofilters{flex-flow:column}#biofilters .image{margin-right:0px}#biofilters .title{width:100%;text-align:center}#biofilters .detail .description{width:100%;justify-content:center}#biofilters .content .content-header{text-align:center;display:block}#biofilters .action .button{margin:auto}}@media(max-width: 700px){#biofilters{padding:30px}#biofilters .detail{padding:10px 10px}#biofilters .detail .title{font-size:34px;line-height:60px}#biofilters .detail .description{flex-flow:column;line-height:28px}#biofilters .detail .description span{margin-top:20px}#biofilters .image{width:100%}#biofilters .action{justify-content:center;display:flex;margin:30px 0px}}
.react-tagsinput{border:none}.react-tagsinput .react-tagsinput-tag{background-color:#badfff;border-radius:20px;border-color:#badfff;color:#000;min-width:50px;padding:5px 10px;font-size:14px;cursor:pointer}.react-tagsinput-input[disabled]{display:none}.react-tagsinput-tag a::before{content:" ✖";font-size:12px}
.button-labeled-icon .ui.labeled.icon.button{text-align:left;font-size:22px}.button-labeled-icon .ui.labeled.icon.button>.icon{background-color:rgba(0,0,0,0)}.button-labeled-icon .ui.labeled.icon.button:hover{opacity:.5}.button-labeled-icon.center .ui.labeled.icon.button{text-align:center}.button-labeled-icon.large .ui.labeled.icon.button{width:220px;height:60px}.button-labeled-icon.large .ui.labeled.icon.button>.icon{width:50px}
.blog-card{min-height:300px;width:700px;border-radius:16px;box-shadow:0px 0px 10px 0px #d6d6d6;background-color:#fff;padding:20px;padding-bottom:60px;margin:10px 0px;position:relative;cursor:pointer}.blog-card .part{margin:10px 0px}.blog-card .title{margin:20px 0px}.blog-card .title span{font-size:25px;line-height:30px;font-weight:bold}.blog-card .content>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card .content span{font-size:16px;line-height:24px}.blog-card .image{text-align:center}.blog-card .image img{width:100%;height:auto;border-radius:16px;margin:5px 0px}.blog-card .image span.description{font-size:14px;font-style:italic}.blog-card .blog-card-footer{position:absolute;bottom:20px;display:flex;width:100%}.blog-card .blog-card-footer .tags{width:calc(100% - 160px - 40px);display:flex;align-items:center}.blog-card .blog-card-footer .date{display:flex;justify-content:flex-end;align-items:center;width:160px}.blog-card .blog-card-action{display:flex;width:100%;position:absolute;bottom:20px;justify-content:center;background-color:rgba(255,255,255,.5490196078)}.blog-card .blog-card-action .ui.button{background-color:#ffa048;color:#fff;border:1px solid #ffa048}
.advertisement{width:300px;border-radius:16px;box-shadow:0px 0px 10px 0px #d6d6d6;padding:10px 5px;margin:10px auto;background-color:#fff;cursor:pointer}.advertisement .title{margin:5px;display:flex;justify-content:space-between}.advertisement .title span{font-size:18px;font-weight:bold}.advertisement .image{padding:5px}.advertisement .image img{width:100%;height:auto;border-radius:16px}
.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem}.pagination a:not([href]){color:inherit;text-decoration:none}.pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#111d5e;background-color:#fff;border:1px solid #dee2e6;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;min-width:2.5rem;text-align:center}.pagination .page-link:hover:not(:disabled){background-color:#f8f9fa;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.pagination .page-link:focus{outline:none;box-shadow:0 0 0 3px rgba(255,160,72,.25)}.pagination .page-item.active .page-link{z-index:3;color:#fff;background-color:#ffa048;border-color:#ffa048;font-weight:600}.pagination .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6;opacity:.6}.pagination .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}@media(min-width: 3840px){.pagination{gap:.5rem;border-radius:.5rem}.pagination .page-link{padding:1rem 1.5rem;font-size:1.25rem;font-weight:600;min-width:4rem;border-radius:.375rem;border-width:2px}.pagination .page-item:first-child .page-link{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}}@media(min-width: 2560px)and (max-width: 3839px){.pagination{gap:.375rem;border-radius:.375rem}.pagination .page-link{padding:.75rem 1.125rem;font-size:1.125rem;font-weight:500;min-width:3.5rem;border-radius:.25rem}.pagination .page-item:first-child .page-link{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}}@media(min-width: 1920px)and (max-width: 2559px){.pagination{gap:.25rem;border-radius:.25rem}.pagination .page-link{padding:.625rem 1rem;font-size:1rem;font-weight:500;min-width:3rem}}@media(min-width: 1024px)and (max-width: 1919px){.pagination{gap:.25rem}.pagination .page-link{padding:.5rem .875rem;font-size:.9375rem;min-width:2.75rem}}@media(min-width: 768px)and (max-width: 1023px){.pagination{gap:.125rem}.pagination .page-link{padding:.5rem .75rem;font-size:.875rem;min-width:2.5rem}}@media(max-width: 767px){.pagination{gap:.125rem;flex-wrap:wrap;justify-content:center}.pagination .page-link{padding:.5rem .625rem;font-size:.8125rem;min-width:2.25rem;border-radius:.25rem}.pagination .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}}@media(max-width: 480px){.pagination{gap:.125rem}.pagination .page-link{padding:.375rem .5rem;font-size:.75rem;min-width:2rem}}
.blogs{background-color:#fff}.blogs .detail{display:flex;justify-content:center}.blogs .detail .left-advertisement,.blogs .detail .right-advertisement{width:fit-content;padding:0px 10px}.blogs .detail .blog-list{width:50%}.blogs .detail .blog-list .blog-card{width:100%}.blogs .detail .blog-pagination{display:flex;justify-content:flex-end}@media(max-width: 1365px){.blogs .detail{justify-content:space-between}.blogs .detail .blog-list{width:calc(100% - 400px)}.blogs .detail .left-advertisement,.blogs .detail .right-advertisement{width:fit-content}.blogs .detail .left-advertisement .advertisement,.blogs .detail .right-advertisement .advertisement{width:200px}}@media(max-width: 900px){.blogs .detail .left-advertisement,.blogs .detail .right-advertisement{width:fit-content}.blogs .detail .left-advertisement .advertisement,.blogs .detail .right-advertisement .advertisement{width:140px}.blogs .detail .blog-list{width:100%;padding:0px 10px}.blogs .detail .blog-card{padding-bottom:10px}.blogs .detail .blog-card .blog-card-footer{position:relative;display:block;margin-top:60px}.blogs .detail .blog-card .blog-card-footer .tags{width:100%}.blogs .detail .blog-card .blog-card-footer .date{width:100%;margin-top:20px}}
.ql-editor.richtext-viewer{padding:0px;font-size:16px}.ql-editor.richtext-viewer img{width:100%;border-radius:16px;margin:5px 0px}.ql-editor.richtext-viewer .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor.richtext-viewer .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor.richtext-viewer .ql-align-center{text-align:center}.ql-editor.richtext-viewer h1,.ql-editor.richtext-viewer h2,.ql-editor.richtext-viewer h3,.ql-editor.richtext-viewer p{margin:0px}.ql-editor.richtext-viewer h1 *,.ql-editor.richtext-viewer h2 *,.ql-editor.richtext-viewer h3 *,.ql-editor.richtext-viewer p *{pointer-events:none}.ql-editor.richtext-viewer h1{font-size:2em}.ql-editor.richtext-viewer h1 *{font-size:2em !important}.ql-editor.richtext-viewer h2{font-size:1.71428571rem}.ql-editor.richtext-viewer h2 *{font-size:1.71428571rem !important}.ql-editor.richtext-viewer h3{font-size:1.28571429rem}.ql-editor.richtext-viewer h3 *{font-size:1.28571429rem !important}.richtext-editor .ql-container{font-family:Arial,Helvetica,sans-serif;font-size:16px}.richtext-editor .ql-container img{width:100%;border-radius:16px;margin:5px 0px}.richtext-editor .ql-container h1{font-size:2em}.richtext-editor .ql-container h1 *{font-size:2em !important}.richtext-editor .ql-container h2{font-size:1.71428571rem}.richtext-editor .ql-container h2 *{font-size:1.71428571rem !important}.richtext-editor .ql-container h3{font-size:1.28571429rem}.richtext-editor .ql-container h3 *{font-size:1.28571429rem !important}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:attr(data-value) !important;text-transform:capitalize}.ql-size-small{font-size:10px !important}.ql-size-normal{font-size:16px !important}.ql-size-large{font-size:18px !important}.ql-size-huge{font-size:24px !important}.ql-size-10px{font-size:10px !important}.ql-size-12px{font-size:12px !important}.ql-size-14px{font-size:14px !important}.ql-size-16px{font-size:16px !important}.ql-size-18px{font-size:18px !important}.ql-size-24px{font-size:24px !important}.ql-size-36px{font-size:36px !important}.ql-size-48px{font-size:48px !important}.ql-size-60px{font-size:60px !important}
.blog{width:800px;height:fit-content;border-radius:16px;box-shadow:0px 0px 10px 0px #d6d6d6;background-color:#fff;padding:20px 30px;padding-bottom:90px;position:relative;cursor:pointer}.blog .title{margin:30px 0px}.blog .title .ql-editor p,.blog .title span.text-viewer{font-size:40px;font-weight:bold;line-height:50px}.blog .section .title{margin-top:40px;margin-bottom:10px}.blog .section .title span{font-size:30px;font-weight:bold}.blog .content span,.blog .content1 span,.blog .content2 span{font-size:16px;line-height:24px;white-space:pre-wrap}.blog .image{text-align:center}.blog .image img{width:100%;height:auto;border-radius:16px;margin:5px 0px}.blog .image span.description{font-size:14px;font-style:italic}.blog span.text-with-effect.hyperlink-img .hyperlink-img-description{font-size:14px;font-style:italic}.blog .blog-footer{position:absolute;bottom:20px;display:flex;width:100%}.blog .blog-footer .tags{width:calc(100% - 160px - 60px);display:flex;align-items:center;flex-wrap:wrap}.blog .blog-footer .date{display:flex;justify-content:flex-end;align-items:center;width:160px}
.news-board{width:300px;border-radius:16px;box-shadow:0px 0px 10px 0px #d6d6d6;padding:10px 5px;cursor:pointer}.news-board>.title{margin:5px;display:flex;justify-content:space-between}.news-board>.title span{font-size:18px;font-weight:bold}.news-board .item{display:flex;align-items:center;margin:10px 0px;background-color:#f5fafe;border-radius:16px;padding:10px}.news-board .item .title{margin:0px 10px;width:calc(100% - 60px - 20px)}.news-board .item .title span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#0b57d0;text-decoration:underline}.news-board .item img{width:60px;height:60px;border-radius:16px}.news-board .top1{padding:5px}.news-board .top1 img{width:100%;height:auto;border-radius:16px;margin:10px 0px}.news-board .top1 .title span{font-size:20px;font-weight:bold;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#0b57d0;text-decoration:underline}
.blog-detail{background-color:#fff;height:100%;display:table}.blog-detail .detail{display:flex;justify-content:center;margin-left:20px;margin-right:20px}.blog-detail .detail .other-information{width:fit-content;padding:0px 20px}.blog-detail .detail .other-information .advertisements .advertisement:first-child{margin-top:0px}.blog-detail .related-blogs{display:flex;justify-content:center}@media(max-width: 1155px){.blog-detail .detail .blog{width:100%}.blog-detail .detail .other-information .advertisements .advertisement{width:200px}.blog-detail .detail .other-information .news-board{width:200px}}@media(max-width: 600px){.other-information{margin-bottom:40px}.blog-detail .blog{padding-bottom:20px}.blog-detail .blog .blog-footer{position:relative;display:block;margin-top:60px}.blog-detail .blog .blog-footer .tags{width:100%}.blog-detail .blog .blog-footer .date{width:100%;margin-top:20px}}
.blog-edit{background-color:#fff;height:100%;display:table}.blog-edit .blog-status{font-size:16px;width:120px;padding:5px 10px;margin-bottom:10px;text-align:center;text-transform:capitalize}.blog-edit .blog-detail-container{display:flex;justify-content:center}.blog-edit .detail{display:flex;justify-content:center;flex-flow:column}.blog-edit .right-side{position:relative;padding:0px 20px}.blog-edit .buttons{position:fixed}.blog-edit .buttons>div{margin-bottom:10px;width:200px}.blog-edit .buttons .ui.button{background-color:#ffa048;color:#fff;width:100%}.blog-edit .buttons .publish-button .ui.button{background-color:#28a745}.blog-edit .buttons .delete-button .ui.button{background-color:#dc3545}.blog-edit .blog-detail-editor{width:100%;padding:0px 20px}@media(max-width: 600px){.other-information{margin-bottom:40px}.blog-edit .blog{padding-bottom:20px}.blog-edit .blog .blog-footer{position:relative;display:block;margin-top:60px}.blog-edit .blog .blog-footer .tags{width:100%}.blog-edit .blog .blog-footer .date{width:100%;margin-top:20px}}
.custom-dropdown{position:relative;display:inline-block;width:100%;font-family:inherit;cursor:pointer}.custom-dropdown.fluid{width:100%}.custom-dropdown.haft-width{width:50%}.custom-dropdown.medium-width{width:300px}.custom-dropdown.small-width{width:200px}.custom-dropdown.auto-width{width:auto;min-width:200px}.custom-dropdown.custom-dropdown-selection{width:400px;max-width:90vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease;min-height:60px;padding:12px 16px;position:relative;z-index:10}.custom-dropdown.custom-dropdown-selection .dropdown-trigger:hover{border-color:#ffa048;box-shadow:0 2px 8px rgba(255,160,72,.08)}.custom-dropdown.custom-dropdown-selection .dropdown-trigger.active{border-color:#ffa048;box-shadow:0 0 0 3px rgba(255,160,72,.1),0 2px 8px rgba(255,160,72,.08)}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection{pointer-events:none}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{color:#3a4556;font-weight:500;font-size:20px;line-height:1.4}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{color:#6c757d;font-weight:400;font-size:20px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{width:100%;background:rgba(0,0,0,0);border:none;outline:none;font-size:20px;font-weight:400;color:#3a4556;padding:0;margin:0;flex:1;pointer-events:auto}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger::placeholder{color:#6c757d;font-weight:400;opacity:.8}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;color:#6c757d;cursor:pointer;border-radius:4px;transition:all .15s ease;pointer-events:auto}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon:hover{color:#ffa048;background:rgba(255,160,72,.1)}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon:active{transform:scale(0.95)}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon svg{width:14px;height:14px;stroke-width:2}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-icon{color:#6c757d;transition:all .2s ease;pointer-events:none}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-icon svg{width:16px;height:16px;stroke-width:2}.custom-dropdown.custom-dropdown-selection .dropdown-trigger.active .dropdown-icon{transform:rotate(180deg);color:#ffa048}.custom-dropdown.custom-dropdown-selection .dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9999;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 32px rgba(90,106,133,.09),0 1.5px 6px rgba(90,106,133,.04);background:#fff;max-height:280px;width:100%;overflow:hidden}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:280px;overflow-y:auto;padding:8px 0}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:12px 16px;cursor:pointer;transition:all .15s ease;font-size:20px;font-weight:400;color:#1f2937;position:relative}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option:hover{background:rgba(156,163,175,.1);color:#ff7b00;transform:translateX(4px)}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option:active{background:rgba(156,163,175,.15);color:#ff7b00;transform:translateX(2px)}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option.highlighted{background:rgba(156,163,175,.1);color:#ff7b00;transform:translateX(4px)}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option.selected{background:rgba(156,163,175,.08);color:#ff7b00;font-weight:600;transform:translateX(6px);border-left:4px solid #ffa048}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option[aria-selected=true]{background:rgba(156,163,175,.08);color:#ff7b00;font-weight:600;transform:translateX(6px);border-left:4px solid #ffa048}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .no-options{padding:20px 16px;text-align:center;color:#6c757d;font-style:italic;font-size:14px;font-weight:400}@media(min-width: 2560px){.custom-dropdown.custom-dropdown-selection{width:600px;max-width:80vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:80px;padding:16px 20px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:24px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:24px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:24px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon{width:28px;height:28px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon svg{width:18px;height:18px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-icon svg{width:20px;height:20px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:400px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:400px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:16px 20px;font-size:24px}}@media(min-width: 3840px){.custom-dropdown.custom-dropdown-selection{width:700px;max-width:75vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:100px;padding:20px 24px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:32px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:32px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:32px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon{width:32px;height:32px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon svg{width:20px;height:20px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-icon svg{width:24px;height:24px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:500px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:500px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:20px 24px;font-size:32px}}@media(min-width: 1920px)and (max-width: 2559px){.custom-dropdown.custom-dropdown-selection{width:500px;max-width:85vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:70px;padding:14px 18px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:22px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:22px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:22px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon{width:24px;height:24px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon svg{width:16px;height:16px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-icon svg{width:18px;height:18px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:350px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:350px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:14px 18px;font-size:22px}}@media(min-width: 1440px)and (max-width: 1919px){.custom-dropdown.custom-dropdown-selection{width:450px;max-width:88vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:65px;padding:13px 17px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:21px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:21px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:21px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:320px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:320px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:13px 17px;font-size:21px}}@media(min-width: 1024px)and (max-width: 1439px){.custom-dropdown.custom-dropdown-selection{width:400px;max-width:90vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:60px;padding:12px 16px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:20px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:20px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:20px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:280px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:280px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:12px 16px;font-size:20px}}@media(min-width: 768px)and (max-width: 1023px){.custom-dropdown.custom-dropdown-selection{width:350px;max-width:95vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:60px;padding:12px 16px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:18px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:18px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:18px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:240px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:240px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:12px 16px;font-size:18px}}@media(min-width: 481px)and (max-width: 767px){.custom-dropdown.custom-dropdown-selection{width:300px;max-width:95vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:55px;padding:10px 14px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:16px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:16px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:16px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:200px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:200px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:10px 14px;font-size:16px}}@media(max-width: 480px){.custom-dropdown.custom-dropdown-selection{width:280px;max-width:95vw}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:50px;padding:8px 12px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .selected-text{font-size:14px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection .placeholder{font-size:14px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .search-input-trigger{font-size:14px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon{width:18px;height:18px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .clear-icon svg{width:12px;height:12px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-icon svg{width:14px;height:14px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{max-height:180px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:180px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list .dropdown-option{padding:8px 12px;font-size:14px}}.custom-dropdown .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;user-select:none;position:relative;z-index:1}.custom-dropdown .dropdown-trigger:hover{border-color:#ffa048}.custom-dropdown .dropdown-trigger.active{border-color:#ffa048;box-shadow:0 0 0 3px rgba(255,160,72,.1)}.custom-dropdown .dropdown-trigger .dropdown-selection{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.custom-dropdown .dropdown-trigger .dropdown-selection .selected-text{color:#3a4556;font-weight:500;font-size:20px}.custom-dropdown .dropdown-trigger .dropdown-selection .placeholder{color:#6c757d;font-weight:400;font-size:20px}.custom-dropdown .dropdown-trigger .dropdown-icon{display:flex;align-items:center;margin-left:8px;transition:transform .2s ease;color:#6c757d;pointer-events:none}.custom-dropdown .dropdown-trigger .dropdown-icon svg{width:16px;height:16px}.custom-dropdown .dropdown-trigger.active .dropdown-icon{transform:rotate(180deg);color:#ffa048}.custom-dropdown .dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 8px 32px rgba(90,106,133,.09),0 1.5px 6px rgba(90,106,133,.04);max-height:240px;overflow:hidden}.custom-dropdown .dropdown-menu .search-input-container{padding:8px 12px;border-bottom:1px solid #f3f4f6}.custom-dropdown .dropdown-menu .search-input-container .search-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.custom-dropdown .dropdown-menu .search-input-container .search-input:focus{border-color:#ffa048}.custom-dropdown .dropdown-menu .search-input-container .search-input::placeholder{color:#6c757d}.custom-dropdown .dropdown-menu .options-list{max-height:200px;overflow-y:auto}.custom-dropdown .dropdown-menu .options-list .dropdown-option{padding:10px 12px;cursor:pointer;transition:background-color .15s ease;font-size:20px;color:#1f2937}.custom-dropdown .dropdown-menu .options-list .dropdown-option:hover{background:rgba(156,163,175,.1);color:#ff7b00;transform:translateX(4px)}.custom-dropdown .dropdown-menu .options-list .dropdown-option:active{background:rgba(156,163,175,.15);color:#ff7b00;transform:translateX(2px)}.custom-dropdown .dropdown-menu .options-list .dropdown-option[aria-selected=true]{background:rgba(156,163,175,.08);color:#ff7b00;font-weight:600;transform:translateX(6px);border-left:4px solid #ffa048}.custom-dropdown .dropdown-menu .options-list .no-options{padding:16px 12px;text-align:center;color:#6c757d;font-style:italic;font-size:14px}.custom-dropdown:focus-within .dropdown-trigger{border-color:#ffa048;box-shadow:0 0 0 3px rgba(255,160,72,.1)}.custom-dropdown .options-list::-webkit-scrollbar{width:6px}.custom-dropdown .options-list::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.custom-dropdown .options-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.custom-dropdown .options-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-dropdown.custom-dropdown-selection .options-list::-webkit-scrollbar{width:6px}.custom-dropdown.custom-dropdown-selection .options-list::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.custom-dropdown.custom-dropdown-selection .options-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.custom-dropdown.custom-dropdown-selection .options-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-dropdown .dropdown-trigger{font-size:20px}.custom-dropdown .dropdown-trigger .dropdown-selection .selected-text{font-size:20px}.custom-dropdown .dropdown-trigger .dropdown-selection .placeholder{font-size:20px}.custom-dropdown .dropdown-trigger .search-input-trigger{font-size:20px}.custom-dropdown .dropdown-menu .options-list .dropdown-option{font-size:20px}@media(max-width: 768px){.custom-dropdown .dropdown-trigger{min-height:60px;padding:12px 16px}.custom-dropdown .dropdown-menu{max-height:240px}.custom-dropdown .dropdown-menu .options-list{max-height:200px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger{min-height:60px;padding:12px 16px;border-radius:8px}.custom-dropdown.custom-dropdown-selection .dropdown-trigger .dropdown-selection{font-size:14px}.custom-dropdown.custom-dropdown-selection .dropdown-menu{border-radius:8px;max-height:240px}.custom-dropdown.custom-dropdown-selection .dropdown-menu .options-list{max-height:200px}}@media(min-width: 2560px){.custom-dropdown .dropdown-trigger{min-height:80px;padding:16px 20px}.custom-dropdown .dropdown-trigger .dropdown-selection .selected-text{font-size:24px}.custom-dropdown .dropdown-trigger .dropdown-selection .placeholder{font-size:24px}.custom-dropdown .dropdown-trigger .dropdown-icon svg{width:20px;height:20px}.custom-dropdown .dropdown-menu{max-height:400px}.custom-dropdown .dropdown-menu .options-list{max-height:400px}.custom-dropdown .dropdown-menu .options-list .dropdown-option{padding:16px 20px;font-size:24px}}@media(min-width: 3840px){.custom-dropdown .dropdown-trigger{min-height:100px;padding:20px 24px}.custom-dropdown .dropdown-trigger .dropdown-selection .selected-text{font-size:32px}.custom-dropdown .dropdown-trigger .dropdown-selection .placeholder{font-size:32px}.custom-dropdown .dropdown-trigger .dropdown-icon svg{width:24px;height:24px}.custom-dropdown .dropdown-menu{max-height:500px}.custom-dropdown .dropdown-menu .options-list{max-height:500px}.custom-dropdown .dropdown-menu .options-list .dropdown-option{padding:20px 24px;font-size:32px}}@media(min-width: 1920px)and (max-width: 2559px){.custom-dropdown .dropdown-trigger{min-height:70px;padding:14px 18px}.custom-dropdown .dropdown-trigger .dropdown-selection .selected-text{font-size:22px}.custom-dropdown .dropdown-trigger .dropdown-selection .placeholder{font-size:22px}.custom-dropdown .dropdown-trigger .dropdown-icon svg{width:18px;height:18px}.custom-dropdown .dropdown-menu{max-height:350px}.custom-dropdown .dropdown-menu .options-list{max-height:350px}.custom-dropdown .dropdown-menu .options-list .dropdown-option{padding:14px 18px;font-size:22px}}
.circle-time-countdown{display:flex;flex-direction:column;align-items:center;gap:8px}
.pond{cursor:pointer;color:#2c3e50;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border:1px solid #e9ecef;border-radius:16px;min-width:360px;min-height:215px;width:480px;margin:0;position:relative;padding-bottom:5px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06)}.pond .devices-wrapper{position:relative}.pond .measurement{position:absolute;bottom:10px;padding:0px 10px;display:flex;justify-content:center;align-items:center;flex-flow:column;width:100%;color:#ffa048}.pond .measurement span{text-align:center;font-weight:500}.pond .circle-time-countdown{z-index:1;color:#ffa048;font-weight:600;font-size:18px}.pond .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .last-modified-time{display:flex;justify-content:flex-end}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration.none-value{background:linear-gradient(135deg, #f1f3f4 0%, #e8eaed 100%);color:#9aa0a6;border:1px solid #dadce0}.pond .pond-header{display:flex;background:#ffa048;height:60px;padding:0px 20px;position:relative;overflow:hidden}.pond .pond-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);pointer-events:none}.pond .pond-header .pond-name{color:#fff;margin:auto;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:40px;line-height:50px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:1}.pond .pond-detail{width:100%;padding:16px 12px;display:flex;margin-top:0;gap:12px}.pond .pond-detail .concentrations-wrapper{width:450px;max-width:450px;overflow:hidden}.pond .pond-detail .concentrations-wrapper .concentrations.no-data{height:100%;display:flex}.pond .pond-detail .concentrations-wrapper .concentrations.no-data .message{color:#6c757d !important;margin:auto;font-size:25px;font-weight:500}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row{display:flex;margin:0px 0px 8px 0px;gap:8px}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col{width:50%;overflow:hidden}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration{font-weight:600;white-space:nowrap;margin:0;background:linear-gradient(135deg, #C0E218 0%, #b8d916 100%);padding:8px 12px;border-radius:8px;border:1px solid rgba(192,226,24,.3);transition:all .2s ease;position:relative;overflow:hidden}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);pointer-events:none}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .name{width:40px;font-size:14px;font-weight:700;color:#2c3e50}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value{font-size:19px;line-height:24px;font-weight:700;color:#2c3e50}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value.none-value{font-size:14px;margin-right:6px;color:#6c757d}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .unit{font-size:11px;margin-left:2px;color:#495057;font-weight:500}.pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .last-modified-time{font-size:12px;line-height:12px;color:#6c757d;font-weight:400;margin-top:10px}.pond .pond-detail .devices-wrapper{width:120px;padding:0}.pond .pond-detail .devices-wrapper .device{display:block;width:fit-content;overflow:hidden;margin:15px 0px;margin-top:1px;margin-bottom:13px;height:fit-content;width:100%;border:2px solid #dee2e6;border-radius:12px;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);transition:all .2s ease;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1)}.pond .pond-detail .devices-wrapper .device .device-icon{display:block;margin:8px auto;transition:transform .2s ease}.pond .pond-detail .devices-wrapper .device .device-status{display:block;margin:auto;word-wrap:break-word;font-weight:600;font-size:16px;text-align:center;padding:0 8px 8px 8px}.pond .pond-detail .devices-wrapper .device img{height:50px;width:40px}.pond .warning{background:linear-gradient(135deg, #C70039 0%, #b91c3c 100%) !important;border-color:#dc3545 !important;color:#fff !important}.pond .warning .name,.pond .warning .value{color:#fff !important}.pond .warning .unit{color:rgba(255,255,255,.8) !important}.pond .warning .last-modified-time{color:rgba(255,255,255,.8) !important}.pond:hover{transform:scale(var(--pond-hover-scale, 1.08));z-index:15;box-shadow:0 0 0 3px rgba(255,160,72,.8),0 0 0 6px rgba(255,160,72,.4),0 0 0 10px rgba(255,160,72,.2),0 12px 32px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.15);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.pond.highlight{box-shadow:0 0 0 3px rgba(255,160,72,.8),0 0 0 6px rgba(255,160,72,.4),0 0 0 10px rgba(255,160,72,.2),0 12px 32px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.15);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.pond.focused{transform:scale(var(--pond-hover-scale, 1.08));z-index:15;box-shadow:0 0 0 3px rgba(255,160,72,.8),0 0 0 6px rgba(255,160,72,.4),0 0 0 10px rgba(255,160,72,.2),0 12px 32px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.15);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.pond.focused::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #007bff;border-radius:18px;pointer-events:none;animation:focusPulse 2s infinite}@keyframes focusPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media screen and (min-width: 2560px){.pond-list-detail .pond{width:600px;min-width:600px;min-height:280px;margin:0;border-radius:20px}.pond-list-detail .pond .pond-header{height:75px;padding:0px 25px}.pond-list-detail .pond .pond-header .pond-name{font-size:48px;line-height:60px}.pond-list-detail .pond .pond-detail{padding:20px 16px;gap:16px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:520px;max-width:520px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations.no-data .message{font-size:32px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row{margin:0px 0px 12px 0px;gap:12px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration{padding:12px 16px;border-radius:12px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .name{width:50px;font-size:18px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value{font-size:26px;line-height:30px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value.none-value{font-size:18px;margin-right:8px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .unit{font-size:16px;margin-left:4px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .last-modified-time{font-size:14px;line-height:14px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:160px;padding:0}.pond-list-detail .pond .pond-detail .devices-wrapper .device{margin:18px 0px;margin-top:2px;margin-bottom:16px;border-radius:16px;border-width:3px}.pond-list-detail .pond .pond-detail .devices-wrapper .device .device-icon{margin:10px auto}.pond-list-detail .pond .pond-detail .devices-wrapper .device .device-status{font-size:18px;padding:0 10px 10px 10px}.pond-list-detail .pond .pond-detail .devices-wrapper .device img{height:60px;width:48px}.pond-list-detail .pond .circle-time-countdown{font-size:22px}.pond-list-detail .pond .measurement{bottom:12px;padding:0px 12px}.pond-list-detail .pond .measurement span{font-size:18px}}@media screen and (min-width: 3840px){.pond-list-detail .pond{width:750px;min-width:750px;min-height:350px;margin:0;border-radius:24px}.pond-list-detail .pond .pond-header{height:90px;padding:0px 30px}.pond-list-detail .pond .pond-header .pond-name{font-size:56px;line-height:70px}.pond-list-detail .pond .pond-detail{padding:24px 20px;gap:20px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:780px;max-width:780px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations.no-data .message{font-size:38px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row{margin:0px 0px 16px 0px;gap:16px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration{padding:16px 20px;border-radius:16px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .name{width:60px;font-size:22px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value{font-size:30px;line-height:36px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value.none-value{font-size:22px;margin-right:10px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .unit{font-size:19px;margin-left:6px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .last-modified-time{font-size:18px;line-height:18px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:180px;padding:0}.pond-list-detail .pond .pond-detail .devices-wrapper .device{margin:22px 0px;margin-top:3px;margin-bottom:20px;border-radius:20px;border-width:4px}.pond-list-detail .pond .pond-detail .devices-wrapper .device .device-icon{margin:12px auto}.pond-list-detail .pond .pond-detail .devices-wrapper .device .device-status{font-size:22px;padding:0 12px 12px 12px}.pond-list-detail .pond .pond-detail .devices-wrapper .device img{height:75px;width:60px}.pond-list-detail .pond .circle-time-countdown{font-size:26px}.pond-list-detail .pond .measurement{bottom:15px;padding:0px 15px}.pond-list-detail .pond .measurement span{font-size:22px}}@media screen and (min-width: 5120px){.pond-list-detail .pond{width:840px;min-width:840px;min-height:420px;margin:0;border-radius:28px}.pond-list-detail .pond .pond-header{height:105px;padding:0px 35px}.pond-list-detail .pond .pond-header .pond-name{font-size:64px;line-height:80px}.pond-list-detail .pond .pond-detail{padding:28px 24px;gap:24px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:720px;max-width:720px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations.no-data .message{font-size:44px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row{margin:0px 0px 20px 0px;gap:20px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration{padding:20px 24px;border-radius:20px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .name{width:70px;font-size:26px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value{font-size:38px;line-height:42px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .value.none-value{font-size:26px;margin-right:12px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .unit{font-size:24px;margin-left:8px}.pond-list-detail .pond .pond-detail .concentrations-wrapper .concentrations .concentration-row .concentration-col .concentration .last-modified-time{font-size:22px;line-height:22px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:200px;padding:0}.pond-list-detail .pond .pond-detail .devices-wrapper .device{margin:26px 0px;margin-top:4px;margin-bottom:24px;border-radius:24px;border-width:5px}.pond-list-detail .pond .pond-detail .devices-wrapper .device .device-icon{margin:14px auto}.pond-list-detail .pond .pond-detail .devices-wrapper .device .device-status{font-size:26px;padding:0 14px 14px 14px}.pond-list-detail .pond .pond-detail .devices-wrapper .device img{height:90px;width:72px}.pond-list-detail .pond .circle-time-countdown{font-size:30px}.pond-list-detail .pond .measurement{bottom:18px;padding:0px 18px}.pond-list-detail .pond .measurement span{font-size:26px}}
.pond-settings-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);overflow:hidden;display:flex;flex-direction:column;height:fit-content;max-height:50vh;min-height:500px;border:1px solid #e2e8f0}.pond-settings-modal .modal-header{padding:24px 28px;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between}.pond-settings-modal .modal-header .header-content{flex:1}.pond-settings-modal .modal-header .header-content .modal-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px 0;line-height:1.3}.pond-settings-modal .modal-header .header-content .modal-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.4;font-weight:400}.pond-settings-modal .modal-header .close-button{width:36px;height:36px;border:none;background:rgba(0,0,0,0);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;margin-left:16px;flex-shrink:0}.pond-settings-modal .modal-header .close-button:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.pond-settings-modal .modal-header .close-button:active{transform:scale(0.95)}.pond-settings-modal .modal-content{padding:0;flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.pond-settings-modal .modal-content .settings-section{padding:24px 28px;border-bottom:1px solid #f1f5f9}.pond-settings-modal .modal-content .settings-section:last-child{border-bottom:none}.pond-settings-modal .modal-content .settings-section .section-header{margin-bottom:24px}.pond-settings-modal .modal-content .settings-section .section-header .section-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 6px 0;display:flex;align-items:center;gap:8px}.pond-settings-modal .modal-content .settings-section .section-header .section-title::before{content:"";width:4px;height:16px;background:linear-gradient(135deg, #ffa048 0%, #ff8c42 100%);border-radius:2px}.pond-settings-modal .modal-content .settings-section .section-header .section-description{font-size:13px;color:#64748b;margin:0;line-height:1.4;font-weight:400}.pond-settings-modal .modal-content .settings-section .setting-item{margin-bottom:28px;padding:20px;background:#fafbfc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.pond-settings-modal .modal-content .settings-section .setting-item:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.05)}.pond-settings-modal .modal-content .settings-section .setting-item:last-child{margin-bottom:0}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info{flex:1;min-width:0}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-label{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 6px 0;display:block;line-height:1.3}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-description{font-size:13px;color:#64748b;margin:0;line-height:1.4;font-weight:400}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-control{flex-shrink:0;display:flex;align-items:center}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container{display:flex;align-items:center;gap:6px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input{width:80px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#1e293b;background:#fff;text-align:center;transition:all .2s ease;min-width:0}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input:focus{outline:none;border-color:#ffa048;box-shadow:0 0 0 3px rgba(255,160,72,.1);background:#fff}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input:hover{border-color:#cbd5e1}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input::-webkit-outer-spin-button,.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input[type=number]{-moz-appearance:textfield}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input:disabled:hover{border-color:#e2e8f0}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-unit{font-size:14px;font-weight:600;color:#ffa048;background:#fff4e6;padding:8px 12px;border-radius:8px;border:2px solid #fed7aa;min-width:24px;text-align:center;white-space:nowrap}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container{display:flex;align-items:center}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch{position:relative;width:52px;height:28px;background:#e2e8f0;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);padding:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.enabled{background:linear-gradient(135deg, #ffa048 0%, #ff8c42 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 1px rgba(255,160,72,.2)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.enabled .toggle-slider{transform:translateX(24px);box-shadow:0 2px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.enabled:hover{background:linear-gradient(135deg, #ff8c42 0%, #ff7a35 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 1px rgba(255,160,72,.3)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.enabled:active{background:linear-gradient(135deg, #ff7a35 0%, #ff6b28 100%)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.disabled{background:#e2e8f0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.disabled .toggle-slider{transform:translateX(2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.disabled:hover{background:#d1d5db;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.disabled:active{background:#cbd5e1}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch:focus{outline:none;box-shadow:0 0 0 3px rgba(255,160,72,.2)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch .toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border-radius:50%;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05)}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch .toggle-slider::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#ffa048;border-radius:50%;transform:translate(-50%, -50%) scale(0);transition:transform .2s ease}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .toggle-container .toggle-switch.enabled .toggle-slider::before{transform:translate(-50%, -50%) scale(1)}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container{position:relative;margin-bottom:0}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider{width:100%;height:6px;border-radius:3px;background:rgba(0,0,0,0);outline:none;-webkit-appearance:none;cursor:pointer;position:relative;z-index:2}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#ffa048;cursor:pointer;border:3px solid #fff;box-shadow:0 4px 12px rgba(255,160,72,.3);transition:all .2s ease}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(255,160,72,.4)}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#ffa048;cursor:pointer;border:3px solid #fff;box-shadow:0 4px 12px rgba(255,160,72,.3);transition:all .2s ease}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(255,160,72,.4)}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider:disabled{cursor:not-allowed;opacity:.5}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#94a3b8}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider:disabled::-moz-range-thumb{cursor:not-allowed;background:#94a3b8}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-track-bg{position:absolute;top:50%;left:0;right:0;height:6px;background:#e2e8f0;border-radius:3px;transform:translateY(-50%);z-index:1}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-track-bg .slider-track-fill{height:100%;background:linear-gradient(90deg, #ffa048 0%, #ff8c42 100%);border-radius:3px;transition:width .2s ease}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#64748b;font-weight:500}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-labels .slider-min,.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-labels .slider-max{color:#64748b}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-labels .slider-center{color:#ffa048;font-weight:600}.pond-settings-modal .modal-footer{padding:20px 28px;background:#f8fafc;border-top:1px solid #e2e8f0}.pond-settings-modal .modal-footer .footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.pond-settings-modal .modal-footer .footer-actions .primary-actions{display:flex;gap:12px}.pond-settings-modal .modal-footer .footer-actions .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-height:40px}.pond-settings-modal .modal-footer .footer-actions .btn svg{flex-shrink:0}.pond-settings-modal .modal-footer .footer-actions .btn.btn-secondary{background:#f1f5f9;color:#475569;border:2px solid #cbd5e1}.pond-settings-modal .modal-footer .footer-actions .btn.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.pond-settings-modal .modal-footer .footer-actions .btn.btn-secondary:active{transform:translateY(0)}.pond-settings-modal .modal-footer .footer-actions .btn.btn-outline{background:rgba(0,0,0,0);color:#475569;border:2px solid #cbd5e1}.pond-settings-modal .modal-footer .footer-actions .btn.btn-outline:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.pond-settings-modal .modal-footer .footer-actions .btn.btn-outline:active{transform:translateY(0)}.pond-settings-modal .modal-footer .footer-actions .btn.btn-primary{background:linear-gradient(135deg, #ffa048 0%, #ff8c42 100%);color:#fff;border:2px solid #ffa048;box-shadow:0 2px 8px rgba(255,160,72,.3)}.pond-settings-modal .modal-footer .footer-actions .btn.btn-primary:hover{background:linear-gradient(135deg, #ff8c42 0%, #ff7a35 100%);border-color:#ff8c42;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,160,72,.4)}.pond-settings-modal .modal-footer .footer-actions .btn.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,160,72,.3)}@media screen and (min-width: 2560px){.pond-settings-modal{border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.pond-settings-modal .modal-header{padding:32px 36px}.pond-settings-modal .modal-header .header-content .modal-title{font-size:28px}.pond-settings-modal .modal-header .header-content .modal-subtitle{font-size:18px}.pond-settings-modal .modal-header .close-button{width:48px;height:48px;border-radius:12px}.pond-settings-modal .modal-header .close-button svg{width:24px;height:24px}.pond-settings-modal .modal-content .settings-section{padding:32px 36px}.pond-settings-modal .modal-content .settings-section .section-header{margin-bottom:32px}.pond-settings-modal .modal-content .settings-section .section-header .section-title{font-size:22px}.pond-settings-modal .modal-content .settings-section .section-header .section-description{font-size:18px}.pond-settings-modal .modal-content .settings-section .setting-item{padding:28px;margin-bottom:32px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header{margin-bottom:20px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-label{font-size:20px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-description{font-size:16px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container{gap:8px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input{width:100px;padding:12px 16px;font-size:18px;border-radius:10px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-unit{font-size:18px;padding:12px 16px;border-radius:10px;min-width:32px}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider{height:8px;border-radius:4px}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-webkit-slider-thumb{width:32px;height:32px;border:4px solid #fff}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-moz-range-thumb{width:32px;height:32px;border:4px solid #fff}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-track-bg{height:8px;border-radius:4px}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-labels{margin-top:16px;font-size:16px}.pond-settings-modal .modal-footer{padding:28px 36px}.pond-settings-modal .modal-footer .footer-actions .btn{padding:14px 28px;font-size:18px;border-radius:10px;min-height:52px}.pond-settings-modal .modal-footer .footer-actions .btn svg{width:20px;height:20px}.pond-settings-modal .modal-footer .footer-actions .primary-actions{gap:16px}}@media screen and (min-width: 3840px){.pond-settings-modal{border-radius:24px;box-shadow:0 40px 120px rgba(0,0,0,.25)}.pond-settings-modal .modal-header{padding:40px 48px}.pond-settings-modal .modal-header .header-content .modal-title{font-size:36px}.pond-settings-modal .modal-header .header-content .modal-subtitle{font-size:24px}.pond-settings-modal .modal-header .close-button{width:56px;height:56px;border-radius:14px}.pond-settings-modal .modal-header .close-button svg{width:28px;height:28px}.pond-settings-modal .modal-content .settings-section{padding:40px 48px}.pond-settings-modal .modal-content .settings-section .section-header{margin-bottom:40px}.pond-settings-modal .modal-content .settings-section .section-header .section-title{font-size:30px}.pond-settings-modal .modal-content .settings-section .section-header .section-description{font-size:24px}.pond-settings-modal .modal-content .settings-section .setting-item{padding:36px;margin-bottom:40px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header{margin-bottom:24px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-label{font-size:26px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-description{font-size:20px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container{gap:12px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-input{width:120px;padding:16px 20px;font-size:24px;border-radius:12px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-value-container .setting-unit{font-size:24px;padding:16px 20px;border-radius:12px;min-width:40px}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider{height:10px;border-radius:5px}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-webkit-slider-thumb{width:40px;height:40px;border:5px solid #fff}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .scale-slider::-moz-range-thumb{width:40px;height:40px;border:5px solid #fff}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-track-bg{height:10px;border-radius:5px}.pond-settings-modal .modal-content .settings-section .setting-item .slider-container .slider-labels{margin-top:20px;font-size:22px}.pond-settings-modal .modal-footer{padding:36px 48px}.pond-settings-modal .modal-footer .footer-actions .btn{padding:18px 36px;font-size:24px;border-radius:12px;min-height:64px}.pond-settings-modal .modal-footer .footer-actions .btn svg{width:24px;height:24px}.pond-settings-modal .modal-footer .footer-actions .primary-actions{gap:20px}}@media screen and (max-width: 640px){.pond-settings-modal{width:95vw;border-radius:12px;max-height:95vh}.pond-settings-modal .modal-header{padding:20px 24px}.pond-settings-modal .modal-header .header-content .modal-title{font-size:18px}.pond-settings-modal .modal-header .header-content .modal-subtitle{font-size:13px}.pond-settings-modal .modal-header .close-button{width:32px;height:32px}.pond-settings-modal .modal-content .settings-section{padding:20px 24px}.pond-settings-modal .modal-content .settings-section .section-header{margin-bottom:20px}.pond-settings-modal .modal-content .settings-section .section-header .section-title{font-size:15px}.pond-settings-modal .modal-content .settings-section .section-header .section-description{font-size:12px}.pond-settings-modal .modal-content .settings-section .setting-item{padding:16px;margin-bottom:20px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header{flex-direction:column;align-items:flex-start;gap:12px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info{width:100%}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-label{font-size:14px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-info .setting-description{font-size:12px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-control{width:100%;justify-content:flex-end}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-control .setting-value-container .setting-input{width:70px;font-size:13px;padding:6px 10px}.pond-settings-modal .modal-content .settings-section .setting-item .setting-header .setting-control .setting-value-container .setting-unit{font-size:13px;padding:6px 10px}.pond-settings-modal .modal-footer{padding:20px 24px}.pond-settings-modal .modal-footer .footer-actions{flex-direction:column;gap:12px;align-items:stretch}.pond-settings-modal .modal-footer .footer-actions .primary-actions{width:100%;order:-1}.pond-settings-modal .modal-footer .footer-actions .primary-actions .btn{flex:1;justify-content:center}.pond-settings-modal .modal-footer .footer-actions .btn-secondary{width:100%;justify-content:center}}
.side-panel{position:absolute;top:0;right:0;height:100%;background-color:#ffa048;color:#fff;padding:20px 10px;padding-top:60px;transition:transform .3s ease-out;transform:translateX(100%)}.side-panel.open{transform:translateX(0)}.side-panel.closed{transform:translateX(100%);padding-left:40px;right:40px}i.icon.toggle-btn{position:absolute;top:10px;left:-20px;padding:0px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#ffa048;border-radius:50%;color:#fff;font-size:30px;box-shadow:0 0 0px 4px #fff;margin:0px}.toggle-btn:hover{background-color:#0056b3}
.react-horizontal-scrolling-menu--wrapper{margin:20px 0px}.react-horizontal-scrolling-menu--arrow-left{position:relative}.react-horizontal-scrolling-menu--arrow-left i.icon{position:absolute;z-index:1;size:24px;font-size:40px;top:calc(50% - 20px);color:rgba(243,113,33,.5019607843);left:0px}.react-horizontal-scrolling-menu--arrow-left i.icon.disabled{opacity:0 !important}.react-horizontal-scrolling-menu--arrow-left i.icon:hover{color:rgba(242,113,28,.8784313725)}.react-horizontal-scrolling-menu--arrow-right{position:relative}.react-horizontal-scrolling-menu--arrow-right i.icon{position:absolute;z-index:1;size:24px;font-size:40px;top:calc(50% - 20px);color:rgba(243,113,33,.5019607843);right:0px}.react-horizontal-scrolling-menu--arrow-right i.icon.disabled{opacity:0 !important}.react-horizontal-scrolling-menu--arrow-right i.icon:hover{color:rgba(242,113,28,.8784313725)}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-thumb{background-color:rgba(242,113,28,.8784313725);border-radius:5px}.react-horizontal-scrolling-menu--scroll-container:not(:focus-within)::-webkit-scrollbar-track{background-color:rgba(242,113,28,.8784313725)}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(242,113,28,.8784313725)}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-track{background-color:#f9f1da;border-radius:5px}
.pond-queue-item{width:100px;height:160px;border:1px solid #ffa048;border-radius:8px;text-align:center;font-family:Arial,sans-serif;background-color:#f9f1da;color:#ffa048;display:flex;flex-direction:column;justify-content:space-between;margin-right:5px;margin-bottom:3px}.top-section{font-size:18px;font-weight:bold;margin-top:10px;height:46px;align-items:center;display:flex;text-align:center;justify-content:center;line-height:20px}.middle-section{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.main-text{font-size:40px;font-weight:bold}.sub-text{font-size:16px;margin-top:10px}.bottom-section{font-size:20px;margin-bottom:10px;text-align:end;padding:0px 10px;position:relative}.bottom-section .active-circle{display:none;width:20px;height:20px;background-color:#c0e218;border-radius:50%;position:absolute;top:0px}
.floating-action-button{z-index:1000;cursor:grab}.floating-action-button.dragging{cursor:grabbing;transition:none}.floating-action-button.dragging .fab-button{transform:scale(1.1);box-shadow:0 8px 24px rgba(0,123,255,.5),0 4px 8px rgba(0,0,0,.2)}.floating-action-button .fab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg, #ff9f43 0%, #f39c12 100%);border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(255,159,67,.4),0 2px 4px rgba(0,0,0,.2);position:relative;overflow:hidden}.floating-action-button .fab-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px rgba(255,159,67,.5),0 4px 8px rgba(0,0,0,.2);border-color:#f8f9fa}.floating-action-button .fab-button:active{transform:translateY(0) scale(1)}.floating-action-button .fab-button.active{background:linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);box-shadow:0 4px 12px rgba(231,76,60,.4),0 2px 4px rgba(0,0,0,.2)}.floating-action-button .fab-button.active:hover{box-shadow:0 8px 24px rgba(231,76,60,.5),0 4px 8px rgba(0,0,0,.2)}.floating-action-button .fab-button .fab-icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;margin-bottom:2px}.floating-action-button .fab-button .fab-icon .play-icon,.floating-action-button .fab-button .fab-icon .stop-icon{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.floating-action-button .fab-button .fab-icon .play-icon i,.floating-action-button .fab-button .fab-icon .stop-icon i{margin:0 !important;font-size:16px !important}.floating-action-button .fab-button .fab-icon .pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border:2px solid rgba(255,255,255,.6);border-radius:50%;animation:pulse-ring 2s infinite;z-index:1}.floating-action-button .fab-button .fab-label{font-size:8px;font-weight:600;text-align:center;line-height:1.2;margin-top:1px;white-space:nowrap}@media(max-width: 768px){.floating-action-button .fab-button{width:40px;height:40px}.floating-action-button .fab-button .fab-icon{width:16px;height:16px;font-size:10px}.floating-action-button .fab-button .fab-icon .play-icon i,.floating-action-button .fab-button .fab-icon .stop-icon i{font-size:10px !important}.floating-action-button .fab-button .fab-label{font-size:7px}}@media(max-width: 480px){.floating-action-button .fab-button .fab-label{display:none}}@keyframes pulse-ring{0%{transform:translate(-50%, -50%) scale(0.8);opacity:1}100%{transform:translate(-50%, -50%) scale(1.4);opacity:0}}
.ui.fluid.dropdown.haft-width{width:50%}.farm-dropdown-selection{margin:auto;display:flex;justify-content:center;width:100%}.pond-list-pagination{display:flex;justify-content:end;margin-bottom:10px}.dropdown-container{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.dropdown-container .dropdown-controls{display:flex;justify-content:center;align-items:center;gap:16px}.dropdown-container .settings-button{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg, #ffa048 0%, #ff8c42 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(255,160,72,.3);min-width:40px;height:40px}.dropdown-container .settings-button svg{width:20px;height:20px}.dropdown-container .settings-button:hover{background:linear-gradient(135deg, #ff8c42 0%, #ff7635 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,160,72,.4)}.dropdown-container .settings-button:active{transform:translateY(0)}.dropdown-container .auto-focus-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg, #28a745 0%, #20c997 100%);border-radius:50%;color:#fff;font-size:16px;animation:pulse 2s infinite;box-shadow:0 2px 8px rgba(40,167,69,.3);cursor:pointer;transition:all .3s ease}.dropdown-container .auto-focus-indicator:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(40,167,69,.4)}.dropdown-container .auto-focus-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding:16px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:12px;border:1px solid #dee2e6;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:slideDown .3s ease-out}.dropdown-container .auto-focus-controls .auto-focus-status{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;background:#fff;border:2px solid #dee2e6;transition:all .3s ease}.dropdown-container .auto-focus-controls .auto-focus-status.active{border-color:#28a745;background:linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);box-shadow:0 2px 8px rgba(40,167,69,.2)}.dropdown-container .auto-focus-controls .auto-focus-status .status-text{font-size:14px;font-weight:600;color:#495057;white-space:nowrap}.dropdown-container .auto-focus-controls .auto-focus-buttons{display:flex;gap:8px}.dropdown-container .auto-focus-controls .auto-focus-buttons .auto-focus-btn{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(135deg, #007bff 0%, #0056b3 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;box-shadow:0 2px 4px rgba(0,123,255,.3)}.dropdown-container .auto-focus-controls .auto-focus-buttons .auto-focus-btn:hover{background:linear-gradient(135deg, #0056b3 0%, #004085 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,123,255,.4)}.dropdown-container .auto-focus-controls .auto-focus-buttons .auto-focus-btn:active{transform:translateY(0)}.dropdown-container .auto-focus-controls .auto-focus-buttons .auto-focus-btn.active{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);box-shadow:0 2px 4px rgba(220,53,69,.3)}.dropdown-container .auto-focus-controls .auto-focus-buttons .auto-focus-btn.active:hover{background:linear-gradient(135deg, #c82333 0%, #bd2130 100%);box-shadow:0 4px 8px rgba(220,53,69,.4)}.pond-farm{width:100%;height:fit-content;min-height:100%;display:flex;justify-content:space-between;position:relative}.pond-farm .right-side-panel{position:relative}.pond-farm .right-side-panel .panel-title{font-size:30px;margin:10px;font-weight:bold}.pond-farm .react-horizontal-scrolling-menu--scroll-container .react-horizontal-scrolling-menu--item:first-child .pond-queue-item{background-color:#fff}.pond-farm .react-horizontal-scrolling-menu--scroll-container .react-horizontal-scrolling-menu--item:first-child .pond-queue-item .bottom-section .active-circle{display:block}.pond-list{display:block;margin:auto;width:fit-content;height:fit-content}.pond-list-detail{margin-top:-10px;margin-bottom:30px;padding-bottom:10px;padding-left:30px;padding-right:30px;display:grid;grid-template-columns:repeat(auto-fit, minmax(480px, 1fr));gap:24px;justify-items:center;align-items:start;transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:max-width}.pond-list-detail.panel-open{max-width:calc(100vw - 520px) !important;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px) !important;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 1600px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(480px, 1fr));margin-left:auto;margin-right:auto}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}}@media(min-width: 2560px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(600px, 600px));gap:50px;margin-left:auto;margin-right:auto}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}}@media screen and (min-width: 3840px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(750px, 750px));gap:50px;margin-left:auto;margin-right:auto}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}}@media(min-width: 1200px)and (max-width: 1599px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(380px, 1fr))}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}.pond-list-detail .pond{width:440px;min-width:440px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:340px;max-width:340px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:100px}}@media(min-width: 900px)and (max-width: 1199px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(360px, 1fr))}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}.pond-list-detail .pond{width:420px;min-width:420px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:320px;max-width:320px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:100px}}@media(min-width: 768px)and (max-width: 899px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(340px, 1fr))}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}.pond-list-detail .pond{width:400px;min-width:400px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:300px;max-width:300px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:100px}}@media(min-width: 600px)and (max-width: 767px){.pond-list-detail{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}.pond-list-detail.panel-open{max-width:calc(100vw - 520px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 80px)}.pond-list-detail .pond{width:380px;min-width:380px}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:280px;max-width:280px}.pond-list-detail .pond .pond-detail .devices-wrapper{width:100px}}@media(max-width: 599px){.pond-list-detail{grid-template-columns:1fr;padding-left:15px;padding-right:15px;gap:16px}.pond-list-detail.panel-open{max-width:calc(100vw - 40px)}.pond-list-detail.panel-closed{max-width:calc(100vw - 40px)}.pond-list-detail .pond{width:100%;max-width:380px;min-width:320px;margin:0}.pond-list-detail .pond .pond-detail .concentrations-wrapper{width:calc(100% - 140px);max-width:calc(100% - 140px)}.pond-list-detail .pond .pond-detail .devices-wrapper{width:120px}}.pond-list-detail .pond-list-row{display:contents}.pond-list-pagination .pagination{display:flex;padding-left:0;list-style:none;justify-content:end;margin-right:50px}.pond-list-pagination .pagination [role=button]{cursor:pointer}.pond-list-pagination .pagination .page-link{position:relative;display:block;color:#ffa048;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding:.375rem .75rem}.pond-list-pagination .pagination .page-item.active .page-link{z-index:3;color:#fff;background-color:#ffa048;border-color:#ffa048}.pond-list-pagination .pagination .page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.pond-list-empty{display:flex;margin:20px auto;flex-direction:column;align-items:center;justify-content:center;min-height:480px;height:540px;padding:0;background:#fff;border-radius:22px;border:none;box-shadow:0 8px 32px rgba(90,106,133,.09),0 1.5px 6px rgba(90,106,133,.04);max-width:700px;width:90%;transition:box-shadow .2s,background .2s}.pond-list-empty .empty-icon{margin-bottom:16px;font-size:48px !important;color:#ffa048 !important;border-radius:50%;padding:18px;box-shadow:0 2px 12px rgba(255,160,72,.09);display:flex;align-items:center;justify-content:center;width:64px;height:64px}.pond-list-empty .empty-text{color:#3a4556;font-size:20px;font-weight:600;letter-spacing:.3px;margin-top:10px;text-align:center;line-height:1.5;opacity:.95}.list-padding-bottom{height:200px}@media screen and (min-width: 3840px){.list-padding-bottom{height:400px}}.farm-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:12px 0;margin-top:20px;box-shadow:0 -2px 8px rgba(0,0,0,.05);position:absolute;width:100%;bottom:0}.farm-footer .footer-content{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.farm-footer .footer-content .copyright-text{color:#6c757d;font-size:14px;font-weight:400;text-align:center;letter-spacing:.3px;line-height:1.4}.farm-footer .footer-content .footer-separator{color:#6c757d;font-size:14px;margin:0 12px;opacity:.6;border-left:1px solid #6c757d;width:1px;height:18px}.farm-footer .footer-content .privacy-link{color:#6c757d;font-size:14px;font-weight:400;text-decoration:underline;transition:color .2s ease}.farm-footer .footer-content .privacy-link:hover{color:#ffa048;text-decoration:underline}@media(max-width: 768px){.farm-footer{padding:6px 0}.farm-footer .footer-content{padding:0 16px}.farm-footer .footer-content .copyright-text{font-size:13px}}@media screen and (min-width: 3840px){.farm-footer{padding:32px 0}.farm-footer .footer-content{padding:0 40px;max-width:1800px}.farm-footer .footer-content .copyright-text{font-size:24px;line-height:24px;letter-spacing:.4px}.farm-footer .footer-content .footer-separator{margin:0 16px;height:24px}.farm-footer .footer-content .privacy-link{font-size:24px;line-height:24px;letter-spacing:.4px}}
.io-chart{width:100%;display:block}.io-chart .io-chart-area{width:100%;height:100%;display:block}
.pond-history{width:100%;height:100%;margin-top:-5px}.pond-history .chart-grid{height:calc(100% - 50px);overflow-y:auto;display:flex;flex-direction:column;gap:24px;overflow-x:hidden;max-width:100%;box-sizing:border-box;padding:20px}.pond-history .chart-grid .chart-row{display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:10px 28px 16px 28px;transition:box-shadow .25s,transform .18s,border-color .18s;position:relative;min-width:0;border:1.5px solid #f3f7fa;margin-bottom:0;min-height:600px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden;overflow-x:hidden}.pond-history .chart-grid .chart-row:hover{box-shadow:0 12px 32px 0 rgba(255,160,72,.22),0 2px 8px 0 rgba(0,0,0,.1);transform:translateY(-4px) scale(1.01);border-color:#ffa048;cursor:pointer;z-index:2}.pond-history .chart-grid .chart-header{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:1.25rem;font-weight:600;color:#111d5e;margin-bottom:8px;box-sizing:border-box;max-width:100%;position:relative}.pond-history .chart-grid .chart-code-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;aspect-ratio:1/1;border-radius:50%;font-size:1.05em;font-weight:800;background:rgba(255,160,72,.1333333333);color:#ffa048;border:2.5px solid #ffa048;box-shadow:0 2px 8px rgba(255,160,72,.1333333333);margin-right:8px;letter-spacing:0;word-break:keep-all;white-space:nowrap;text-align:center;overflow:hidden;padding:0 4px;text-overflow:ellipsis}.pond-history .chart-grid .chart-title{line-height:2.4em;font-size:2.4em;font-weight:bold;letter-spacing:.5px}.pond-history .chart-grid .chart-unit{font-size:.98em;color:#888;font-weight:400;min-width:0}.pond-history .chart-grid .chart-summary{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:auto;box-sizing:border-box;max-width:100%;width:100%}.pond-history .chart-grid .summary-item{display:inline-block;border-radius:999px;padding:3px 16px;font-weight:600;background:#f6e6fa;color:#a259c6;margin-right:4px;font-size:1.2em}.pond-history .chart-grid .summary-item b{color:#ffa048;font-weight:700}.pond-history .chart-grid .summary-min{background:#e3f6fd;color:#0099e5}.pond-history .chart-grid .summary-max{background:#fff7e6;color:#ffa048}.pond-history .chart-grid .summary-latest{background:#22c55e;color:#fff;border:2px solid #22c55e;font-size:1.43em;line-height:1.43em;font-weight:700;padding:10px 22px;box-shadow:0 2px 8px rgba(255,160,72,.2);letter-spacing:.5px;text-shadow:0 1px 2px rgba(255,160,72,.3333333333)}.pond-history .chart-grid .summary-latest b{color:#fff}.pond-history .chart-grid .summary-latest.warning{background:#ff3b3b;color:#fff;border:2px solid #ff3b3b;box-shadow:0 2px 8px rgba(255,59,59,.3333333333);text-shadow:0 1px 2px rgba(255,59,59,.3333333333)}.pond-history .chart-grid .summary-floor,.pond-history .chart-grid .summary-ceiling{background:#f3f7fa;color:#111d5e;border:1.5px solid #a8cffc;font-size:1.4em;line-height:1.4em;padding:8px 18px}.pond-history .chart-grid .chart-content{flex:1 1 auto;min-width:0;max-width:100%;width:100%;overflow:visible;min-height:500px;height:auto;box-sizing:border-box;padding-bottom:48px;box-sizing:border-box;max-width:100%}.pond-history .chart-grid .chart-content-nodata{background:#f9f6f6;display:flex;align-items:center;justify-content:center;min-height:100px}.pond-history .chart-grid .no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#b0b0b0;font-size:1.1em;font-weight:500}.pond-history .chart-grid .no-data-message .no-data-icon{font-size:2.2em;margin-bottom:56px}.pond-history .chart-grid .no-data-message .no-data-text{font-size:1.1em;color:#b0b0b0}.pond-history .ui.grid.chart-grid{display:flex;flex-flow:column;height:100%;margin:0px}@media(max-width: 900px){.pond-history .chart-grid{gap:14px}.pond-history .chart-grid .chart-row{padding:10px 6px 6px 6px;min-height:400px;max-width:100%;width:100%}.pond-history .chart-grid .chart-header{font-size:1.05rem}.pond-history .chart-grid .chart-summary{font-size:.93em}.pond-history .chart-grid .chart-code-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:1.05em;font-weight:800;background:rgba(255,160,72,.1333333333);color:#ffa048;border:2.5px solid #ffa048;box-shadow:0 2px 8px rgba(255,160,72,.1333333333);margin-right:8px;letter-spacing:0;word-break:keep-all;white-space:nowrap;text-align:center;overflow:hidden;padding:0;text-overflow:ellipsis}.pond-history .chart-grid .chart-content{min-height:320px;height:auto;padding-bottom:36px}}@media(max-width: 600px){.pond-history .chart-grid{gap:8px}.pond-history .chart-grid .chart-row{padding:6px 2px 2px 2px;font-size:12px;min-height:180px;max-width:100%;width:100%}.pond-history .chart-grid .chart-header{font-size:1em}.pond-history .chart-grid .chart-summary{font-size:.9em;gap:8px}.pond-history .chart-grid .chart-code-icon{width:32px;height:32px;font-size:.85em}.pond-history .chart-grid .chart-content{min-height:120px;height:auto;padding-bottom:24px}}@media(min-width: 1366px){.pond-history .chart-grid .chart-title{line-height:2em;font-size:2em}.pond-history .chart-grid .summary-latest{font-size:.8em;line-height:.8em}.pond-history .chart-grid .summary-ceiling,.pond-history .chart-grid .summary-floor{font-size:.8em;line-height:.8em}}@media(min-width: 1440px){.pond-history .chart-grid .chart-title{line-height:2.2em;font-size:2.2em}.pond-history .chart-grid .summary-latest{font-size:1em;line-height:1em}.pond-history .chart-grid .summary-ceiling,.pond-history .chart-grid .summary-floor{font-size:1em;line-height:1em}}@media(min-width: 1600px){.pond-history .chart-grid .chart-title{line-height:2.4em;font-size:2.4em}.pond-history .chart-grid .summary-latest{font-size:1.2em;line-height:1.2em}.pond-history .chart-grid .summary-ceiling,.pond-history .chart-grid .summary-floor{font-size:1.2em;line-height:1.2em}}@media(min-width: 2560px){.pond-history{font-size:2.2rem}.pond-history .chart-grid .chart-header{font-size:1.5rem}.pond-history .chart-grid .chart-title{font-size:4.8rem}.pond-history .chart-grid .chart-unit{font-size:1.5em}.pond-history .chart-grid .chart-summary{font-size:1rem;gap:32px}.pond-history .chart-grid .chart-code-icon{width:96px;height:96px;font-size:1.8em}.pond-history .chart-grid .summary-item{font-size:2rem;padding:10px 36px}.pond-history .chart-grid .summary-latest,.pond-history .chart-grid .summary-floor,.pond-history .chart-grid .summary-ceiling{font-size:2.4em;padding:14px 44px;line-height:2.4em}.pond-history .chart-grid .chart-row{padding:44px 56px 32px 56px;min-height:900px}.pond-history .chart-grid .chart-content{min-height:700px;padding-bottom:96px}.pond-history .chart-grid .no-data-message{font-size:2.2rem}.pond-history .chart-grid .no-data-icon{font-size:4.5em;margin-bottom:96px}.pond-history .chart-grid .no-data-text{font-size:2.2rem}}@media(max-width: 1365px){.pond-history .chart-grid .chart-title{line-height:2em;font-size:2em}.pond-history .chart-grid .chart-header{row-gap:0}.pond-history .chart-grid .chart-summary{position:relative;left:0;top:0;transform:none}.pond-history .chart-grid .summary-latest{font-size:.8em;line-height:.8em}.pond-history .chart-grid .summary-ceiling,.pond-history .chart-grid .summary-floor{font-size:.8em;line-height:.8em}}
.time-button{position:relative;margin:0;border:2px solid #111d5e;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;padding:10px 16px;min-width:110px;background:linear-gradient(135deg, #fff 0%, #f8f9ff 100%);color:#111d5e;cursor:pointer;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);letter-spacing:.3px;text-align:center;box-shadow:0 2px 8px rgba(17,29,94,.12);overflow:hidden}.time-button:hover{border-color:#0d1647;background:linear-gradient(135deg, #111D5E 0%, #0d1647 100%);color:#fff;box-shadow:0 6px 20px rgba(17,29,94,.3);transform:translateY(-2px)}.time-button:focus{outline:none;border-color:#0d1647;box-shadow:0 0 0 3px rgba(17,29,94,.2),0 6px 20px rgba(17,29,94,.3)}.time-button.selected{background:linear-gradient(135deg, #111D5E 0%, #0d1647 100%);color:#fff;border-color:#0d1647;box-shadow:0 4px 16px rgba(17,29,94,.4);transform:translateY(-1px)}.time-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(17,29,94,.3)}.time-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(17,29,94,.12)}.time-button:disabled:hover{transform:none;background:linear-gradient(135deg, #fff 0%, #f8f9ff 100%);color:#111d5e;border-color:#111d5e;box-shadow:0 2px 8px rgba(17,29,94,.12)}@media(max-width: 600px){.time-button{width:100%;min-width:0;margin:0;font-size:14px;padding:12px 16px}}@media(min-width: 2560px){.time-button{font-size:1.8rem;min-width:240px;padding:20px 36px;border-radius:12px}}
.time-toolbar{display:flex;flex-wrap:wrap;width:100%;align-items:center;justify-content:center;height:fit-content;gap:12px;padding:10px 20px}.time-toolbar label{margin:0 8px;font-weight:600;color:#111d5e;font-size:1rem}.time-toolbar .apply-button{position:relative;margin:0;border:2px solid #22c55e;border-radius:8px;font-size:14px;font-weight:600;line-height:1.4;padding:10px 20px;background:linear-gradient(135deg, #22C55E 0%, #16A249 100%);color:#fff;cursor:pointer;transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);letter-spacing:.3px;text-align:center;box-shadow:0 2px 8px rgba(34,197,94,.3);min-width:90px;overflow:hidden}.time-toolbar .apply-button:hover{background:linear-gradient(135deg, #16A249 0%, #15803D 100%);box-shadow:0 6px 20px rgba(34,197,94,.4);transform:translateY(-2px)}.time-toolbar .apply-button:focus{outline:none;box-shadow:0 0 0 3px rgba(34,197,94,.2),0 6px 20px rgba(34,197,94,.4)}.time-toolbar .apply-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(34,197,94,.3)}@media(max-width: 600px){.time-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.time-toolbar .apply-button{width:100%;margin:0;font-size:14px;padding:12px 16px}}@media(min-width: 2560px){.time-toolbar{font-size:1.8rem;gap:32px;padding:32px 40px;border-radius:16px}.time-toolbar .apply-button{font-size:1.8rem;min-width:240px;padding:20px 36px;border-radius:12px}}
.thingsboard-page{height:100%;min-height:768px;display:flex}#root{overflow:auto;display:flex;flex-direction:column;background:#f6f1f1}#root::-webkit-scrollbar{width:10px}@media(max-width: 575px){#root::-webkit-scrollbar{width:1px}}
.phone-input{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.phone-input.invalid .phone-input-container{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.phone-input.invalid .error-message{display:block}.phone-input .phone-input-container{display:flex;align-items:center;border:2px solid #e1e8ed;border-radius:12px;background:#fff;transition:all .3s ease;overflow:hidden}.phone-input .phone-input-container:hover{border-color:#f97316}.phone-input .phone-input-container:focus-within{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.phone-input .country-selector{position:relative;flex-shrink:0}.phone-input .country-selector .country-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border:none;border-right:2px solid #e1e8ed;cursor:pointer;transition:all .2s ease;min-width:120px}.phone-input .country-selector .country-button:hover{background:#fff7ed;border-color:#f97316}.phone-input .country-selector .country-button:disabled{opacity:.6;cursor:not-allowed}.phone-input .country-selector .country-button .flag{font-size:18px;line-height:1}.phone-input .country-selector .country-button .dial-code{font-weight:600;color:#2c3e50;font-size:16px}.phone-input .country-selector .country-button .chevron{font-size:12px;color:#6c757d;transition:transform .2s ease;margin-left:auto}.phone-input .country-selector .country-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px}.phone-input .country-selector .country-dropdown .dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff7ed;border-bottom:1px solid #e1e8ed;font-weight:600;color:#495057;font-size:14px}.phone-input .country-selector .country-dropdown .dropdown-header svg{color:#f97316}.phone-input .country-selector .country-dropdown .country-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:background-color .2s ease;text-align:left}.phone-input .country-selector .country-dropdown .country-option:hover{background:#fff7ed}.phone-input .country-selector .country-dropdown .country-option:active{background:#fed7aa}.phone-input .country-selector .country-dropdown .country-option .flag{font-size:16px;line-height:1;flex-shrink:0}.phone-input .country-selector .country-dropdown .country-option .country-name{flex:1;font-size:14px;color:#2c3e50;font-weight:500}.phone-input .country-selector .country-dropdown .country-option .dial-code{font-size:13px;color:#6c757d;font-weight:600}.phone-input .input-wrapper{position:relative;flex:1;display:flex;align-items:center}.phone-input .input-wrapper .phone-icon{position:absolute;left:16px;color:#f97316;font-size:16px;z-index:1}.phone-input .input-wrapper .phone-input{width:100%;padding:16px 16px 16px 48px;border:none;outline:none;font-size:18px;color:#2c3e50;background:rgba(0,0,0,0);font-weight:500}.phone-input .input-wrapper .phone-input::placeholder{color:#adb5bd;font-weight:400}.phone-input .input-wrapper .phone-input:disabled{opacity:.6;cursor:not-allowed}.phone-input .input-wrapper .phone-input::-webkit-outer-spin-button,.phone-input .input-wrapper .phone-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.phone-input .input-wrapper .phone-input[type=number]{-moz-appearance:textfield}.phone-input .error-message{display:none;margin-top:8px;padding:8px 12px;background:#fdf2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:18px;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width: 2560px){.phone-input .phone-input-container{border-radius:16px;border-width:3px}.phone-input .country-selector .country-button{padding:20px 24px;min-height:72px;min-width:160px}.phone-input .country-selector .country-button .flag{font-size:24px}.phone-input .country-selector .country-button .dial-code{font-size:18px}.phone-input .country-selector .country-button .chevron{font-size:16px}.phone-input .input-wrapper .phone-input{padding:20px 20px 20px 64px;font-size:18px;min-height:72px}.phone-input .input-wrapper .phone-icon{font-size:20px;left:20px}.phone-input .error-message{margin-top:12px;padding:12px 16px;font-size:20px;border-radius:8px}}@media(min-width: 3840px){.phone-input .phone-input-container{border-radius:20px;border-width:4px}.phone-input .country-selector .country-button{padding:28px 32px;min-height:96px;min-width:200px}.phone-input .country-selector .country-button .flag{font-size:32px}.phone-input .country-selector .country-button .dial-code{font-size:24px}.phone-input .country-selector .country-button .chevron{font-size:20px}.phone-input .input-wrapper .phone-input{padding:28px 28px 28px 80px;font-size:24px;min-height:96px}.phone-input .input-wrapper .phone-icon{font-size:28px;left:28px}.phone-input .error-message{margin-top:16px;padding:16px 20px;font-size:24px;border-radius:12px}}@media(min-width: 1920px)and (max-width: 2559px){.phone-input .phone-input-container{border-radius:14px;border-width:2px}.phone-input .country-selector .country-button{padding:16px 20px;min-height:64px;min-width:140px}.phone-input .country-selector .country-button .flag{font-size:20px}.phone-input .country-selector .country-button .dial-code{font-size:16px}.phone-input .country-selector .country-button .chevron{font-size:14px}.phone-input .input-wrapper .phone-input{padding:18px 18px 18px 56px;font-size:17px;min-height:64px}.phone-input .input-wrapper .phone-icon{font-size:18px;left:18px}.phone-input .error-message{margin-top:10px;padding:10px 14px;font-size:18px;border-radius:7px}}@media(max-width: 768px){.phone-input .phone-input-container{flex-direction:column;border-radius:10px;border-width:2px}.phone-input .country-selector{width:100%}.phone-input .country-selector .country-button{width:100%;justify-content:center;border-right:none;border-bottom:2px solid #e1e8ed;border-radius:8px 8px 0 0;padding:14px 16px;min-height:52px}.phone-input .country-selector .country-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90vw;max-width:400px;max-height:60vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.phone-input .input-wrapper .phone-input{padding:16px 16px 16px 48px;font-size:16px;min-height:52px}.phone-input .error-message{margin-top:8px;padding:8px 12px;font-size:16px;border-radius:6px}}@media(max-width: 480px){.phone-input .phone-input-container{border-radius:8px}.phone-input .country-selector .country-button{padding:12px 16px;min-height:48px;border-radius:6px 6px 0 0}.phone-input .country-selector .country-button .flag{font-size:16px}.phone-input .country-selector .country-button .dial-code{font-size:13px}.phone-input .input-wrapper .phone-input{padding:14px 16px 14px 48px;min-height:48px;font-size:16px}.phone-input .input-wrapper .phone-icon{font-size:14px;left:14px}.phone-input .error-message{margin-top:6px;padding:6px 10px;font-size:14px;border-radius:5px}}@media(max-width: 360px){.phone-input .phone-input-container{border-radius:6px}.phone-input .country-selector .country-button{padding:10px 12px;min-height:44px}.phone-input .country-selector .country-button .flag{font-size:14px}.phone-input .country-selector .country-button .dial-code{font-size:12px}.phone-input .input-wrapper .phone-input{padding:12px 12px 12px 40px;min-height:44px;font-size:16px}.phone-input .input-wrapper .phone-icon{font-size:12px;left:12px}.phone-input .error-message{margin-top:4px;padding:4px 8px;font-size:12px;border-radius:4px}}@media(prefers-color-scheme: dark){.phone-input .phone-input-container{background:#2d3748;border-color:#4a5568}.phone-input .phone-input-container:hover{border-color:#f97316}.phone-input .phone-input-container:focus-within{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.phone-input .country-selector .country-button{background:#4a5568;border-color:#4a5568}.phone-input .country-selector .country-button:hover{background:#2d3748;border-color:#f97316}.phone-input .country-selector .country-button .dial-code{color:#e2e8f0}.phone-input .country-selector .country-dropdown{background:#2d3748;border-color:#4a5568}.phone-input .country-selector .country-dropdown .dropdown-header{background:#4a5568;border-color:#4a5568;color:#e2e8f0}.phone-input .country-selector .country-dropdown .country-option:hover{background:#4a5568}.phone-input .country-selector .country-dropdown .country-option:active{background:#2d3748}.phone-input .country-selector .country-dropdown .country-option .country-name{color:#e2e8f0}.phone-input .input-wrapper .phone-icon{color:#f97316}.phone-input .input-wrapper .phone-input{color:#e2e8f0}.phone-input .input-wrapper .phone-input::placeholder{color:#718096}.phone-input .error-message{background:#742a2a;border-color:#c53030;color:#feb2b2}}
.login-background{width:100%;min-height:100vh;display:flex;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.login-background::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 160, 72, 0.1) 0%, rgba(255, 179, 102, 0.1) 100%);z-index:1}.login-background .login-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:2}.login-background .login-page .login-form{width:100%;max-width:1000px;display:flex;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden;min-height:600px}.left-form{flex:1;padding:2.5rem;background:#fff;display:flex;flex-direction:column;justify-content:center}.left-form .form-section{width:100%;max-width:400px;margin:0 auto}.form-section .form-header{text-align:center;margin-bottom:2rem}.form-section .form-header .header-icon{width:80px;height:80px;background:linear-gradient(135deg, #ffa048 0%, #ff8c2e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.form-section .form-header .header-icon svg{width:72px;height:72px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));font-size:72px}.form-section .form-header .form-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.form-section .form-header .form-subtitle{font-size:1rem;color:#64748b;margin:0;line-height:1.5}.form-section .form-field{margin-bottom:1.5rem}.form-section .form-field .field-label{display:block;font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.form-section .form-field .input{width:100%;height:48px;border:2px solid #e2e8f0;border-radius:12px;padding:0 1rem;font-size:1rem;transition:all .2s ease;background:#f8fafc}.form-section .form-field .input:focus{border-color:#ffa048;box-shadow:0 0 0 3px rgba(255,160,72,.1);outline:none}.form-section .form-field .input::placeholder{color:#94a3b8}.form-section .form-actions{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.form-section .message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.form-section .message i.icon{font-size:1.125rem}.form-section .message.error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.form-section .message.success{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.primary-button,.secondary-button{width:100%;height:48px;border-radius:12px;font-size:1.125rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-button{background:linear-gradient(135deg, #ffa048 0%, #ff8c2e 100%);color:#fff}.primary-button i.icon{font-size:1rem}.primary-button:hover:not(:disabled){background:linear-gradient(135deg, #ff8c2e 0%, #ff7a1a 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.primary-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.secondary-button{background:rgba(0,0,0,0);color:#ffa048;border:2px solid #ffa048}.secondary-button:hover{background:#ffa048;color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.verification-container{width:100%;max-width:400px;margin:0 auto}.verification-container .verification-content{text-align:center}.verification-container .verification-content h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.verification-container .verification-content .verification-code-section{margin-bottom:2rem}.verification-container .verification-content .verification-code-section .verification-input{width:200px;height:60px;border:2px solid #e2e8f0;border-radius:12px;text-align:center;font-size:1.5rem;font-weight:600;margin:0 auto;transition:all .2s ease;background:#f8fafc}.verification-container .verification-content .verification-code-section .verification-input:focus{border-color:#ffa048;box-shadow:0 0 0 3px rgba(255,160,72,.1);outline:none}.verification-container .verification-content .verification-code-section .verification-input::placeholder{color:#94a3b8;font-size:1rem}.verification-container .verification-content .verification-message{margin-bottom:2rem}.verification-container .verification-content .verification-message p{color:#64748b;line-height:1.6;margin-bottom:.5rem}.verification-container .verification-content .verification-actions .secondary-button{width:auto;padding:0 2rem}.right-form{flex:1;background:linear-gradient(135deg, #ffa048 0%, #ff8c2e 50%, #ff7a1a 100%);color:#fff;padding:3rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.right-form::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"rgba%28255,255,255,0.1%29\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"rgba%28255,255,255,0.1%29\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url%28%23grain%29\"/></svg>");opacity:.3}.right-form .brand-section{position:relative;z-index:2;text-align:center;width:100%}.right-form .brand-section .brand-content .brand-logo{margin-bottom:1.5rem}.right-form .brand-section .brand-content .brand-logo h1{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(45deg, #ffffff, #f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.right-form .brand-section .brand-content .brand-slogan{margin-bottom:1.5rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:1.5rem;font-weight:600;margin:0;opacity:.9}.right-form .brand-section .brand-content .brand-description{margin-bottom:3rem}.right-form .brand-section .brand-content .brand-description p{font-size:1rem;line-height:1.6;opacity:.8;margin:0}.right-form .brand-section .brand-content .brand-features{display:flex;flex-direction:column;gap:1rem}.right-form .brand-section .brand-content .brand-features .feature-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.right-form .brand-section .brand-content .brand-features .feature-item i.icon{font-size:1.25rem;opacity:.9}.right-form .brand-section .brand-content .brand-features .feature-item span{font-size:1rem;line-height:1rem;font-weight:600;opacity:.9}@media(min-width: 2560px){.login-background .login-page{padding:3rem}.login-background .login-page .login-form{max-width:1400px;min-height:700px;border-radius:32px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.left-form{padding:4rem 3rem}.left-form .form-section{max-width:600px}.left-form .form-section .form-header{margin-bottom:3rem}.left-form .form-section .form-header .header-icon{width:120px;height:120px;margin-bottom:2rem}.left-form .form-section .form-header .header-icon svg{width:108px;height:108px;font-size:108px}.left-form .form-section .form-header .form-title{font-size:3rem;margin-bottom:1rem}.left-form .form-section .form-header .form-subtitle{font-size:1.5rem;line-height:1.6}.left-form .form-section .form-field{margin-bottom:2rem}.left-form .form-section .form-actions{margin-top:3rem;gap:1.5rem}.left-form .form-section .form-actions .primary-button,.left-form .form-section .form-actions .secondary-button{height:64px;font-size:1.5rem;border-radius:16px}.right-form{padding:4rem 3rem}.right-form .brand-section .brand-content .brand-logo h1{font-size:5.5rem;margin-bottom:2rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:2.75rem;margin-bottom:2rem}.right-form .brand-section .brand-content .brand-description{margin-bottom:4rem}.right-form .brand-section .brand-content .brand-description p{font-size:1.75rem;line-height:1.7}.right-form .brand-section .brand-content .brand-features{gap:1.5rem}.right-form .brand-section .brand-content .brand-features .feature-item{padding:1.5rem;border-radius:16px}.right-form .brand-section .brand-content .brand-features .feature-item i.icon{font-size:2rem}.right-form .brand-section .brand-content .brand-features .feature-item span{font-size:1.5rem}.message{margin-top:1.5rem;padding:1.25rem 1.5rem;font-size:1.375rem;border-radius:12px}.message i.icon{font-size:1.5rem}}@media(min-width: 1920px)and (max-width: 2559px){.login-background .login-page{padding:2.5rem}.login-background .login-page .login-form{max-width:1200px;min-height:650px;border-radius:28px}.left-form{padding:3rem 2.5rem}.left-form .form-section{max-width:500px}.left-form .form-section .form-header{margin-bottom:2.5rem}.left-form .form-section .form-header .header-icon{width:100px;height:100px;margin-bottom:1.5rem}.left-form .form-section .form-header .header-icon svg{width:90px;height:90px;font-size:90px}.left-form .form-section .form-header .form-title{font-size:2.5rem;margin-bottom:.75rem}.left-form .form-section .form-header .form-subtitle{font-size:1.375rem}.left-form .form-section .form-field{margin-bottom:1.75rem}.left-form .form-section .form-actions{margin-top:2.5rem;gap:1.25rem}.left-form .form-section .form-actions .primary-button,.left-form .form-section .form-actions .secondary-button{height:56px;font-size:1.375rem;border-radius:14px}.right-form{padding:3rem 2.5rem}.right-form .brand-section .brand-content .brand-logo h1{font-size:4rem;margin-bottom:1.5rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:2rem;margin-bottom:1.5rem}.right-form .brand-section .brand-content .brand-description{margin-bottom:3rem}.right-form .brand-section .brand-content .brand-description p{font-size:1.5rem}.right-form .brand-section .brand-content .brand-features{gap:1.25rem}.right-form .brand-section .brand-content .brand-features .feature-item{padding:1.25rem;border-radius:14px}.right-form .brand-section .brand-content .brand-features .feature-item i.icon{font-size:1.5rem}.right-form .brand-section .brand-content .brand-features .feature-item span{font-size:1.25rem}.message{margin-top:1.25rem;padding:1rem 1.25rem;font-size:1.25rem;border-radius:10px}.message i.icon{font-size:1.375rem}}@media(max-width: 1024px){.login-background .login-page{padding:1rem}.login-background .login-page .login-form{max-width:800px;min-height:550px}.left-form{padding:1.5rem}.left-form .form-section{max-width:500px}.left-form .form-section .form-header .header-icon{width:72px;height:72px}.left-form .form-section .form-header .header-icon svg{width:64px;height:64px;font-size:64px}.left-form .form-section .form-header .form-title{font-size:1.75rem}.right-form{padding:2rem}.right-form .brand-section .brand-content .brand-logo h1{font-size:2.5rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:1.25rem}}@media(max-width: 768px){.login-background .login-page{padding:.75rem;align-items:flex-start;padding-top:2rem}.login-background .login-page .login-form{flex-direction:column;max-width:100%;min-height:auto;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.left-form{padding:2rem 1.5rem;flex:1}.left-form .form-section{max-width:100%}.left-form .form-section .form-header .header-icon{width:60px;height:60px;margin-bottom:1rem}.left-form .form-section .form-header .header-icon svg{width:52px;height:52px;font-size:52px}.left-form .form-section .form-header .form-title{font-size:1.625rem;margin-bottom:.375rem}.left-form .form-section .form-header .form-subtitle{font-size:1rem;line-height:1.4}.left-form .form-section .form-field{margin-bottom:1.25rem}.left-form .form-section .form-actions{margin-top:1.5rem}.right-form{padding:1.5rem;min-height:200px;order:1}.right-form .brand-section .brand-content .brand-logo h1{font-size:1.75rem;margin-bottom:.75rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:1rem;margin-bottom:.75rem}.right-form .brand-section .brand-content .brand-description{margin-bottom:1.5rem}.right-form .brand-section .brand-content .brand-description p{font-size:.875rem;line-height:1.4}.right-form .brand-section .brand-content .brand-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.75rem}.right-form .brand-section .brand-content .brand-features .feature-item{flex:1;min-width:100px;max-width:120px;padding:.75rem .5rem}.right-form .brand-section .brand-content .brand-features .feature-item i.icon{font-size:1rem}.right-form .brand-section .brand-content .brand-features .feature-item span{font-size:.75rem;line-height:1.2}.form-actions{flex-direction:column;gap:.75rem}.form-actions .primary-button,.form-actions .secondary-button{height:52px;font-size:1.125rem}.message{margin-top:.75rem;padding:.875rem;font-size:1rem}.message i.icon{font-size:1.125rem}}@media(max-width: 480px){.login-background .login-page{padding:.5rem;padding-top:1rem}.login-background .login-page .login-form{border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.left-form{padding:1.5rem 1rem}.left-form .form-section .form-header{margin-bottom:1.5rem}.left-form .form-section .form-header .header-icon{width:56px;height:56px;margin-bottom:.875rem}.left-form .form-section .form-header .header-icon svg{width:48px;height:48px;font-size:48px}.left-form .form-section .form-header .form-title{font-size:1.5rem;margin-bottom:.25rem}.left-form .form-section .form-header .form-subtitle{font-size:.9375rem}.left-form .form-section .form-field{margin-bottom:1rem}.left-form .form-section .form-actions{margin-top:1.25rem;gap:.625rem}.left-form .form-section .form-actions .primary-button,.left-form .form-section .form-actions .secondary-button{height:48px;font-size:1.0625rem;border-radius:10px}.right-form{padding:1.25rem 1rem;min-height:180px}.right-form .brand-section .brand-content .brand-logo h1{font-size:1.5rem;margin-bottom:.5rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:.9375rem;margin-bottom:.5rem}.right-form .brand-section .brand-content .brand-description{margin-bottom:1.25rem}.right-form .brand-section .brand-content .brand-description p{font-size:.8125rem}.right-form .brand-section .brand-content .brand-features{gap:.5rem}.right-form .brand-section .brand-content .brand-features .feature-item{min-width:80px;max-width:100px;padding:.625rem .375rem}.right-form .brand-section .brand-content .brand-features .feature-item i.icon{font-size:.875rem}.right-form .brand-section .brand-content .brand-features .feature-item span{font-size:.6875rem}.message{margin-top:.625rem;padding:.75rem;font-size:.9375rem;border-radius:6px}.message i.icon{font-size:1rem}.verification-container .verification-content .verification-code-section .verification-input{width:140px;height:48px;font-size:1.125rem;border-radius:10px}}@media(max-width: 360px){.login-background .login-page{padding:.25rem;padding-top:.75rem}.login-background .login-page .login-form{border-radius:8px}.left-form{padding:1.25rem .75rem}.left-form .form-section .form-header .header-icon{width:52px;height:52px}.left-form .form-section .form-header .header-icon svg{width:44px;height:44px;font-size:44px}.left-form .form-section .form-header .form-title{font-size:1.375rem}.left-form .form-section .form-header .form-subtitle{font-size:.875rem}.left-form .form-section .form-actions .primary-button,.left-form .form-section .form-actions .secondary-button{height:44px;font-size:1rem}.right-form{padding:1rem .75rem;min-height:160px}.right-form .brand-section .brand-content .brand-logo h1{font-size:1.375rem}.right-form .brand-section .brand-content .brand-slogan h2{font-size:.875rem}.right-form .brand-section .brand-content .brand-description p{font-size:.75rem}.right-form .brand-section .brand-content .brand-features .feature-item{min-width:70px;max-width:90px;padding:.5rem .25rem}.right-form .brand-section .brand-content .brand-features .feature-item span{font-size:.625rem}}
.contacts{background-color:#3a525b;color:#fff;padding:10px 0px;display:flex;align-items:center;clip-path:polygon(0 0, 100% 0%, 100% 100%, 20% 100%);border-radius:5px;font-family:Arial,sans-serif;height:50px;width:100%;min-width:440px}.contacts .info{margin-left:20%;display:flex;justify-content:space-between;width:70%}.contacts a{color:#fff;font-family:Arial,Helvetica,sans-serif}.contacts a:hover span{text-decoration:underline;text-underline-offset:5px}.contacts a.phone{margin-left:25px}.contacts a i,.contacts a span{font-size:18px}.contacts a i.mail,.contacts a i.phone{display:inline-block !important}.contacts a i.phone{color:#3a525b;background-color:#fff;transform:scaleX(-1);width:1.18em;height:1.18em;border-radius:100%}.contacts a i.phone:before{font-size:12px}@media(max-width: 1100px){.contacts a,.contacts a span{font-size:14px}}
.menu-navbar{margin:20px 0px;display:flex;align-items:center;position:relative}.menu-navbar .logo{height:70px;width:300px}.menu-navbar .logo img{height:100%}.menu-navbar .link{margin:0px 12px;font-size:24px;cursor:pointer}.menu-navbar .link:hover{color:#ffa048}.menu-navbar .link.active{color:#ffa048;font-weight:bold}.menu-navbar .menu{display:flex;align-items:center}.menu-navbar .menu .sub-menu.ui.menu{margin:0px;border:0px;box-shadow:none;background-color:rgba(0,0,0,0);font-family:Arial,Helvetica,sans-serif}.menu-navbar .menu .sub-menu.ui.menu .item:before{display:none}.menu-navbar .menu .sub-menu.ui.menu .ui.item.simple.dropdown{padding:0px;border:0px;background-color:rgba(0,0,0,0)}.menu-navbar .menu .sub-menu.ui.menu .ui.item.simple.dropdown .menu{border:1px solid #fff !important;box-shadow:0px 0px 2px 1px rgba(203,195,187,.45);border-radius:8px;overflow:hidden}.menu-navbar .menu .sub-menu.ui.menu .ui.item.simple.dropdown .menu>.item{font-size:16px !important}.menu-navbar .menu .sub-menu.ui.menu .ui.item.simple.dropdown .menu>.item:hover{background-color:#ffa048 !important;color:#fff !important}.menu-navbar .navbar{width:40px;height:40px;margin:0px 10px;border-radius:8px;background-color:#ffa048;display:none;cursor:pointer}.menu-navbar .navbar i{color:#fff;margin:auto;font-size:20px}.menu-navbar .dropdown-menu{position:absolute;display:block;top:70px;z-index:9999;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#fff;overflow:hidden;width:100%;height:0px;margin-top:10px}.menu-navbar .dropdown-menu span{display:block;font-size:20px;line-height:30px;height:50px}.menu-navbar .dropdown-menu.open{animation:slide-down 600ms forwards}.menu-navbar .dropdown-menu.close{animation:shrink 600ms forwards}@keyframes shrink{0%{height:400px}100%{height:0px}}@keyframes slide-down{0%{height:0px;bottom:-20px}100%{height:400px}}@media(max-width: 1100px){.menu-navbar .logo{width:fit-content}}@media(max-width: 900px){.menu-navbar .menu .link{font-size:16px}.menu-navbar .button{padding:12px;font-size:16px}}@media(max-width: 700px){.menu-navbar{width:100%;justify-content:space-between}.menu-navbar .logo{margin:0px 10px}.menu-navbar .menu .link{font-size:16px}.menu-navbar .menu,.menu-navbar .auth{display:none}.menu-navbar .navbar{display:flex}}

.container.header-container{background-color:#fff;display:flex;justify-content:center}.container.header-container .header-wrapper{width:fit-content}.container.header-container .header-wrapper .country-selector{width:140px;margin:10px;height:20px}.container.header-container .header-wrapper .country-selector button{border:none;justify-content:end}.container.header-container .header-wrapper .flex{display:flex;justify-content:space-between}.container.header-container .header-wrapper .flex-end{display:flex;justify-content:end}.container.header-container .header-wrapper .flex-center{display:flex;justify-content:center}.container.header-container .header-wrapper .contacts{width:50%;min-width:530px}.container.header-container .header-wrapper .flex .country-selector{display:block}.container.header-container .header-wrapper .flex-end .country-selector{display:none}@media(max-width: 1100px){.container.header-container .header-wrapper .contacts{min-width:440px}}@media(max-width: 700px){.container.header-container .header-wrapper{width:100%}.container.header-container .header-wrapper .contacts{width:100%;clip-path:unset}.container.header-container .header-wrapper .flex{justify-content:end}.container.header-container .header-wrapper .flex .country-selector{display:none}.container.header-container .header-wrapper .flex-end .country-selector{display:block}}
.landing-container{background-color:#f6f1f1;font-family:Arial,Helvetica,sans-serif !important}
.notification .notification-icon.fa-regular.fa-bell{position:relative;font-size:25pt;color:#f37121;cursor:pointer}.notification .notification-icon.fa-regular.fa-bell.empty{color:#f5bf8a}.notification .notification-icon.fa-regular.fa-bell .badge{position:absolute;top:-8px;right:-6px;border-radius:50%;background-color:#c70039;color:#fff;font-size:10px;width:21px;height:21px;display:table}.notification .notification-icon.fa-regular.fa-bell .badge span{text-align:center;justify-content:center;display:table-cell;vertical-align:middle}.ui.message.notification-message{background-color:#fff;color:#f37121;font-size:14px;display:grid;position:relative;padding:8px 12px;width:300px;border-radius:0%;cursor:pointer}.ui.message.notification-message .message-header{display:flex;margin-top:8px;margin-bottom:8px}.ui.message.notification-message .message-header .icon{border-radius:50%;background-color:#fff;color:#f37121;width:25px;height:25px;display:table;border:1pt solid #f37121}.ui.message.notification-message .message-header .icon span{font-size:24px;line-height:24px;font-weight:bold;text-align:center;justify-content:center;display:table-cell;vertical-align:middle}.ui.message.notification-message .message-text{display:flex;justify-content:center;margin-bottom:10px}.ui.message.notification-message .message-time{display:flex;justify-content:flex-end;font-size:12px;color:#a0a0a0}.ui.message.notification-message .unread-markpoint{position:absolute;top:14px;right:14px;border-radius:50%;background-color:#c70039;color:#fff;font-size:10px;width:15px;height:15px;display:table}.ui.message.notification-message .unread-markpoint span{text-align:center;justify-content:center;display:table-cell;vertical-align:middle}.ui.popup.notification-popup.visible{margin-top:12px;padding:12px 12px;padding-right:2px}.ui.popup.notification-popup.visible .content{overflow-y:auto;height:100%;overflow-x:hidden;padding-right:10px}.ui.popup.notification-popup.visible .content::-webkit-scrollbar{width:5px}
.working-header-container{background-color:#fff;padding:8px 40px;border-bottom:1px solid #ddd}.working-header-container .button{background-color:#ffa048;color:#fff;padding:16px 20px;margin:0px 10px;border-radius:20px;font-size:22px;cursor:pointer;width:fit-content}.working-header-container .mobile-header-contact-wrapper,.working-header-container .mobile-header-feature-wrapper{display:none}.working-header-container .link{margin:0px 12px;font-size:24px;color:#005fb7;cursor:pointer}.working-header-container .link:hover{color:#ffa048}.working-header-container .link.active{color:#ffa048;font-weight:bold}.working-header-container .country-selector{width:140px;margin:10px}.working-header-container .country-selector button{border:none;justify-content:end}.working-header-container .notification{margin-top:-10px}.working-header-container .contact{font-size:16px}.working-header-container .contact a{font-size:18px}.working-header-container .contact a:hover{color:#f37121}.working-header-container .contact i{color:#f37121}.working-header-container .working-header-wrapper{display:flex;align-items:center;justify-content:space-between}.working-header-container .working-header-wrapper>div{display:flex;align-items:center}.working-header-container .working-header-wrapper>div.contact{font-size:16px}.working-header-container .working-header-wrapper>div.contact>div{margin:0px 20px}@media(max-width: 1280px){.working-header-container .working-header-wrapper>div.contact{flex-flow:column;align-items:flex-start}.working-header-container .working-header-wrapper>div.contact a{font-size:14px}.working-header-container .working-header-wrapper>div .link{font-size:18px}.working-header-container .working-header-wrapper>div .button{font-size:18px;text-align:center}.working-header-container .working-header-wrapper>div .country-selector button{font-size:14px !important}.working-header-container .working-header-wrapper>div .notification .notification-icon.fa-regular.fa-bell{font-size:30px}}@media(max-width: 1000px){.working-header-container{padding:20px 20px}}@media(max-width: 900px){.working-header-container .link{font-size:16px}.working-header-container .button{padding:12px;font-size:16px}}@media(max-width: 700px){.working-header-container .working-header-wrapper>div.contact{display:none}.working-header-container .working-header-wrapper>div.feature{display:none}.working-header-container .mobile-header-contact-wrapper{display:flex;align-items:center;justify-content:space-between;margin:5px 0px}.working-header-container .mobile-header-contact-wrapper>div{display:block}.working-header-container .mobile-header-contact-wrapper>div a{font-size:14px}.working-header-container .mobile-header-feature-wrapper{display:flex;align-items:center;justify-content:space-between;margin:5px 0px}.working-header-container .mobile-header-feature-wrapper>div{display:flex;align-items:center;width:100%;justify-content:end}.working-header-container .mobile-header-feature-wrapper>div .country-selector{margin:0px}.working-header-container .mobile-header-feature-wrapper>div .country-selector button{font-size:14px !important}.working-header-container .mobile-header-feature-wrapper>div .notification .notification-icon.fa-regular.fa-bell{font-size:30px}}@media(min-width: 2560px){.working-header-container{padding:5px 80px}.working-header-container .logo{height:60px;width:auto}.working-header-container .button{font-size:26px;padding:18px 24px;margin:0px 15px;border-radius:24px}.working-header-container .link{font-size:28px;margin:0px 20px}.working-header-container .contact{font-size:20px}.working-header-container .contact a{font-size:22px}.working-header-container .contact>div{margin:0px 30px}.working-header-container .country-selector{width:180px;margin:15px}.working-header-container .country-selector button{font-size:18px !important;padding:12px 16px}.working-header-container .notification .notification-icon.fa-regular.fa-bell{font-size:40px}.working-header-container .working-header-wrapper{min-height:80px}.working-header-container .working-header-wrapper>div.contact{font-size:20px}}@media(min-width: 3840px){.working-header-container{padding:8px 120px}.working-header-container .logo{height:80px;width:auto}.working-header-container .button{font-size:32px;padding:22px 32px;margin:0px 20px;border-radius:28px;min-width:200px}.working-header-container .link{font-size:36px;margin:0px 30px}.working-header-container .contact{font-size:24px}.working-header-container .contact a{font-size:26px}.working-header-container .contact>div{margin:0px 40px}.working-header-container .country-selector{width:220px;margin:20px}.working-header-container .country-selector button{font-size:22px !important;padding:16px 20px}.working-header-container .notification .notification-icon.fa-regular.fa-bell{font-size:50px}.working-header-container .working-header-wrapper{min-height:100px}.working-header-container .working-header-wrapper>div.contact{font-size:24px}}
.private-policy{background-color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex}.private-policy>div{margin:0 auto;padding:20px;width:80%;max-width:1200px;border-radius:16px;box-shadow:0px 0px 10px 0px #d6d6d6}.private-policy>div>.title{font-weight:bold;font-size:40px;line-height:60px;margin-top:30px;margin-bottom:30px;text-align:center}.private-policy>div>.content{font-size:18px;line-height:24px;text-align:center}.private-policy>div .paragraph{margin:50px 0px}.private-policy>div .paragraph>.title{font-size:28px;line-height:30px;font-weight:bold;margin:20px 0px}.private-policy>div .paragraph>.content{font-size:18px;line-height:30px}.private-policy>div .paragraph>ul{font-size:18px;line-height:30px}.private-policy>div .paragraph>.additional{font-size:18px;line-height:30px}@media(max-width: 700px){.private-policy>div{width:100%}}
.media-viewer{text-align:center;max-width:800px;margin:0 auto}.media-viewer .content-display{width:100%;height:430px;display:flex;justify-content:center;align-items:center;border-radius:8px;margin-bottom:20px;overflow:hidden}.media-viewer .content-display img,.media-viewer .content-display video{width:100%;max-width:100%;max-height:100%;object-fit:contain}.media-viewer .slider{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 45px}.media-viewer .slider .slider-button{cursor:pointer;background:none;color:#ffa048;border:none;display:flex;justify-content:center;align-items:center;position:absolute;transform:translateX(-50%)}.media-viewer .slider .slider-button:disabled{opacity:.5;cursor:not-allowed}.media-viewer .slider .slider-button i.icon{font-size:30px;width:auto}.media-viewer .slider .slider-button.right{right:0px}.media-viewer .slider .slider-button.left{left:30px}.media-viewer .slider .thumbnails{display:flex;gap:10px}.media-viewer .slider .thumbnails .thumbnail{position:relative;cursor:pointer;border:2px solid #ccc;border-radius:4px;padding:4px;transition:border .3s ease}.media-viewer .slider .thumbnails .thumbnail.active{border:2px solid #ffa048}.media-viewer .slider .thumbnails .thumbnail img,.media-viewer .slider .thumbnails .thumbnail video{width:80px;height:60px;object-fit:cover}.media-viewer .slider .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;justify-content:center;align-items:center}.media-viewer .slider .play-icon::before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}
.io-tab .ui.attached.tabular.menu{border:none}.io-tab .ui.tabular.menu+.segment{border:none;padding:0px;padding-top:20px}.io-tab .ui.tabular.menu .item{border:none;border-radius:0 0 0 0 !important;padding-left:0px;color:gray;font-family:Arial,Helvetica,sans-serif}.io-tab .ui.tabular.menu .item:not(:first-child){margin-left:10px}.io-tab .ui.tabular.menu .item.active.item{border-radius:0 0 0 0 !important;border-bottom:2px solid rgba(0,0,0,0);border-color:#d4d4d5;color:gray}.io-tab .ui.tabular.menu .item:hover{color:#acacac}.io-tab .ui.tab.segment{font-size:16px}
html{scroll-behavior:smooth}.product-detail{background-color:#f8fafc;min-height:100vh;padding:0 0 50px 0;display:flex;flex-direction:column;align-items:center;width:100%;font-family:"Inter",sans-serif}.product-detail .product-banner{display:flex;width:100%;background:radial-gradient(circle at 85% 30%, rgba(255, 160, 72, 0.06) 0%, rgb(255, 255, 255) 60%);border-radius:0;margin:0 auto 40px auto;padding:80px 10%;min-height:600px;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01);align-items:center;justify-content:space-between;overflow:hidden}.product-detail .product-banner .banner-left{flex:1.2;padding-right:60px}.product-detail .product-banner .banner-left .banner-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg, rgba(255, 160, 72, 0.12) 0%, rgba(255, 160, 72, 0.04) 100%);border:1px solid rgba(255,160,72,.25);padding:6px 14px;border-radius:20px;margin-bottom:24px}.product-detail .product-banner .banner-left .banner-badge .badge-icon{color:#ffa048;font-size:14px;display:flex;align-items:center}.product-detail .product-banner .banner-left .banner-badge .badge-text{font-size:12px;font-weight:700;color:#d96a0b;text-transform:uppercase;letter-spacing:1.5px;font-family:"Inter",sans-serif}.product-detail .product-banner .banner-left .banner-title{font-size:76px;line-height:1.1;font-weight:850;margin:0 0 24px 0;color:#ffa048;font-family:"Inter",sans-serif}.product-detail .product-banner .banner-left .banner-subtitle{font-size:36px;line-height:1.4;font-weight:500;color:#000;margin:0;font-family:"Inter",sans-serif;border-left:8px solid #ffa048;padding-left:24px}.product-detail .product-banner .banner-left .banner-subtitle .highlight-orange{color:#ff9048;font-weight:700}.product-detail .product-banner .banner-left .banner-subtitle .highlight-black{color:#000;font-weight:700}.product-detail .product-banner .banner-left .banner-subtitle .highlight-green{color:#10b981;font-weight:700}.product-detail .product-banner .banner-left .banner-subtitle .highlight-blue{color:#3b82f6;font-weight:700}.product-detail .product-banner .banner-right{flex:1;display:flex;justify-content:flex-end;align-items:center;position:relative}.product-detail .product-banner .banner-right .glow-effect{position:absolute;width:350px;height:350px;background:radial-gradient(circle, rgba(255, 160, 72, 0.2) 0%, rgba(255, 160, 72, 0) 70%);border-radius:50%;filter:blur(40px);z-index:1;pointer-events:none;right:0%;top:50%;transform:translateY(-50%)}.product-detail .product-banner .banner-right .banner-image{max-width:100%;max-height:600px;object-fit:contain;border-radius:8px;z-index:2;transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1)}.product-detail .product-banner .banner-right .banner-image:hover{transform:scale(1.03)}.product-detail .product-overview{display:flex;width:80%;min-width:1100px;height:fit-content;padding:40px 20px;background-color:#fff;border-radius:5px;margin:auto}.product-detail .product-overview .content{width:calc(100% - 500px);padding:0px 40px;height:fit-content}.product-detail .product-overview .content .product-title{font-size:40px;line-height:40px;font-weight:bold}.product-detail .product-overview .content .product-sold-quantity{font-size:18px;line-height:20px;margin:10px 0px}.product-detail .product-overview .content .product-sold-quantity span{font-weight:bold;font-size:24px}.product-detail .product-overview .content .product-price{color:#ffa048;font-size:60px;line-height:60px;margin:50px 0px}.product-detail .product-overview .content .product-hotline{margin:20px 0px;font-size:20px}.product-detail .product-overview .content .product-hotline i.icon{font-size:24px;color:#ffa048}.product-detail .product-overview .content .product-hotline a{color:#ffa048;text-decoration:underline;text-underline-offset:5px}.product-detail .product-overview .content .product-hotline span{margin:0px 10px}.product-detail .product-overview .content .product-shipping{margin:20px 0px;font-size:20px}.product-detail .product-overview .content .product-shipping i.icon{font-size:24px;color:#ffa048}.product-detail .product-overview .content .product-shipping span{margin:0px 10px}.product-detail .product-overview .content .product-installation{margin:20px 0px;font-size:20px}.product-detail .product-overview .content .product-installation i.icon{font-size:24px;color:#ffa048}.product-detail .product-overview .content .product-installation span{margin:0px 10px}.product-detail .product-overview .content .product-order-quantity{margin:50px 0}.product-detail .product-overview .content .product-order-quantity>span{font-size:20px;margin-right:20px}.product-detail .product-overview .content .product-order-quantity .rc-input-number{font-size:24px;height:48px;width:200px}.product-detail .product-overview .content .product-order-quantity .rc-input-number-input{color:#000}.product-detail .product-overview .content .product-order-quantity .rc-input-number-handler{font-size:28px;height:24px;line-height:20px}.product-detail .product-overview .content .product-order-button .button-labeled-icon .ui.labeled.icon.button{width:fit-content;font-size:20px;background-color:#ffa048;color:#fff}.product-detail .media-viewer{width:800px;max-height:550px}.product-detail .product-video-section{width:100%;background-color:#fff;border-radius:0;margin:0 auto 40px auto;padding:60px 10%;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01);display:flex;flex-direction:column;align-items:center}.product-detail .product-video-section .section-title{font-size:28px;font-weight:700;margin-bottom:24px;color:#333;text-align:center;font-family:"Inter",sans-serif}.product-detail .product-video-section .videos-wrapper{display:flex;width:100%;max-width:1100px;gap:40px;justify-content:center;align-items:flex-start}.product-detail .product-video-section .video-item{display:flex;flex-direction:column;align-items:center}.product-detail .product-video-section .video-item .video-container{height:450px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12);border:1px solid rgba(226,232,240,.8)}.product-detail .product-video-section .video-item .video-container.landscape-ratio{aspect-ratio:16/9}.product-detail .product-video-section .video-item .video-container.portrait-ratio{aspect-ratio:9/16}.product-detail .product-video-section .video-item .video-container iframe{width:100%;height:100%;border:0}.product-detail .product-video-section .video-item .video-caption{margin-top:14px;font-size:16px;font-weight:600;color:#4b5563;font-family:"Inter",sans-serif;text-align:center}.product-detail .product-highlights-section{width:100%;background-color:#fff;border-radius:0;margin:0 auto 40px auto;padding:65px 10%;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01);display:flex;flex-direction:column;align-items:center}.product-detail .product-highlights-section .highlights-header{text-align:center;margin-bottom:50px}.product-detail .product-highlights-section .highlights-header .highlights-tag{font-size:16px;font-weight:700;color:#ffa048;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-family:"Inter",sans-serif}.product-detail .product-highlights-section .highlights-header .highlights-title{font-size:36px;font-weight:800;color:#111827;margin:0;font-family:"Inter",sans-serif}.product-detail .product-highlights-section .highlights-grid{display:flex;width:100%;max-width:1000px;justify-content:space-between;gap:30px}.product-detail .product-highlights-section .highlight-item{flex:1;text-align:center;padding:30px 20px;border-top:4px solid #ffa048;background-color:#fafafa;border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}.product-detail .product-highlights-section .highlight-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.product-detail .product-highlights-section .highlight-item .highlight-stat{font-size:64px;font-weight:900;color:#ffa048;line-height:1;font-family:"Inter",sans-serif}.product-detail .product-highlights-section .highlight-item .highlight-label{font-size:18px;font-weight:600;color:#4b5563;margin-bottom:16px;font-family:"Inter",sans-serif}.product-detail .product-parameters-section{width:100%;background-color:#fff;border-radius:0;margin:0 auto 40px auto;padding:65px 10%;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01);display:flex;flex-direction:column;align-items:center}.product-detail .product-parameters-section .parameters-header{text-align:center;margin-bottom:50px}.product-detail .product-parameters-section .parameters-header .parameters-tag{font-size:16px;font-weight:700;color:#ffa048;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-family:"Inter",sans-serif}.product-detail .product-parameters-section .parameters-header .parameters-title{font-size:36px;font-weight:800;color:#111827;margin:0;font-family:"Inter",sans-serif}.product-detail .product-parameters-section .parameters-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;width:100%;max-width:1200px}.product-detail .product-parameters-section .parameter-card{background-color:#fafafa;border-radius:12px;padding:24px 16px;text-align:center;border:1px solid rgba(0,0,0,.03);transition:transform .3s cubic-bezier(0.16, 1, 0.3, 1),box-shadow .3s ease;display:flex;flex-direction:column;align-items:center}.product-detail .product-parameters-section .parameter-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.06)}.product-detail .product-parameters-section .parameter-card .param-icon{font-size:28px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.02)}.product-detail .product-parameters-section .parameter-card .param-name{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:8px;font-family:"Inter",sans-serif}.product-detail .product-parameters-section .parameter-card .param-range{font-size:15px;font-weight:600;color:#6b7280;font-family:"Inter",sans-serif}.product-detail .product-parameters-section .parameter-card.param-do{border-top:4px solid #3b82f6}.product-detail .product-parameters-section .parameter-card.param-do .param-icon{color:#3b82f6}.product-detail .product-parameters-section .parameter-card.param-nh3{border-top:4px solid #8b5cf6}.product-detail .product-parameters-section .parameter-card.param-nh3 .param-icon{color:#8b5cf6}.product-detail .product-parameters-section .parameter-card.param-no2{border-top:4px solid #6366f1}.product-detail .product-parameters-section .parameter-card.param-no2 .param-icon{color:#6366f1}.product-detail .product-parameters-section .parameter-card.param-mg{border-top:4px solid #14b8a6}.product-detail .product-parameters-section .parameter-card.param-mg .param-icon{color:#14b8a6}.product-detail .product-parameters-section .parameter-card.param-ca{border-top:4px solid #10b981}.product-detail .product-parameters-section .parameter-card.param-ca .param-icon{color:#10b981}.product-detail .product-parameters-section .parameter-card.param-kali{border-top:4px solid #ef4444}.product-detail .product-parameters-section .parameter-card.param-kali .param-icon{color:#ef4444}.product-detail .product-parameters-section .parameter-card.param-kh{border-top:4px solid #f59e0b}.product-detail .product-parameters-section .parameter-card.param-kh .param-icon{color:#f59e0b}.product-detail .product-parameters-section .parameter-card.param-ph{border-top:4px solid #ec4899}.product-detail .product-parameters-section .parameter-card.param-ph .param-icon{color:#ec4899}.product-detail .product-parameters-section .parameter-card.param-salinity{border-top:4px solid #06b6d4}.product-detail .product-parameters-section .parameter-card.param-salinity .param-icon{color:#06b6d4}.product-detail .product-parameters-section .parameter-card.param-alum{border-top:4px solid #b45309}.product-detail .product-parameters-section .parameter-card.param-alum .param-icon{color:#b45309}.product-detail .product-how-it-works-section{width:100%;background-color:#fff;border-radius:0;margin:0 auto 40px auto;padding:85px 10%;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01)}.product-detail .product-how-it-works-section .section-content{display:flex;align-items:center;gap:60px;max-width:1200px;margin:0 auto}.product-detail .product-how-it-works-section .how-it-works-left{flex:1;display:flex;justify-content:center;align-items:center}.product-detail .product-how-it-works-section .how-it-works-left .how-it-works-image{max-width:100%;max-height:550px;object-fit:cover;border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.08)}.product-detail .product-how-it-works-section .how-it-works-right{flex:1.2}.product-detail .product-how-it-works-section .how-it-works-right .how-it-works-tag{font-size:16px;font-weight:700;color:#ffa048;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-family:"Inter",sans-serif}.product-detail .product-how-it-works-section .how-it-works-right .how-it-works-title{font-size:36px;font-weight:800;color:#111827;margin:0 0 20px 0;font-family:"Inter",sans-serif}.product-detail .product-how-it-works-section .how-it-works-right .how-it-works-description{font-size:18px;line-height:1.6;color:#4b5563;margin-bottom:30px;font-family:"Inter",sans-serif}.product-detail .product-how-it-works-section .how-it-works-right .tech-step{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start}.product-detail .product-how-it-works-section .how-it-works-right .tech-step:last-child{margin-bottom:0}.product-detail .product-how-it-works-section .how-it-works-right .tech-step .step-num{font-size:24px;font-weight:800;color:#ffa048;background-color:#fff3e5;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"Inter",sans-serif}.product-detail .product-how-it-works-section .how-it-works-right .tech-step .step-text{font-size:16px;line-height:1.5;color:#4b5563;font-family:"Inter",sans-serif}.product-detail .product-how-it-works-section .how-it-works-right .tech-step .step-text strong{color:#111827;display:block;margin-bottom:4px;font-size:17px}.product-detail .product-results-showcase-section{width:100%;background-color:#fff;border-radius:0;margin:0 auto 40px auto;padding:65px 10%;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01);display:flex;flex-direction:column;align-items:center}.product-detail .product-results-showcase-section .results-header{text-align:center;margin-bottom:60px}.product-detail .product-results-showcase-section .results-header .results-tag{font-size:16px;font-weight:700;color:#ffa048;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-family:"Inter",sans-serif}.product-detail .product-results-showcase-section .results-header .results-title{font-size:36px;font-weight:800;color:#111827;margin:0;font-family:"Inter",sans-serif}.product-detail .product-results-showcase-section .results-grid{display:flex;width:100%;max-width:1100px;justify-content:space-between;gap:40px}.product-detail .product-results-showcase-section .result-card{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center}.product-detail .product-results-showcase-section .result-card .phone-mockup{width:260px;height:520px;margin:0 auto 24px auto;border-radius:40px;border:12px solid #1f2937;box-shadow:0 20px 45px rgba(0,0,0,.12);background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1),box-shadow .4s ease}.product-detail .product-results-showcase-section .result-card .phone-mockup:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.18)}.product-detail .product-results-showcase-section .result-card .phone-mockup .phone-screen{width:100%;height:100%;object-fit:cover}.product-detail .product-results-showcase-section .result-card .result-card-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 10px 0;font-family:"Inter",sans-serif}.product-detail .product-results-showcase-section .result-card .result-card-desc{font-size:15px;line-height:1.5;color:#6b7280;margin:0;font-family:"Inter",sans-serif;max-width:280px}.product-detail .product-benefits-section{width:100%;background-color:#fff;border-radius:0;margin:0 auto 40px auto;padding:85px 10%;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 10px 30px -10px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.01)}.product-detail .product-benefits-section .section-content{display:flex;align-items:center;gap:60px;max-width:1200px;margin:0 auto}.product-detail .product-benefits-section .benefits-left{flex:1.2}.product-detail .product-benefits-section .benefits-left .benefits-tag{font-size:16px;font-weight:700;color:#ffa048;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-family:"Inter",sans-serif}.product-detail .product-benefits-section .benefits-left .benefits-title{font-size:36px;font-weight:800;color:#111827;margin:0 0 20px 0;font-family:"Inter",sans-serif}.product-detail .product-benefits-section .benefits-left .benefits-subtitle{font-size:18px;line-height:1.6;color:#4b5563;margin-bottom:30px;font-family:"Inter",sans-serif}.product-detail .product-benefits-section .benefits-left .benefits-blocks{display:flex;flex-direction:column;gap:24px}.product-detail .product-benefits-section .benefits-left .benefit-block{background-color:#fafafa;padding:24px;border-radius:12px;border-left:5px solid #ffa048}.product-detail .product-benefits-section .benefits-left .benefit-block.for-labs{border-left-color:#3b82f6}.product-detail .product-benefits-section .benefits-left .benefit-block.for-labs .benefit-icon{color:#3b82f6}.product-detail .product-benefits-section .benefits-left .benefit-block.for-farmers{border-left-color:#10b981}.product-detail .product-benefits-section .benefits-left .benefit-block.for-farmers .benefit-icon{color:#10b981}.product-detail .product-benefits-section .benefits-left .benefit-block .benefit-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.product-detail .product-benefits-section .benefits-left .benefit-block .benefit-header .benefit-icon{font-size:20px}.product-detail .product-benefits-section .benefits-left .benefit-block .benefit-header h3{font-size:18px;font-weight:700;color:#111827;margin:0;font-family:"Inter",sans-serif}.product-detail .product-benefits-section .benefits-left .benefit-block ul{margin:0;padding-left:20px}.product-detail .product-benefits-section .benefits-left .benefit-block ul li{font-size:15px;line-height:1.6;color:#4b5563;margin-bottom:8px;font-family:"Inter",sans-serif}.product-detail .product-benefits-section .benefits-left .benefit-block ul li:last-child{margin-bottom:0}.product-detail .product-benefits-section .benefits-left .benefit-block ul li strong{color:#111827}.product-detail .product-benefits-section .benefits-right{flex:1;display:flex;justify-content:center;align-items:center}.product-detail .product-benefits-section .benefits-right .benefits-image{max-width:100%;max-height:550px;object-fit:cover;border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.08);transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1)}.product-detail .product-benefits-section .benefits-right .benefits-image:hover{transform:scale(1.02)}.product-detail .product-specification{display:flex;width:80%;min-width:1100px;height:fit-content;padding:40px 20px;background-color:#fff;border-radius:5px;margin:auto;min-height:750px}.product-detail .product-specification .io-tab{width:100%}.product-detail .product-specification .io-tab .ui.menu .item{font-size:24px;padding:20px 20px;color:#000}.product-detail .product-specification .io-tab .ui.menu .item.active{color:#fff;background-color:#ffa048;border-radius:10px !important}.product-detail .product-specification .product-specification-section .title{font-size:20px;font-weight:bold;line-height:30px;margin:20px 0px}.product-detail .product-specification .product-specification-section .detail{display:flex;flex-flow:column}.product-detail .product-specification .product-specification-section .detail span.paragraph{margin:5px 0px}.product-detail .product-specification .product-reality-view{display:flex;flex-flow:column}.product-detail .product-specification .product-reality-view img,.product-detail .product-specification .product-reality-view video{margin:10px auto;display:flex;width:80%}@media(max-width: 1300px){.product-detail .media-viewer{width:400px}.product-detail .media-viewer .content-display{height:300px}.product-detail .product-banner{width:100%;min-width:auto;padding:50px 60px;min-height:450px}.product-detail .product-banner .banner-left{padding-right:30px}.product-detail .product-banner .banner-left .banner-title{font-size:56px}.product-detail .product-banner .banner-left .banner-subtitle{font-size:28px;border-left-width:6px;padding-left:18px}.product-detail .product-banner .banner-right .banner-image{max-height:450px}.product-detail .product-overview{width:100%;min-width:auto}.product-detail .product-video-section{width:100%;padding:30px 20px}.product-detail .product-highlights-section{width:100%;padding:40px}.product-detail .product-parameters-section{width:100%;padding:40px}.product-detail .product-parameters-section .parameters-grid{grid-template-columns:repeat(3, 1fr)}.product-detail .product-how-it-works-section{width:100%;padding:50px 40px}.product-detail .product-how-it-works-section .section-content{gap:40px}.product-detail .product-results-showcase-section{width:100%;padding:40px}.product-detail .product-results-showcase-section .results-grid{gap:24px}.product-detail .product-benefits-section{width:100%;padding:50px 40px}.product-detail .product-benefits-section .section-content{gap:40px}.product-detail .product-specification{width:100%;min-width:auto}.product-detail .product-overview .content{width:auto;padding:0px 40px;height:fit-content}.media-viewer .slider .thumbnails .thumbnail img,.media-viewer .slider .thumbnails .thumbnail video{width:40px;height:30px;object-fit:cover}}@media(max-width: 900px){.product-detail{padding:5px}.product-detail .product-banner{padding:40px 30px;min-height:auto}.product-detail .product-banner .banner-left{padding-right:20px}.product-detail .product-banner .banner-left .banner-title{font-size:42px}.product-detail .product-banner .banner-left .banner-subtitle{font-size:22px;border-left-width:5px;padding-left:14px}.product-detail .product-banner .banner-right .banner-image{max-height:350px}.product-detail .product-video-section .section-title{font-size:22px;margin-bottom:16px}.product-detail .product-video-section .videos-wrapper{flex-direction:column;align-items:center;gap:30px}.product-detail .product-video-section .video-item{width:100%;max-width:600px}.product-detail .product-video-section .video-item.portrait-video{max-width:280px}.product-detail .product-video-section .video-item .video-container{width:100%;height:auto}.product-detail .product-highlights-section .highlights-title{font-size:28px}.product-detail .product-highlights-section .highlights-grid{gap:20px}.product-detail .product-highlights-section .highlight-item .highlight-stat{font-size:48px}.product-detail .product-highlights-section .highlight-item .highlight-label{font-size:16px}.product-detail .product-parameters-section .parameters-title{font-size:28px}.product-detail .product-parameters-section .parameters-grid{grid-template-columns:repeat(2, 1fr)}.product-detail .product-how-it-works-section{padding:40px 20px}.product-detail .product-how-it-works-section .section-content{flex-direction:column;gap:30px}.product-detail .product-how-it-works-section .how-it-works-right .how-it-works-title{font-size:28px}.product-detail .product-results-showcase-section .results-title{font-size:28px}.product-detail .product-results-showcase-section .results-grid{flex-direction:column;align-items:center;gap:40px}.product-detail .product-benefits-section{padding:40px 20px}.product-detail .product-benefits-section .section-content{flex-direction:column-reverse;gap:40px}.product-detail .product-benefits-section .benefits-left .benefits-title{font-size:28px}.product-detail .product-overview .content .product-title{font-size:30px}.product-detail .product-overview .content .product-price{font-size:40px;line-height:50px;margin:40px 0px}.product-detail .product-overview .content .product-hotline{margin:18px 0px;font-size:18px}.product-detail .product-overview .content .product-hotline i.icon{font-size:18px}.product-detail .product-overview .content .product-shipping{margin:18px 0px;font-size:18px}.product-detail .product-overview .content .product-shipping i.icon{font-size:18px}.product-detail .product-overview .content .product-installation{margin:18px 0px;font-size:18px}.product-detail .product-overview .content .product-installation i.icon{font-size:18px}.product-detail .product-overview .content .product-order-quantity{margin:40px 0}.product-detail .product-overview .content .product-order-quantity>span{font-size:18px;margin-right:18px}.product-detail .product-overview .content .product-order-quantity .rc-input-number{font-size:20px;height:40px;width:110px}.product-detail .product-overview .content .product-order-quantity .rc-input-number-handler{font-size:20px;height:20px;line-height:16px}.product-detail .product-overview .content .product-order-button .button-labeled-icon .ui.labeled.icon.button{font-size:18px;height:fit-content}.product-detail .product-specification .io-tab .ui.menu .item{font-size:20px}.product-detail .product-specification .product-specification-section .title{font-size:18px}.product-detail .product-specification .product-specification-section .detail span.paragraph{font-size:16px;line-height:24px}}@media(max-width: 700px){.product-detail .product-banner{flex-direction:column;padding:40px 16px !important;text-align:center;height:auto !important;min-height:unset !important;overflow:visible !important;justify-content:center}.product-detail .product-banner .banner-left{width:100%;padding-right:0;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.product-detail .product-banner .banner-left .banner-title{font-size:38px;line-height:1.2;margin-bottom:16px;color:#ffa048 !important;display:block}.product-detail .product-banner .banner-left .banner-subtitle{font-size:18px;line-height:1.5;color:#1f2937 !important;border-left:none;padding-left:0;display:block;max-width:500px;margin:0 auto}.product-detail .product-banner .banner-right{width:100%;display:flex;justify-content:center;align-items:center}.product-detail .product-banner .banner-right .glow-effect{width:250px;height:250px}.product-detail .product-banner .banner-right .banner-image{width:100%;max-width:320px;height:auto;max-height:none;object-fit:contain;display:block}.product-detail .product-video-section{padding:20px 10px}.product-detail .product-highlights-section{padding:30px 20px}.product-detail .product-highlights-section .highlights-grid{flex-flow:column;gap:24px}.product-detail .product-parameters-section{padding:30px 20px}.product-detail .product-parameters-section .parameters-title{font-size:22px}.product-detail .product-parameters-section .parameters-grid{grid-template-columns:1fr;gap:15px}.product-detail .product-how-it-works-section{padding:30px 20px}.product-detail .product-how-it-works-section .how-it-works-right .how-it-works-title{font-size:22px}.product-detail .product-how-it-works-section .how-it-works-right .how-it-works-description{font-size:16px}.product-detail .product-results-showcase-section{padding:30px 20px}.product-detail .product-results-showcase-section .results-title{font-size:22px}.product-detail .product-results-showcase-section .results-grid{gap:30px}.product-detail .product-results-showcase-section .result-card .phone-mockup{width:220px;height:440px}.product-detail .product-benefits-section{padding:30px 20px}.product-detail .product-benefits-section .benefits-left .benefits-title{font-size:22px}.product-detail .product-benefits-section .benefits-left .benefits-subtitle{font-size:16px}.product-detail .product-overview{flex-flow:column;padding:10px}.product-detail .product-overview .content{padding:0px}.product-detail .product-specification{padding:40px 10px}.product-detail .media-viewer .content-display{height:250px}.product-detail .media-viewer{width:100%;margin-bottom:20px;padding:10px 5px}.product-detail .product-specification .io-tab .ui.menu .item{padding:15px 10px;font-size:18px}}@media(max-width: 400px){.product-detail .media-viewer{width:300px}.product-detail .media-viewer .content-display{height:200px}.media-viewer .slider .slider-button.right{right:-45px}.media-viewer .slider .slider-button.left{left:-16px}.media-viewer .slider .slider-button i.icon{font-size:20px}}
.blog-management{background-color:#fff;height:100%;display:table;padding:20px 0px}.blog-management .blog-management-container{display:flex;height:100%}.blog-management .blog-management-container .nav-bar-header{display:flex;align-items:center;justify-content:center;height:62px;position:relative;border-bottom:1px solid}.blog-management .blog-management-container .nav-bar-header i.icon.refresh{font-size:18px;line-height:30px;width:30px;height:30px;cursor:pointer}.blog-management .blog-management-container .nav-bar-header i.icon.angle.double{position:absolute;background-color:#ffa048;border-radius:100%;font-size:18px;right:-18px;cursor:pointer;line-height:30px;width:30px;height:30px;box-shadow:0px 0px 0px 2px #fff}.blog-management .blog-management-container .nav-bar-header i.icon.left{margin:0px 5px;cursor:pointer}.blog-management .blog-management-container .nav-bar-header i.icon.right{margin:0px 5px;cursor:pointer}.blog-management .blog-management-container .nav-bar{width:300px;background-color:#ffa048;border-radius:8px;border-top-left-radius:0px;border-bottom-left-radius:0px;color:#fff;overflow:visible;transition:width .5s ease-in-out}.blog-management .blog-management-container .nav-bar.hide{width:24px}.blog-management .blog-management-container .nav-bar .react-datepicker__header{height:55px}.blog-management .blog-management-container .nav-bar i.link{width:100%;margin:10px 0px;cursor:pointer}.blog-management .blog-management-container .add-section-title{line-height:56px;font-size:20px;font-weight:600;padding:0px 20px}.blog-management .blog-management-container .add-blog-button{display:flex;margin:10px 10px}.blog-management .blog-management-container .add-blog-button a{width:100%}.blog-management .blog-management-container .add-blog-button .button{background-color:#fff;color:#ffa048;width:100%}.blog-management .blog-management-container .filter-section-title{line-height:56px;font-size:20px;font-weight:600;padding:0px 20px}.blog-management .blog-management-container .vertical-filter-bar{margin:0px 20px}.blog-management .blog-management-container .vertical-filter-bar .option .name{font-size:16px;font-weight:600;line-height:40px;background-color:#ffa048;padding:0px 5px}.blog-management .blog-management-container .vertical-filter-bar .option .value{padding:5px 10px}.blog-management .blog-management-container .vertical-filter-bar .option .value .ui.input{width:100%}.blog-management .blog-management-container .vertical-filter-bar .option .value .multi-select-checkbox{color:#000}.blog-management .blog-management-container .vertical-filter-bar .option .value .date-time-picker{margin-bottom:5px}.blog-management .blog-management-container .vertical-filter-bar .option .value .date-time-picker .react-datepicker-wrapper{width:100%}.blog-management .blog-management-container .vertical-filter-bar .option .value .date-time-picker input{width:100%;height:40px;font-size:14px}.blog-management .blog-management-container .vertical-filter-bar .action{margin:30px 0px;display:flex;justify-content:space-between}.blog-management .blog-management-container .vertical-filter-bar .action .button{background-color:#fff;color:#ffa048;width:110px}.blog-management .blog-management-container .blog-table{margin-left:20px;margin-right:20px;width:100%;padding:0px 20px}.blog-management .blog-management-container .blog-table.expand{width:calc(100% - 40px)}.blog-management .blog-management-container .blog-table .publish-icon,.blog-management .blog-management-container .blog-table .delete-icon{cursor:pointer;font-size:16px}.blog-management .blog-management-container .blog-table .blog-tag{margin-bottom:5px}.blog-management .blog-management-container .blog-table .blog-status{text-transform:capitalize}.blog-management .blog-management-container .blog-table tr.ant-table-row.ant-table-row-level-0.empty-row{height:80px}
.multi-select-checkbox .item-padding{width:20px;height:10px;min-width:20px}.multi-select-checkbox .dropdown-container{border:2px solid rgba(255,160,72,.2);border-radius:12px;transition:border-color .3s}.multi-select-checkbox .dropdown-container:focus-within,.multi-select-checkbox .dropdown-container:focus,.multi-select-checkbox .dropdown-container.open{border-color:#ffa048;box-shadow:0 0 0 2px rgba(255,160,72,.15)}.multi-select-checkbox .searchBox{border-radius:8px}.multi-select-checkbox .searchBox:focus{border-color:#ffa048;box-shadow:0 0 0 2px rgba(255,160,72,.15)}.multi-select-checkbox .rmsc .dropdown-container:focus-within{border-color:#ffa048;box-shadow:0 0 0 2px rgba(255,160,72,.15)}.multi-select-checkbox .dropdown-content,.multi-select-checkbox .dropdown-menu,.multi-select-checkbox .rmsc .dropdown-content{z-index:2147483647 !important}
.date-time-picker input{border:1px solid #a8cffc;border-radius:4px;box-shadow:inset 0 1px 1px #d9ebff;font-size:16px;line-height:20px;padding:6px 10px 5px;width:154px}.date-time-picker input:focus{border-color:#a8cffc;box-shadow:inset 0 2px 2px #d9ebff,0 0 10px 0 rgba(142,193,221,.3);outline:none}.react-datepicker__header{text-align:center;background-color:#00b0ff;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;height:35px}.react-datepicker *{font-size:15px}.react-datepicker__header *{color:#fff !important}.react-datepicker__navigation-icon::before{border-color:#fff}
.ai-image-dataset{background-color:#fff;height:100%;display:table}.ai-image-dataset .search-bar{width:100%;justify-content:end;display:flex;padding:10px 0px;max-width:925px}.ai-image-dataset .search-bar .search-input{width:100%}.ai-image-dataset .search-bar i.search.link.icon{color:#ffa048}.ai-image-dataset .search-bar i.close.link.icon{color:#ffa048;margin:0px}.ai-image-dataset .filter-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;margin:auto}.ai-image-dataset .filter-buttons{display:flex;justify-content:center}.ai-image-dataset .selected-filter-items{width:100%;margin:10px 0px;max-width:calc(100vw - 20px)}.ai-image-dataset .image-gallery{padding:10px}.ai-image-dataset .image-gallery .image-overlay__caption{background-color:rgba(0,0,0,.5);color:#fff;padding:5px;position:absolute;top:0;width:100%;text-align:center}.ai-image-dataset .image-gallery .ReactGridGallery>div{display:grid !important;grid-template-columns:repeat(5, 1fr);gap:10px}.ai-image-dataset .image-gallery .ReactGridGallery>div img{width:100%}.ai-image-dataset .image-gallery .ReactGridGallery_tile-icon-bar{display:none}.ai-image-dataset .ai-image-dataset-container{height:fit-content}.ai-image-dataset .multi-select-checkbox{min-width:200px}.ai-image-dataset .multi-select-checkbox .rmsc .dropdown-container{height:41.13px}.ai-image-dataset .button-labeled-icon .ui.labeled.icon.button{background-color:#ffa048;color:#fff}.ai-image-dataset .button-labeled-icon .ui.labeled.icon.button.active{background-color:#ff7b00}.ai-image-dataset .add-button{margin-right:50px}.ai-image-dataset .all-button .ui.labeled.icon.button{text-align:center;padding-right:1.5rem !important;padding-left:1.5rem !important}.ai-image-dataset .unlabeled-button i::after{content:"?";font-size:16px;color:#ffa048;font-weight:bolder}.ai-image-dataset .pagination-container{display:flex;justify-content:end;padding:10px}.ai-image-dataset .pagination-container .page-link{cursor:pointer}
.image-details-modal{width:fit-content !important}.image-details-modal .image-details-container{display:flex;flex-direction:row}.image-details-modal .image-details-container .image-section{flex:1;width:600px}.image-details-modal .image-details-container .image-section .image{width:100%;min-width:100%;height:600px;min-height:600px;max-height:600px;object-fit:contain}.image-details-modal .image-details-container .details-section{flex:1;display:flex;flex-direction:column;width:500px}.image-details-modal .image-details-container .details-section .details-content{flex:1;padding:20px}.image-details-modal .image-details-container .details-section .details-actions{display:flex;justify-content:flex-end;padding:10px 20px}.image-details-modal .image-details-container .details-section .details-actions button{margin-left:10px}.image-details-modal .image-details-container .details-section .react-tagsinput{margin-bottom:10px}.image-details-modal .image-details-container .details-section .image-title{margin-bottom:20px}.image-details-modal .image-details-container .details-section .image-title .ql-editor p,.image-details-modal .image-details-container .details-section .image-title .text-viewer{font-size:30px;font-weight:bold;line-height:34px}.image-details-modal .image-details-container .details-section .delete-icon{font-size:20px;cursor:pointer}
.shrimp-prices-page{background:linear-gradient(135deg, #fff9f2 0%, #fff5eb 100%);display:flex;flex-direction:column;position:relative}.shrimp-prices-hero{background:linear-gradient(135deg, #FFA048 0%, #ff8c1a 100%);color:#fff;padding:6rem 2rem;text-align:center;position:relative;overflow:hidden;flex-shrink:0;margin-bottom:2rem}.shrimp-prices-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/></svg>") repeat;opacity:.1}.shrimp-prices-hero::after{content:"";position:absolute;bottom:-2rem;left:0;right:0;height:4rem;background:linear-gradient(to bottom right, transparent 49%, #fff9f2 50%)}.shrimp-prices-hero h1{font-size:3.5rem;margin:0;margin-bottom:1.5rem;font-weight:800;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shrimp-prices-hero p{font-size:1.4rem;opacity:.9;margin:0;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.last-updated{font-size:1.2rem;font-weight:600;opacity:1;background:rgba(255,255,255,.2);padding:1rem 2rem;border-radius:30px;display:inline-flex;align-items:center;gap:.75rem;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px rgba(0,0,0,.15);margin-top:1rem;transition:all .3s ease;color:#fff}.last-updated .icon{margin:0 !important;font-size:1.4rem !important}.last-updated:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2);background:rgba(255,255,255,.25)}.shrimp-prices-container{max-width:1200px;margin:0 auto;padding:2rem;flex:1;width:100%;display:flex;flex-direction:column}.filter-section{margin-bottom:3rem;display:flex;justify-content:center;flex-shrink:0;padding:0 1rem;z-index:2}.filter-wrapper{background:#fff;padding:2rem;border-radius:24px;box-shadow:0 12px 40px rgba(255,160,72,.08);display:flex;align-items:center;gap:2rem;width:100%;max-width:1000px;flex-wrap:wrap;border:1px solid rgba(255,160,72,.15);backdrop-filter:blur(8px)}.filter-group{display:flex;flex-direction:column;gap:.75rem;flex:1;min-width:200px}.filter-group>label{font-weight:600;color:#ffa048;display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.filter-icon{font-size:1.3rem;background:rgba(255,160,72,.1);padding:.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ffa048}.filter-icon .icon{margin:0 !important}.type-select,.date-select,.size-group-select{padding:1rem 1.5rem;font-size:1.1rem;border:2px solid rgba(255,160,72,.2);border-radius:12px;background-color:#fff;cursor:pointer;transition:all .3s ease;width:100%;color:#333;box-shadow:0 2px 8px rgba(255,160,72,.05)}.type-select:hover,.type-select:focus,.date-select:hover,.date-select:focus,.size-group-select:hover,.size-group-select:focus{border-color:#ffa048;outline:none;box-shadow:0 4px 12px rgba(255,160,72,.1);transform:translateY(-1px)}.view-mode-toggle{display:flex;gap:.75rem;align-items:center;justify-content:center;margin:1.5rem 0;padding:.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(255,160,72,.08);border:1px solid rgba(255,160,72,.1);width:fit-content;margin-left:auto;margin-right:auto}.view-mode-btn{background:#fff;border:2px solid rgba(255,160,72,.2);border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem}.view-mode-btn .icon{margin:0 !important;font-size:1.2rem !important}.view-mode-btn:hover{border-color:#ffa048;background:#fff9f2;transform:translateY(-1px)}.view-mode-btn.active{background:#ffa048;border-color:#ffa048;color:#fff;box-shadow:0 4px 12px rgba(255,160,72,.2)}.shrimp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;margin-bottom:2rem;flex:1;padding:1rem}.shrimp-cards-grid.list-mode{max-width:1000px;margin:0 auto;padding:2rem}.shrimp-cards-grid.list-mode .shrimp-card{display:flex;flex-direction:row;align-items:stretch;padding:0;transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(135deg, #ffffff 0%, #fff9f2 100%);border:1px solid rgba(255,160,72,.2);box-shadow:0 8px 24px rgba(255,160,72,.08)}.shrimp-cards-grid.list-mode .shrimp-card:hover{transform:translateX(8px);box-shadow:0 12px 32px rgba(255,160,72,.15);background:linear-gradient(135deg, #ffffff 0%, #fff5eb 100%)}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-header{width:300px;flex-shrink:0;border-right:1px solid rgba(255,160,72,.2);border-bottom:none;padding:1.5rem;background:linear-gradient(135deg, #FFA048 0%, #ff8c1a 100%);position:relative;overflow:hidden}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/></svg>") repeat;opacity:.1}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-header .shrimp-icon{background:rgba(255,255,255,.2);box-shadow:0 8px 16px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.3)}.shrimp-card:hover .shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-header .shrimp-icon{background:rgba(255,255,255,.25);box-shadow:0 12px 24px rgba(0,0,0,.2)}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-header .shrimp-name{color:#fff}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-header .shrimp-id{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.95)}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);gap:0;padding:1.5rem;position:relative;background:#fff}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:70%;background:rgba(255,160,72,.15)}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .shrimp-size,.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .shrimp-price{padding:0 1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;position:relative}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .shrimp-size::after,.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .shrimp-price::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:70%;background:rgba(255,160,72,.15)}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .shrimp-size:last-child::after,.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .shrimp-price:last-child::after{display:none}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .size-info{gap:.25rem}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .size-value{font-size:2.2rem;font-weight:600;color:#ffa048;line-height:1.3}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .size-category{font-size:.85rem;color:#ffa048;background:rgba(255,160,72,.1);padding:.25rem .75rem;border-radius:20px;display:inline-block;width:fit-content;border:1px solid rgba(255,160,72,.15)}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .price-label{font-size:.9rem;color:#666;font-weight:500}.shrimp-cards-grid.list-mode .shrimp-card .shrimp-card-body .price-value{font-size:1.2rem;color:#ffa048;font-weight:700;background:rgba(255,160,72,.05);padding:.5rem 1rem;border-radius:12px;display:inline-block;border:1px solid rgba(255,160,72,.1)}.shrimp-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px rgba(255,160,72,.15);transition:transform .3s ease,box-shadow .3s ease;position:relative;border:1px solid rgba(255,160,72,.2);will-change:transform;z-index:1}.shrimp-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(255,160,72,.2);background:#fff}.shrimp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg, #FFA048, #ff8c1a);opacity:0;transition:opacity .3s ease}.shrimp-card:hover::before{opacity:1}.shrimp-card-header{padding:2rem;display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid rgba(255,160,72,.2);background:#ffa048;color:#fff}.shrimp-icon{font-size:2.5rem;background:rgba(255,255,255,.15);padding:1.25rem;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(0,0,0,.1);transition:transform .3s ease,background-color .3s ease;border:1px solid rgba(255,255,255,.2);will-change:transform;color:#fff}.shrimp-icon .icon{margin:0 !important;font-size:2rem !important}.shrimp-card:hover .shrimp-icon{transform:scale(1.1) rotate(8deg);background:rgba(255,255,255,.2)}.shrimp-card-body{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#fff}.shrimp-name{margin:0;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-0.5px}.shrimp-id{font-size:.85rem;color:rgba(255,255,255,.9);display:block;margin-top:.35rem;background:rgba(255,255,255,.15);padding:.25rem .75rem;border-radius:20px;display:inline-block;width:fit-content;border:1px solid rgba(255,255,255,.2)}.size-info{display:flex;flex-direction:column;gap:.5rem}.size-value{font-size:2.2rem;font-weight:600;color:#ffa048;line-height:1.3}.size-category{font-size:.9rem;color:#ffa048;background:rgba(255,160,72,.1);padding:.25rem .75rem;border-radius:20px;display:inline-block;width:fit-content}.shrimp-price{display:flex;align-items:center;gap:1rem;background:rgba(255,160,72,.05);padding:1rem;border-radius:16px;border:1px solid rgba(255,160,72,.1);flex-direction:column;align-items:flex-start;gap:.5rem}.price-label{font-size:1rem;color:#666;white-space:nowrap}.price-value{font-size:1.3rem;font-weight:700;color:#ffa048;text-align:center}.price-growth-indicator{font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.25rem}.price-growth-indicator .icon{font-size:.7rem !important}.growth-up{color:#28a745}.growth-down{color:#dc3545}.growth-same{color:#6c757d}.growth-na{color:#6c757d;font-style:italic}.shrimp-table-container{background:#fff;border-radius:24px;box-shadow:0 12px 32px rgba(255,160,72,.08);overflow:hidden;border:1px solid rgba(255,160,72,.1);margin:2rem 0}.shrimp-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.shrimp-table thead{background:linear-gradient(135deg, #FFA048 0%, #ff8c1a 100%);position:relative}.shrimp-table thead::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba%28255,255,255,0.1%29\"/></svg>") repeat;opacity:.1}.shrimp-table thead th{color:#fff;font-weight:600;text-align:left;padding:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.1)}.shrimp-table thead th:nth-child(1){width:30%}.shrimp-table thead th:nth-child(2){width:18%}.shrimp-table thead th:nth-child(3){width:18%}.shrimp-table thead th:nth-child(4){width:17%}.shrimp-table thead th:nth-child(5){width:17%}.shrimp-table thead th:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:70%;background:rgba(255,255,255,.2)}.shrimp-table thead th:first-child{padding-left:2rem}.shrimp-table thead th:last-child{padding-right:2rem}.shrimp-table tbody tr{transition:background-color .3s ease}.shrimp-table tbody tr:hover{background-color:rgba(255,160,72,.05)}.shrimp-table tbody tr td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,160,72,.1);color:#333;font-size:1.1rem;vertical-align:middle}.shrimp-table tbody tr td:first-child{padding-left:2rem}.shrimp-table tbody tr td:last-child{padding-right:2rem}.shrimp-table tbody tr:last-child td{border-bottom:none}.shrimp-type-cell{display:flex;align-items:center;gap:1rem;min-width:0}.shrimp-type-cell .shrimp-icon{background:rgba(255,160,72,.1);padding:.75rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid rgba(255,160,72,.15);flex-shrink:0}.shrimp-type-cell .shrimp-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.shrimp-type-cell .shrimp-info .shrimp-name{font-weight:600;color:#ffa048;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shrimp-type-cell .shrimp-info .shrimp-id{font-size:.85rem;color:#666;background:rgba(255,160,72,.08);padding:.25rem .75rem;border-radius:20px;display:inline-block;width:fit-content}.size-cell{font-weight:500;white-space:nowrap}.category-cell{text-align:center;white-space:nowrap;background:none;border-radius:0;padding:1.25rem 1.5rem}.category-badge{display:inline-block;color:#ffa048;font-weight:500;background:rgba(255,160,72,.08);padding:.5rem 1.25rem;border-radius:20px;white-space:nowrap;font-size:1rem}.price-cell{text-align:center;background:none;border-radius:0;padding:1.25rem 1.5rem;font-size:1.5rem;font-weight:800;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.price-cell .price-growth-indicator{font-size:1.1rem}.price-cell .price-growth-indicator .icon{font-size:.6rem !important}.price-badge{display:inline-block;font-weight:800;color:#ffa048;background:rgba(255,160,72,.05);padding:.5rem 1.25rem;border-radius:12px;border:1px solid rgba(255,160,72,.1);font-size:1.5rem;white-space:nowrap}.price-note{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:auto}.note-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.note-item:last-child{margin-bottom:0}.note-icon{font-size:1.2rem;background:#f8f9fa;padding:.5rem;border-radius:8px}.note-item p{margin:0;color:#666;font-size:.9rem;line-height:1.6}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:24px;box-shadow:0 12px 32px rgba(255,160,72,.08);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;border:1px solid rgba(255,160,72,.1);margin:2rem;max-width:600px;margin-left:auto;margin-right:auto}.empty-state .empty-icon{font-size:4rem;margin-bottom:2rem;opacity:.8;background:#fff9f2;padding:2rem;border-radius:50%;box-shadow:0 8px 24px rgba(255,160,72,.08);color:#ffa048}.empty-state .empty-icon .icon{margin:0 !important}.empty-state h3{font-size:2rem;color:#ffa048;margin:0 0 1.5rem;font-weight:700}.empty-state p{color:#666;margin:.75rem 0;font-size:1.2rem;line-height:1.6;max-width:400px}.loading-spinner{width:40px;height:40px;border:4px solid #e4e8eb;border-top:4px solid #2a5298;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.error-icon{font-size:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error-state p{color:#dc3545;margin-bottom:1rem}.retry-button{background:#2a5298;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#1e3c72;transform:translateY(-1px)}.size-group-quick-select{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;justify-content:center}.size-group-btn{background:#fff;border:1px solid #ffa048;border-radius:999px;padding:.6rem 1.2rem;font-size:.95rem;color:#ffa048;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.size-group-btn:hover{background:#ffe3c2;color:#ffa048;border-color:#ffa048}.size-group-btn.active{background:#ffa048;color:#fff;border-color:#ffa048;box-shadow:0 2px 8px rgba(255,160,72,.2)}.growth-cell{text-align:center;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center}.growth-cell .icon{font-size:.9rem !important}@media(max-width: 768px){.shrimp-prices-hero{padding:4rem 1rem}.shrimp-prices-hero h1{font-size:2.5rem}.shrimp-prices-hero p{font-size:1.2rem}.shrimp-prices-container{width:100%;max-width:none;padding:1rem 0;overflow-x:auto}.filter-wrapper{flex-direction:column;padding:1.5rem;gap:1.5rem}.filter-group{width:100%;min-width:unset}.type-select,.date-select,.size-group-select{width:100%}.view-mode-toggle{width:100%;justify-content:center}.shrimp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem;padding:.5rem}.shrimp-cards-grid .shrimp-card{border-radius:16px;box-shadow:0 8px 24px rgba(255,160,72,.12)}.shrimp-cards-grid .shrimp-card .shrimp-card-header{padding:1.25rem}.shrimp-cards-grid .shrimp-card .shrimp-icon{padding:.75rem;font-size:1.5rem}.shrimp-cards-grid .shrimp-card .shrimp-name{font-size:1.1rem}.shrimp-cards-grid .shrimp-card .shrimp-id{font-size:.85rem}.shrimp-cards-grid .shrimp-card .shrimp-card-body{padding:1.25rem;gap:1rem}.shrimp-cards-grid .shrimp-card .size-value{font-size:2.4rem;margin-top:.5rem;margin-bottom:.5rem;line-height:1.3;color:#ffa048}.shrimp-cards-grid .shrimp-card .size-category{font-size:.85rem}.shrimp-cards-grid .shrimp-card .price-value{font-size:1.2rem}.shrimp-cards-grid .shrimp-card .price-growth-indicator{font-size:.9rem}.empty-state{margin:1rem;padding:3rem 1.5rem}.empty-state .empty-icon{font-size:3rem;padding:1.5rem}.empty-state h3{font-size:1.75rem}.empty-state p{font-size:1.1rem}.size-group-quick-select{width:fit-content;display:inline-flex;padding:0 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.size-group-quick-select::-webkit-scrollbar{display:none}.size-group-btn{font-size:.9rem;padding:.5rem 1rem;white-space:nowrap;flex-shrink:0}}@media(max-width: 480px){.shrimp-prices-hero{padding:3rem 1rem}.shrimp-prices-hero h1{font-size:2rem}.shrimp-prices-hero p{font-size:1.1rem}.shrimp-prices-container{width:100%;max-width:none;padding:1rem 0;overflow-x:auto}.shrimp-cards-grid{grid-template-columns:1fr;gap:.75rem;padding:.25rem}.shrimp-cards-grid .shrimp-card .shrimp-card-header{padding:1rem}.shrimp-cards-grid .shrimp-card .shrimp-icon{padding:.5rem;font-size:1.25rem}.shrimp-cards-grid .shrimp-card .shrimp-name{font-size:1rem}.shrimp-cards-grid .shrimp-card .shrimp-card-body{padding:1rem}.shrimp-cards-grid .shrimp-card .size-value{font-size:2.2rem;line-height:1.3;color:#ffa048}.size-group-btn{font-size:.85rem;padding:.4rem .8rem}.size-group-quick-select{width:fit-content;display:inline-flex;padding:0 1rem}}.filter-group .simple-multi-select-checkbox{margin-top:8px;margin-bottom:8px}.filter-group .simple-multi-select-checkbox label{font-size:15px}
.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner-container.small{min-height:100px}.loading-spinner-container.large{min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#666;font-size:14px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
html {
    overflow: hidden;
}

body {
    width: 100%;
    display: inline;
}

#root {
    height: 100%;
    font-family:Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
.blue{color:blue}.red{color:red}.orange{color:orange}.gray{color:gray}.black{color:#000}.green{color:green}