@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Overpass:ital,wght@0,200;0,400;0,500;0,600;1,900&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap);
:root{--bg-main: #222;--bg-submain: #333;--bg-backDrob: #0505058e;--bg-backDrob-soft: #05050581;--bg-input-focus: #5de2622c;--cr-main: #4CAF50;--cr-main-hover: #5de261;--cr-submain: #4caf4f3b;--cr-hover: #494949;--cr-text: #fff;--cr-shadow: #3a3a3a;--cr-border: #5d5d5d;--cr-text-muted: #cfcfcf;--placeholder-input: #acacac}.loading-language{height:100vh;display:flex;justify-content:center;align-items:center}*{padding:0;margin:0;border:0;outline:0;list-style:none;text-decoration:none;box-sizing:border-box;text-transform:capitalize}::-webkit-scrollbar{width:10px;background-color:var(--bg-submain)}::-webkit-scrollbar-thumb{transition:.3s ease background-color;box-shadow:inset 0 0 10px var(--cr-main)}::placeholder{color:var(--placeholder-input)}body{font-family:"Open Sans",sans-serif;font-family:"Overpass",sans-serif;font-family:"Poppins",sans-serif;background-color:var(--bg-main);color:var(--cr-text)}body.light{--bg-main: #dfdfdf;--bg-submain: #fff9ef;--cr-main: #76d15f;--cr-submain: #b005052a;--cr-main-hover: #683ab7ab;--cr-text: #444444;--cr-border: #bfbfbf;--cr-text-muted: #5b5b5bd0;--cr-shadow: #50505038;--cr-hover: rgb(173, 173, 173);--bg-input-focus: #683ab734;--placeholder-input: #797979}input,textarea{color:var(--cr-text);font-family:"Open Sans",sans-serif;font-family:"Overpass",sans-serif;font-family:"Poppins",sans-serif;text-transform:none}input::placeholder,textarea::placeholder{font-family:"Open Sans",sans-serif;font-family:"Overpass",sans-serif;font-family:"Poppins",sans-serif}a{color:var(--color-text)}a:visited{color:var(--color-text)}img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.mainContent{background-color:var(--bg-submain);min-height:calc(100vh - 60px);padding:10px;margin:60px 0 0 70px}[dir=rtl] .mainContent{margin:60px 70px 0 0}.titleBoxChart{font-size:18px;font-weight:500;margin-bottom:15px}.selectResultSearch{background-color:var(--cr-submain);border:1px solid var(--cr-main);padding:0;margin:0 -2px;text-transform:lowercase;color:var(--cr-text)}.btnShadow{width:100%;height:100%;cursor:pointer;color:#fff;box-shadow:inset 0 0 30px #222;border-radius:3px;transition:.3s ease;background-color:var(--cr-main);border:1px solid var(--cr-main)}.btnShadow:hover{box-shadow:none}.toggleInput{-moz-appearance:none;-webkit-appearance:none;width:40px;height:20px;background-color:var(--cr-hover);border-radius:10px;border:1px solid var(--cr-border);position:relative;cursor:pointer}.toggleInput::after{content:"";position:absolute;width:12px;height:12px;background-color:var(--bg-submain);border-radius:50%;top:2px;left:2px;border:1px solid var(--cr-main);transition:.3s ease}.toggleInput:checked{background-color:var(--cr-main);border:1px solid var(--cr-main)}.toggleInput:checked::after{left:calc(100% - 16px);background-color:#fff}
.CaptionPage{margin-bottom:15px}.CaptionPage .caption{font-size:20px;color:var(--cr-main);font-weight:600;margin-bottom:5px}.CaptionPage .desc{font-size:13px}
.CreateUser .containerContent{display:grid;align-content:flex-start;min-height:73vh;padding:20px;gap:10px}@media screen and (max-width: 550px){.CreateUser .containerContent{padding:10px}}.CreateUser .containerContent .motionCreateUser{max-width:450px;width:100%;display:flex;pointer-events:none;margin:-70px auto -60px auto}@media screen and (max-width: 550px){.CreateUser .containerContent .motionCreateUser{margin:-50px auto -45px auto}}.CreateUser .containerContent .containerInps{display:grid;align-content:center;gap:10px;grid-template-columns:1fr 1fr}@media screen and (max-width: 767px){.CreateUser .containerContent .containerInps{grid-template-columns:1fr}}.CreateUser .containerContent .containerInps input{height:50px;padding:10px 15px;width:100%;background-color:var(--bg-main);border-radius:4px;border:1px solid var(--cr-border);transition:.3s ease}@media screen and (max-width: 767px){.CreateUser .containerContent .containerInps input{height:43px}}.CreateUser .containerContent .containerInps input:focus{box-shadow:3px 3px 10px var(--bg-main);border:1px solid var(--cr-main);background:var(--bg-input-focus)}.CreateUser .containerContent .role .doors-list-multiple{padding:10px 0}.CreateUser .containerContent .role .doors-list-multiple .door-checkbox{display:flex;align-items:center;padding:8px 16px;cursor:pointer}.CreateUser .containerContent .role .doors-list-multiple .door-checkbox:hover{background-color:rgba(0,0,0,.05)}.CreateUser .containerContent .role .doors-list-multiple .door-checkbox input[type=checkbox]{margin-right:10px}.CreateUser .containerContent .role .doors-list-multiple .door-checkbox span{font-size:14px}.CreateUser .containerContent .role{height:50px;width:100%;background-color:var(--bg-main);border-radius:4px;border:1px solid var(--cr-border);transition:.3s ease;overflow:hidden;user-select:none}.CreateUser .containerContent .role .title{height:50px;display:flex;align-items:center;cursor:pointer;transition:.3s ease;border-bottom:1px solid var(--cr-border);padding:0 15px;display:flex;align-items:center;justify-content:space-between}.CreateUser .containerContent .role .title i{width:24px;height:24px;border-radius:4px;box-shadow:inset 0 0 10px var(--cr-main);display:grid;place-items:center;transition:.3s ease;font-size:14px;border:1px solid var(--cr-main);color:var(--cr-main);background-color:var(--bg-main)}.CreateUser .containerContent .role .title i.open{rotate:180deg}.CreateUser .containerContent .role .title:hover{background-color:var(--cr-hover)}.CreateUser .containerContent .role>div{display:flex;flex-direction:column}.CreateUser .containerContent .role>div span{padding:10px 15px;font-size:14px;color:var(--cr-text-muted);border-bottom:1px solid var(--cr-border);cursor:pointer}.CreateUser .containerContent .role>div span:hover{background-color:var(--cr-hover)}.CreateUser .containerContent .role>div span:last-child{border:0}.CreateUser .containerContent button{max-width:150px;width:100%;height:40px;border-radius:3px;margin:0}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.75);color:#fff;padding:1rem 2rem;border-radius:5px;z-index:1000}.profile-item{padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .3s,border-color .3s}.profile-item:hover{background-color:#f0f0f0}.profile-item.selected{background-color:#4caf50;color:#fff;border-color:#4caf50}
.global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(2px)}.global-loader .spinner-container{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--bg-submain);padding:2rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.global-loader .spinner{width:40px;height:40px;border:4px solid var(--cr-border);border-top:4px solid var(--cr-main);border-radius:50%;animation:spin 1s linear infinite}.global-loader .loading-message{color:var(--cr-text);font-size:1rem;margin:0;text-align:center}.global-loader.small .spinner{width:24px;height:24px;border-width:2px}.global-loader.large .spinner{width:60px;height:60px;border-width:6px}.global-loader.small .loading-message{font-size:.875rem}.global-loader.large .loading-message{font-size:1.125rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.inline-loader{display:flex;align-items:center;gap:.75rem;padding:1rem;justify-content:center}.inline-loader .spinner{width:20px;height:20px;border:2px solid var(--cr-border);border-top:2px solid var(--cr-main);border-radius:50%;animation:spin 1s linear infinite}.inline-loader .message{color:var(--cr-text-muted);font-size:.875rem}.inline-loader.small{gap:.5rem;padding:.5rem}.inline-loader.small .spinner{width:16px;height:16px;border-width:1px}.inline-loader.small .message{font-size:.75rem}.inline-loader.large{gap:1rem;padding:1.5rem}.inline-loader.large .spinner{width:32px;height:32px;border-width:3px}.inline-loader.large .message{font-size:1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.FAQ ul{display:grid;grid-template-columns:1fr;gap:7px}.FAQ ul li{background-color:var(--bg-main);border-radius:4px;overflow:hidden;transition:.3s ease}.FAQ ul li.active{margin:15px 0}.FAQ ul li.active:first-child{margin:0 0 15px}.FAQ ul li.active .head i{rotate:180deg;background-color:var(--cr-main);color:#fff}.FAQ ul li .head{padding:10px;height:50px;display:flex;justify-content:space-between;align-items:center;font-size:13px;cursor:pointer;user-select:none}@media screen and (max-width: 767px){.FAQ ul li .head{font-size:12px}}.FAQ ul li .head i{width:28px;height:28px;display:grid;place-items:center;box-shadow:inset 0 0 10px var(--cr-main);border-radius:7px;transition:.3s ease}.FAQ ul li .head i,.FAQ ul li .head span{pointer-events:none}.FAQ ul li .contentText{padding:10px;font-size:13px;border-top:1px solid var(--cr-border);line-height:1.7}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.75);color:#fff;padding:1rem 2rem;border-radius:5px;z-index:1000}
.containerLogin{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f8f9fa;color:#000}.row{display:flex;width:80%;max-width:900px;border-radius:8px;overflow:hidden;box-shadow:0px 4px 12px rgba(0,0,0,.1);background-color:#fff}.col-md-6{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.bg-white{display:flex;flex-direction:column;align-items:center;justify-content:center}.title{font-size:2rem;margin-bottom:2rem;color:#333}.form-floating{width:100%;margin-bottom:1.5rem}.form-control{padding:1rem;font-size:1rem;border-radius:5px;background-color:#e9f0fb}.form-control:focus{border-color:#28a745;box-shadow:0px 0px 5px rgba(40,167,69,.3)}.btn{font-size:1.1rem;padding:.7rem;border-radius:5px;background-color:#28a745;width:100%;transition:background-color .3s ease}.btn:hover{background-color:#218838}img{max-width:100%;height:auto}input,textarea{color:var(--cr-text);font-family:"Open Sans",sans-serif;font-family:"Overpass",sans-serif;font-family:"Poppins",sans-serif;text-transform:none}.clickable-link{color:#4caf50;text-decoration:underline;cursor:pointer}
.language-switcher{background-color:var(--cr-main)}.language-switcher .lang-item{padding:10px 20px;cursor:pointer;margin-top:1px;border-bottom:2px solid}.language-switcher .lang-selected{background-color:#534646}
.Header{width:100%;height:60px;position:fixed;top:0;left:0;background-color:var(--cr-main);display:flex;align-items:center;justify-content:space-between;padding:20px;z-index:99;padding-left:81px;padding-right:81px}@media screen and (max-width: 767px){.Header{justify-content:flex-end}}.Header .lang-show{position:absolute;top:60px;display:block}.Header .lang-hide{position:absolute;top:60px;display:none}.Header .search_box{position:relative;max-width:300px;width:100%;height:35px;border-radius:4px;background-color:var(--bg-submain);display:flex;align-items:center}@media screen and (max-width: 767px){.Header .search_box{position:fixed;top:0;height:60px;max-width:100%;left:0;right:0;top:-100px;transition:.3s ease;border-radius:0}.Header .search_box.open{top:0}.Header .search_box input{padding:10px 60px 10px 85px !important;border-bottom:1px solid var(--cr-border) !important}.Header .search_box input:focus{box-shadow:none !important}.Header .search_box i.btn_search{width:60px !important;font-size:30px;cursor:pointer}}.Header .search_box input{position:absolute;inset:0;background-color:rgba(0,0,0,0);border-radius:6px;padding:10px 60px 10px 10px;transition:.3s ease;border-bottom:1px solid rgba(0,0,0,0)}.Header .search_box input:focus{box-shadow:3px 3px 10px var(--cr-shadow)}.Header .search_box i.btn_search{position:absolute;right:5px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.Header ul{display:flex;align-items:center;gap:5px;user-select:none}.Header ul li{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;transition:.4s ease;cursor:pointer;font-size:19px;color:#fff}.Header ul li.btnSearchMopile{display:none}@media screen and (max-width: 767px){.Header ul li.btnSearchMopile{display:grid}}.Header ul li:hover{box-shadow:inset 0 0 30px var(--cr-shadow)}
.Nav{width:230px;background-color:var(--bg-submain);border-right:1px solid var(--cr-border);position:fixed;overflow:auto;transition:left .3s ease,right .3s ease;top:0;z-index:100;height:100vh}.Nav.left{left:0;right:auto}.Nav.right{left:auto;right:0}.Nav::-webkit-scrollbar{display:none}.Nav .btn_toggleNav{width:230px;position:fixed;display:flex;align-items:center;background-color:var(--bg-main);z-index:1;transition:.3s ease;border-right:1px solid var(--cr-border);height:60px;border-bottom:1px solid var(--cr-border);box-shadow:-10px 2px 10px var(--cr-shadow)}.Nav .btn_toggleNav button{display:flex;flex-direction:column;gap:4px;background-color:rgba(0,0,0,0);cursor:pointer;position:absolute;right:20px;height:100%;justify-content:center;padding:0px !important}.Nav .btn_toggleNav button span{display:block;width:30px;height:3px;background-color:var(--cr-text);transition:.3s .1s ease}.Nav .btn_toggleNav button span:nth-child(1){width:25px;rotate:-45deg;margin-bottom:9px}.Nav .btn_toggleNav button span:nth-child(2){display:none}.Nav .btn_toggleNav button span:nth-child(3){width:25px;rotate:45deg}.Nav .profile_box{width:100%;display:flex;justify-content:center;flex-direction:column;padding:76px 0 10px 0}.Nav .profile_box img{width:60px;height:60px;border-radius:50%;margin:0 auto}.Nav .profile_box .details{text-align:center}.Nav .profile_box .details .name{display:block;transition:.2s}.Nav .profile_box .details .role{font-size:14px;display:block;color:var(--cr-main);font-weight:600;text-transform:capitalize;transition:.2s}.Nav .list_Links{display:grid;gap:7px;padding:0 7px 7px}.Nav .list_Links .item_link{height:50px;position:relative;overflow:hidden}.Nav .list_Links .item_link .link{background-color:var(--bg-main);position:absolute;inset:0;height:100%;display:flex;align-items:center;border-radius:5px}.Nav .list_Links .item_link .link:hover{background-color:var(--cr-hover)}.Nav .list_Links .item_link .link.active{background-color:var(--cr-main)}.Nav .list_Links .item_link .link.active p,.Nav .list_Links .item_link .link.active i{color:#fff}.Nav .list_Links .item_link .link p{font-size:14px;color:var(--cr-text-muted);font-weight:600;white-space:nowrap}.Nav .list_Links .item_link .link .icon{width:55px;height:100%;display:grid;place-items:center;font-size:20px;flex-shrink:0;opacity:1 !important;order:-1}.Nav.close{width:70px}.Nav.close .btn_toggleNav{width:70px}.Nav.close .btn_toggleNav button{height:100%;justify-content:center;right:18px}.Nav.close .btn_toggleNav button span:nth-child(1),.Nav.close .btn_toggleNav button span:nth-child(2),.Nav.close .btn_toggleNav button span:nth-child(3){width:30px;display:block;rotate:0deg;margin:0}.Nav.close .profile_box img{width:50px;height:50px}.Nav.close .profile_box .name,.Nav.close .profile_box .role{font-size:0;opacity:0}.Nav.close .list_Links .item_link .link p{opacity:0}.Nav.close .list_Links .item_link .link i{width:55px}
.TopDeals{height:100%;display:flex;flex-direction:column}.TopDeals .list_users{flex:1;display:flex;flex-direction:column;align-content:space-between}.TopDeals .list_users .item_user{display:flex;align-items:center;justify-content:space-between;margin:10px}.TopDeals .list_users .item_user .img_text{display:flex;align-items:center;gap:10px}.TopDeals .list_users .item_user .img_text img{width:65px;height:65px;border-radius:50%;flex-shrink:0;border:2px solid var(--cr-main)}.TopDeals .list_users .item_user .img_text .text{display:flex;flex-direction:column;cursor:default}.TopDeals .list_users .item_user .img_text .text span:nth-child(1){font-size:20px;font-weight:500}.TopDeals .list_users .item_user .img_text .text span:nth-child(2){font-size:20px;color:var(--cr-text-muted);text-transform:lowercase}.TopDeals .list_users .item_user .price{font-size:13px}.TopDeals .status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.TopDeals .text-success{color:green}.TopDeals .text-danger{color:red}.TopDeals .status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.TopDeals .status-icon i{font-size:18px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.TopDeals .text-success{color:green}.TopDeals .text-danger{color:red}.TopDeals .visio-info{display:flex;align-items:center;margin-top:5px}.TopDeals .visio-info .visio-icon{width:20px;height:20px;margin-right:5px}.TopDeals .visio-info .visio-text{font-size:14px;color:#555}
.Home{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:minmax(137px, auto);gap:8px}@media screen and (max-width: 999px){.Home{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 550px){.Home{grid-template-columns:1fr}}.Home .box{background-color:var(--bg-main);border-radius:4px;border:1px solid var(--cr-border);padding:10px}.Home .box1,.Home .box4{grid-row:span 3}.Home .box7,.Home .box4{width:100%;height:100%}.Home .box7{grid-row:span 2;grid-column:span 2}@media screen and (max-width: 550px){.Home .box7{grid-column:span 1}}
.LogViewer .settingTable{display:flex;justify-content:center;position:relative;user-select:none}.LogViewer .settingTable .listSetting{padding:10px;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--cr-border);border-bottom:0;margin-bottom:-1px;position:relative;z-index:90}@media screen and (max-width: 767px){.LogViewer .settingTable .listSetting{width:100%}}.LogViewer .settingTable .listSetting .itemSetting{background-color:var(--bg-submain);padding:5px 14px;border:1px solid var(--cr-border);cursor:pointer;font-size:14px;transition:.2s ease;border-radius:3px;width:200px;text-align:center}.LogViewer .settingTable .listSetting .itemSetting:hover{background-color:var(--cr-hover)}.LogViewer .settingTable .listSetting .itemSetting.active{background-color:var(--cr-main);border:1px solid var(--cr-main);color:#fff}.LogViewer .settingTable .boxSetting{position:absolute;z-index:90;background-color:var(--bg-main);top:50px;border:1px solid var(--cr-border);border-top:0;padding:10px;transition:.3s ease;overflow:hidden;max-width:0px;width:100%;opacity:0;pointer-events:none}.LogViewer .settingTable .boxSetting.active{opacity:1;max-width:400px;pointer-events:all}@media screen and (max-width: 767px){.LogViewer .settingTable .boxSetting.active{max-width:100%}}.LogViewer .settingTable .boxToggleCols .btnsToggleCols{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.LogViewer .settingTable .boxToggleCols .btnsToggleCols .toggleCol{position:relative;height:40px;border-radius:4px;padding:5px 10px;background-color:var(--bg-submain);display:flex;align-items:center;gap:10px;overflow:hidden;user-select:none}.LogViewer .settingTable .boxToggleCols .btnsToggleCols .toggleCol input{-moz-appearance:none;-webkit-appearance:none;width:40px;height:20px;background-color:var(--cr-hover);border-radius:10px;border:1px solid var(--cr-border);position:relative;cursor:pointer}.LogViewer .settingTable .boxToggleCols .btnsToggleCols .toggleCol input::after{content:"";position:absolute;width:12px;height:12px;background-color:var(--bg-submain);border-radius:50%;top:2px;left:2px;border:1px solid var(--cr-main);transition:.3s ease}.LogViewer .settingTable .boxToggleCols .btnsToggleCols .toggleCol input:checked{background-color:var(--cr-main)}.LogViewer .settingTable .boxToggleCols .btnsToggleCols .toggleCol input:checked::after{left:calc(100% - 16px);background-color:#fff}.LogViewer .settingTable .boxToggleCols .btnsToggleCols .toggleCol label{position:absolute;width:100%;height:100%;inset:0;display:flex;align-items:center;padding-left:60px;font-size:13px;color:var(--cr-text);cursor:pointer}.LogViewer .settingTable .boxToggleCols .btnsControle{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;height:35px;margin-top:10px}.LogViewer .settingTable .boxToggleCols .btnsControle button:nth-child(2){border:1px solid #6495ed;background-color:#6495ed}.LogViewer .settingTable .boxToggleCols .btnsControle button:nth-child(3){border:1px solid crimson;background-color:crimson}.LogViewer .settingTable .boxFilterCols{display:grid;grid-template-columns:repeat(2, 1fr);align-items:flex-start;gap:3px}.LogViewer .settingTable .boxFilterCols .title{font-weight:600;margin-bottom:10px;padding:7px;font-size:14px;height:40px;text-align:center;cursor:pointer;border-radius:4px;transition:.3s ease;color:#fff}.LogViewer .settingTable .boxFilterCols .title:hover{box-shadow:inset 0 0 20px var(--cr-main)}.LogViewer .settingTable .boxFilterCols .inputValue,.LogViewer .settingTable .boxFilterCols .inputProcess,.LogViewer .settingTable .boxFilterCols .inputCol{display:flex;flex-direction:column;background-color:var(--bg-submain);padding:5px;border-radius:3px;height:45px;overflow:hidden;transition:.3s ease}.LogViewer .settingTable .boxFilterCols .inputValue span,.LogViewer .settingTable .boxFilterCols .inputProcess span,.LogViewer .settingTable .boxFilterCols .inputCol span{display:block;padding:7px;background-color:var(--bg-main);border-bottom:1px solid var(--cr-border);font-size:13px;cursor:pointer}.LogViewer .settingTable .boxFilterCols .inputValue span:hover,.LogViewer .settingTable .boxFilterCols .inputProcess span:hover,.LogViewer .settingTable .boxFilterCols .inputCol span:hover{background-color:var(--cr-main);color:#fff}.LogViewer .settingTable .boxFilterCols .inputValue span:last-child,.LogViewer .settingTable .boxFilterCols .inputProcess span:last-child,.LogViewer .settingTable .boxFilterCols .inputCol span:last-child{border-bottom:0}.LogViewer .settingTable .boxFilterCols .inputValue input,.LogViewer .settingTable .boxFilterCols .inputProcess input,.LogViewer .settingTable .boxFilterCols .inputCol input{width:100%;padding:10px;background-color:var(--bg-main);border:1px solid var(--cr-border);border-radius:2px;transition:.3s ease}.LogViewer .settingTable .boxFilterCols .inputValue input:focus,.LogViewer .settingTable .boxFilterCols .inputProcess input:focus,.LogViewer .settingTable .boxFilterCols .inputCol input:focus{background-color:var(--bg-input-focus);border-color:var(--cr-main)}.LogViewer .settingTable .boxDensityRows{display:grid;gap:15px}.LogViewer .settingTable .boxDensityRows .rangeBox{padding:10px;background-color:var(--bg-submain);border-radius:4px}.LogViewer .settingTable .boxDensityRows .rangeBox .title{font-size:15px;font-weight:500}.LogViewer .settingTable .boxDensityRows .rangeBox input{width:100%;height:20px;border-radius:20px;margin-top:10px;background-color:var(--bg-main);border:1px solid var(--cr-border);-webkit-appearance:none;overflow:hidden;padding:10px 0}.LogViewer .settingTable .boxDensityRows .rangeBox input::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;background-color:var(--cr-main);-webkit-appearance:none;cursor:pointer;box-shadow:-410px -100px 0 400px var(--cr-main);position:relative}.LogViewer .settingTable .boxDensityRows .toggleCut{background-color:var(--bg-submain);padding:10px;border-radius:4px;display:flex;align-items:center;gap:10px}.LogViewer .settingTable .boxDensityRows .toggleCut label{font-size:30px;cursor:pointer;margin-top:1px}.LogViewer .settingTable .boxDensityRows .toggleCut input{width:50px}.LogViewer .settingTable .boxDensityRows .btnShadow{padding:10px;max-width:150px;width:100%}.LogViewer .containerTable{background-color:var(--bg-main);border-radius:4px;border:1px solid var(--cr-border);height:68vh;position:relative;overflow:auto}.LogViewer .containerTable::-webkit-scrollbar{width:5px}.LogViewer .containerTable .backDrob{position:fixed;z-index:80;inset:0;height:100%;width:100%;background-color:var(--bg-backDrob);pointer-events:none;opacity:0;transition:.3s ease}.LogViewer .containerTable .backDrob.active{pointer-events:all;opacity:1}.LogViewer .containerTable table{width:100%}.LogViewer .containerTable table tr{background-color:var(--bg-main);text-align:center}.LogViewer .containerTable table tr td,.LogViewer .containerTable table tr th{padding:6px;font-size:13px;position:relative;overflow:hidden}.LogViewer .containerTable table tr td i,.LogViewer .containerTable table tr th i{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer}.LogViewer .containerTable table tr td:nth-child(1),.LogViewer .containerTable table tr th:nth-child(1){width:40px;text-transform:uppercase}.LogViewer .containerTable table tr td:last-child,.LogViewer .containerTable table tr th:last-child{width:40px}.LogViewer .containerTable table tr td.hide,.LogViewer .containerTable table tr th.hide{display:none}.LogViewer .containerTable table tr td.show,.LogViewer .containerTable table tr th.show{display:auto}.LogViewer .containerTable table tr td{font-size:12px;font-weight:300;color:var(--cr-text-muted)}.LogViewer .containerTable table thead{position:sticky;top:0;background-color:var(--bg-main);z-index:50}.LogViewer .containerTable table thead tr{height:50px}@media screen and (max-width: 767px){.LogViewer .containerTable table thead tr th{font-weight:300;font-size:12px}}.LogViewer .containerTable table tbody tr{cursor:pointer;background-color:var(--bg-submain);height:40px}.LogViewer .containerTable table tbody tr:hover{background-color:var(--cr-hover)}.LogViewer .containerTable table tbody tr:hover td{color:var(--cr-text)}.LogViewer .containerTable table tbody tr:hover td i{background-color:crimson}.LogViewer .bottomButton{margin:5px}.LogViewer .selectPorte{background-color:rgba(0,0,0,0);color:var(--cr-text);border:none;font-size:16px;appearance:none;width:100%;height:100%;text-align:center}.LogViewer .selectPorte option{background-color:var(--bg-submain)}.LogViewer .selectPorte:focus{outline:none;box-shadow:none}.LogViewer .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-submain);width:fit-content;margin:10px auto 0;user-select:none;height:40px;border-radius:20px;overflow:hidden;border:1px solid var(--cr-border);box-shadow:3px 3px 10px var(--cr-shadow);padding:5px}@media screen and (max-width: 767px){.LogViewer .pagination{gap:7px}}.LogViewer .pagination button{background-color:var(--cr-main);color:#fff;height:30px;width:60px;cursor:pointer;border-radius:20px;transition:.2s;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 385px){.LogViewer .pagination button{width:40px}}.LogViewer .pagination button:active{scale:.9}.LogViewer .pagination ul{display:flex;align-items:center;gap:10px}@media screen and (max-width: 767px){.LogViewer .pagination ul{gap:5px}}.LogViewer .pagination ul li{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.LogViewer .pagination ul li:hover,.LogViewer .pagination ul li.active{background-color:var(--cr-main);color:#fff}.LogViewer .pagination ul li:last-child{background-color:crimson;color:#fff}.swiper-button-prev,.swiper-button-next{opacity:0 !important;pointer-events:none !important;z-index:-10000 !important}
.Team{position:relative;min-height:79vh}.Team .popupDetailsUser{position:absolute;z-index:100;transition:.3s ease;width:100%;height:90%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:98}.Team .popupDetailsUser .backDrob{background-color:var(--bg-backDrob);position:absolute;inset:0;transition:.3s ease;cursor:pointer}.Team .popupDetailsUser.active{opacity:1;pointer-events:all}.Team .popupDetailsUser.active ul{scale:1}.Team .popupDetailsUser ul{background:var(--bg-main);padding:10px;max-width:400px;width:94%;border:1px solid var(--cr-border);border-radius:3px;margin-bottom:100px;scale:0;transition:.3s ease}.Team .popupDetailsUser li{padding:10px;border-bottom:1px solid var(--cr-border)}.Team .popupDetailsUser li:last-child{border-bottom:0}.Team .containerTable{background-color:var(--bg-main);padding:10px;border-radius:4px;height:100%}.Team .containerTable .search-and-add{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.Team .containerTable .search-container{flex:1;display:flex;justify-content:center}.Team .containerTable .boxSearch{background-color:var(--bg-submain);position:relative;max-width:500px;width:100%;height:40px;transition:.3s;overflow:hidden}.Team .containerTable .boxSearch .head{position:relative;width:100%;height:40px;display:flex;align-items:center;overflow:hidden}.Team .containerTable .boxSearch .head input{padding:10px 35px 10px 10px;height:100%;flex:1;transition:.4s ease;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.Team .containerTable .boxSearch .head input:focus{border:1px solid var(--cr-main);background-color:var(--bg-input-focus)}.Team .containerTable .boxSearch .head input:focus::placeholder{color:var(--cr-text);opacity:.8}.Team .containerTable .boxSearch .head .btnSearch{position:absolute;right:0;top:-1px;width:40px;height:100%;display:flex;align-items:center;justify-content:center;margin-top:1px;background-color:var(--cr-main);color:#fff;font-size:13px;cursor:pointer;font-size:20px;transition:.3s ease}.Team .containerTable .boxSearch .head .btnSearch.open{rotate:180deg}.Team .containerTable .boxSearch .categoriesSearch{display:flex;flex-direction:column}.Team .containerTable .boxSearch .categoriesSearch span{font-size:13px;padding:6px 10px;border-bottom:1px solid var(--cr-border);cursor:pointer;transition:.3s ease}.Team .containerTable .boxSearch .categoriesSearch span:first-child{border-top:1px solid var(--cr-border)}.Team .containerTable .boxSearch .categoriesSearch span:last-child{border:none}.Team .containerTable .boxSearch .categoriesSearch span:hover{background-color:var(--cr-hover);padding-left:30px}.Team .containerTable table{height:100%;width:100%}.Team .containerTable table .swiper{width:100%;height:100%}.Team .containerTable table .swiper .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.Team .containerTable table tr{background-color:var(--bg-submain);text-align:center}.Team .containerTable table tr td,.Team .containerTable table tr th{padding:5px;font-size:13px}.Team .containerTable table tr td:nth-child(1),.Team .containerTable table tr th:nth-child(1){width:40px}.Team .containerTable table tr td{font-size:12px;font-weight:300;color:var(--cr-text-muted)}.Team .containerTable table thead tr{height:50px}@media screen and (max-width: 767px){.Team .containerTable table thead tr th{font-weight:300;font-size:12px}}.Team .containerTable table tbody tr{height:40px;cursor:pointer}.Team .containerTable table tbody tr:hover{background-color:var(--cr-hover)}.Team .containerTable table tbody tr:hover td{color:var(--cr-text)}.Team .containerTable .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-submain);width:fit-content;margin:10px auto 0;user-select:none;height:40px;border-radius:20px;overflow:hidden;border:1px solid var(--cr-border);box-shadow:3px 3px 10px var(--cr-shadow);padding:5px}@media screen and (max-width: 767px){.Team .containerTable .pagination{gap:7px}}.Team .containerTable .pagination button{background-color:var(--cr-main);color:#fff;height:30px;width:60px;cursor:pointer;border-radius:20px;transition:.2s;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 385px){.Team .containerTable .pagination button{width:40px}}.Team .containerTable .pagination button:active{scale:.9}.Team .containerTable .pagination ul{display:flex;align-items:center;gap:10px}@media screen and (max-width: 767px){.Team .containerTable .pagination ul{gap:5px}}.Team .containerTable .pagination ul li{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.Team .containerTable .pagination ul li:hover,.Team .containerTable .pagination ul li.active{background-color:var(--cr-main);color:#fff}.Team .containerTable .pagination ul li:last-child{background-color:crimson;color:#fff}.btn-add-user{padding:.5rem 1rem;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.75);color:#fff;padding:1rem 2rem;border-radius:5px;z-index:1000}.swiper-button-prev,.swiper-button-next{opacity:0 !important;pointer-events:none !important;z-index:-10000 !important}
:export{spacing-sm:8px;spacing-md:16px;spacing-lg:24px;border-radius:4px;shadow-lg:0px 4px 6px rgba(0,0,0,.1)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-backDrob);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal .modal-content{background:var(--bg-submain);padding:24px;border-radius:4px;min-width:300px;box-shadow:0px 4px 6px rgba(0,0,0,.1)}.modal .modal-content .modal-title{color:var(--cr-text);margin-bottom:16px;font-size:1.5rem;font-weight:bold}.modal .modal-content .profile-list{margin:16px 0;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cr-main) var(--bg-submain)}.modal .modal-content .profile-list::-webkit-scrollbar{width:8px}.modal .modal-content .profile-list::-webkit-scrollbar-thumb{background-color:var(--cr-main);border-radius:4px}.modal .modal-content .profile-list .profile-item{padding:8px;cursor:pointer;border-bottom:1px solid var(--cr-border);transition:all .3s ease}.modal .modal-content .profile-list .profile-item:hover{background-color:var(--bg-input-focus)}.modal .modal-content .profile-list .profile-item.selected{background-color:var(--cr-main-hover);color:var(--cr-text)}.modal .modal-content .button-group{display:flex;justify-content:flex-end;gap:8px}.modal .modal-content .button-group .btnShadow{border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:8px 16px}.modal .modal-content .button-group .btnShadow.btn-secondary{background-color:var(--cr-hover);color:var(--cr-text-muted)}
.ManageCodes .settingTable{display:flex;justify-content:center;position:relative;user-select:none}.ManageCodes .settingTable .listSetting{padding:10px;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--cr-border);border-bottom:0;margin-bottom:-1px;position:relative;z-index:90}@media screen and (max-width: 767px){.ManageCodes .settingTable .listSetting{width:100%}}.ManageCodes .settingTable .listSetting .itemSetting{background-color:var(--bg-submain);padding:5px 14px;border:1px solid var(--cr-border);cursor:pointer;font-size:14px;transition:.2s ease;border-radius:3px}.ManageCodes .settingTable .listSetting .itemSetting:hover{background-color:var(--cr-hover)}.ManageCodes .settingTable .listSetting .itemSetting.active{background-color:var(--cr-main);border:1px solid var(--cr-main);color:#fff}.ManageCodes .settingTable .boxSetting{position:absolute;z-index:90;background-color:var(--bg-main);top:50px;border:1px solid var(--cr-border);border-top:0;padding:10px;transition:.3s ease;overflow:hidden;max-width:0px;width:100%;opacity:0;pointer-events:none}.ManageCodes .settingTable .boxSetting.active{opacity:1;max-width:400px;pointer-events:all}@media screen and (max-width: 767px){.ManageCodes .settingTable .boxSetting.active{max-width:100%}}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols .toggleCol{position:relative;height:40px;border-radius:4px;padding:5px 10px;background-color:var(--bg-submain);display:flex;align-items:center;gap:10px;overflow:hidden;user-select:none}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols .toggleCol input{-moz-appearance:none;-webkit-appearance:none;width:40px;height:20px;background-color:var(--cr-hover);border-radius:10px;border:1px solid var(--cr-border);position:relative;cursor:pointer}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols .toggleCol input::after{content:"";position:absolute;width:12px;height:12px;background-color:var(--bg-submain);border-radius:50%;top:2px;left:2px;border:1px solid var(--cr-main);transition:.3s ease}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols .toggleCol input:checked{background-color:var(--cr-main)}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols .toggleCol input:checked::after{left:calc(100% - 16px);background-color:#fff}.ManageCodes .settingTable .boxToggleCols .btnsToggleCols .toggleCol label{position:absolute;width:100%;height:100%;inset:0;display:flex;align-items:center;padding-left:60px;font-size:13px;color:var(--cr-text);cursor:pointer}.ManageCodes .settingTable .boxToggleCols .btnsControle{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;height:35px;margin-top:10px}.ManageCodes .settingTable .boxToggleCols .btnsControle button:nth-child(2){border:1px solid #6495ed;background-color:#6495ed}.ManageCodes .settingTable .boxToggleCols .btnsControle button:nth-child(3){border:1px solid crimson;background-color:crimson}.ManageCodes .settingTable .boxFilterCols{display:grid;grid-template-columns:repeat(2, 1fr);align-items:flex-start;gap:3px}.ManageCodes .settingTable .boxFilterCols .title{font-weight:600;margin-bottom:10px;padding:7px;font-size:14px;height:40px;text-align:center;cursor:pointer;border-radius:4px;transition:.3s ease;color:#fff}.ManageCodes .settingTable .boxFilterCols .title:hover{box-shadow:inset 0 0 20px var(--cr-main)}.ManageCodes .settingTable .boxFilterCols .inputValue,.ManageCodes .settingTable .boxFilterCols .inputProcess,.ManageCodes .settingTable .boxFilterCols .inputCol{display:flex;flex-direction:column;background-color:var(--bg-submain);padding:5px;border-radius:3px;height:45px;overflow:hidden;transition:.3s ease}.ManageCodes .settingTable .boxFilterCols .inputValue span,.ManageCodes .settingTable .boxFilterCols .inputProcess span,.ManageCodes .settingTable .boxFilterCols .inputCol span{display:block;padding:7px;background-color:var(--bg-main);border-bottom:1px solid var(--cr-border);font-size:13px;cursor:pointer}.ManageCodes .settingTable .boxFilterCols .inputValue span:hover,.ManageCodes .settingTable .boxFilterCols .inputProcess span:hover,.ManageCodes .settingTable .boxFilterCols .inputCol span:hover{background-color:var(--cr-main);color:#fff}.ManageCodes .settingTable .boxFilterCols .inputValue span:last-child,.ManageCodes .settingTable .boxFilterCols .inputProcess span:last-child,.ManageCodes .settingTable .boxFilterCols .inputCol span:last-child{border-bottom:0}.ManageCodes .settingTable .boxFilterCols .inputValue input,.ManageCodes .settingTable .boxFilterCols .inputProcess input,.ManageCodes .settingTable .boxFilterCols .inputCol input{width:100%;padding:10px;background-color:var(--bg-main);border:1px solid var(--cr-border);border-radius:2px;transition:.3s ease}.ManageCodes .settingTable .boxFilterCols .inputValue input:focus,.ManageCodes .settingTable .boxFilterCols .inputProcess input:focus,.ManageCodes .settingTable .boxFilterCols .inputCol input:focus{background-color:var(--bg-input-focus);border-color:var(--cr-main)}.ManageCodes .settingTable .boxDensityRows{display:grid;gap:15px}.ManageCodes .settingTable .boxDensityRows .rangeBox{padding:10px;background-color:var(--bg-submain);border-radius:4px}.ManageCodes .settingTable .boxDensityRows .rangeBox .title{font-size:15px;font-weight:500}.ManageCodes .settingTable .boxDensityRows .rangeBox input{width:100%;height:20px;border-radius:20px;margin-top:10px;background-color:var(--bg-main);border:1px solid var(--cr-border);-webkit-appearance:none;overflow:hidden;padding:10px 0}.ManageCodes .settingTable .boxDensityRows .rangeBox input::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;background-color:var(--cr-main);-webkit-appearance:none;cursor:pointer;box-shadow:-410px -100px 0 400px var(--cr-main);position:relative}.ManageCodes .settingTable .boxDensityRows .toggleCut{background-color:var(--bg-submain);padding:10px;border-radius:4px;display:flex;align-items:center;gap:10px}.ManageCodes .settingTable .boxDensityRows .toggleCut label{font-size:30px;cursor:pointer;margin-top:1px}.ManageCodes .settingTable .boxDensityRows .toggleCut input{width:50px}.ManageCodes .settingTable .boxDensityRows .btnShadow{padding:10px;max-width:150px;width:100%}.ManageCodes .containerTable{background-color:var(--bg-main);border-radius:4px;border:1px solid var(--cr-border);height:68vh;position:relative;overflow:auto}.ManageCodes .containerTable::-webkit-scrollbar{width:5px}.ManageCodes .containerTable .backDrob{position:fixed;z-index:80;inset:0;height:100%;width:100%;background-color:var(--bg-backDrob);pointer-events:none;opacity:0;transition:.3s ease}.ManageCodes .containerTable .backDrob.active{pointer-events:all;opacity:1}.ManageCodes .containerTable table{width:100%}.ManageCodes .containerTable table tr{background-color:var(--bg-main);text-align:center}.ManageCodes .containerTable table tr td,.ManageCodes .containerTable table tr th{padding:6px;font-size:13px;position:relative;overflow:hidden}.ManageCodes .containerTable table tr td i,.ManageCodes .containerTable table tr th i{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer}.ManageCodes .containerTable table tr td:nth-child(1),.ManageCodes .containerTable table tr th:nth-child(1){width:40px;text-transform:uppercase}.ManageCodes .containerTable table tr td:last-child,.ManageCodes .containerTable table tr th:last-child{width:40px}.ManageCodes .containerTable table tr td.hide,.ManageCodes .containerTable table tr th.hide{display:none}.ManageCodes .containerTable table tr td.show,.ManageCodes .containerTable table tr th.show{display:auto}.ManageCodes .containerTable table tr td{font-size:12px;font-weight:300;color:var(--cr-text-muted)}.ManageCodes .containerTable table thead{position:sticky;top:0;background-color:var(--bg-main);z-index:50}.ManageCodes .containerTable table thead tr{height:50px}@media screen and (max-width: 767px){.ManageCodes .containerTable table thead tr th{font-weight:300;font-size:12px}}.ManageCodes .containerTable table tbody tr{cursor:pointer;background-color:var(--bg-submain);height:40px}.ManageCodes .containerTable table tbody tr:hover{background-color:var(--cr-hover)}.ManageCodes .containerTable table tbody tr:hover td{color:var(--cr-text)}.ManageCodes .containerTable table tbody tr:hover td i{background-color:crimson}.ManageCodes .bottomButton{margin:5px}.ManageCodes .selectPorte{background-color:rgba(0,0,0,0);color:var(--cr-text);border:none;font-size:16px;appearance:none;cursor:pointer;height:100%}.ManageCodes .selectPorte option{cursor:pointer !important;background-color:var(--bg-submain)}.ManageCodes .selectPorte:focus{outline:none;box-shadow:none}
.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#333;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}input[type=text],.react-datepicker-wrapper{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;color:var(--cr-text);background-color:var(--input-background);transition:border-color .3s}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px}.checkbox-group label{flex:1 0 45%;display:flex;align-items:center}.button-group{display:flex;justify-content:space-between}button{padding:10px 15px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer}button:hover{background-color:#337735}.error-message{color:red;font-size:12px;margin-top:5px;display:block}.datepicker-wrapper{position:relative;direction:ltr}.datepicker-wrapper.rtl{direction:rtl}.datepicker-wrapper.rtl .react-datepicker__close-icon{position:absolute;left:8px;right:auto}
.video-gallery{display:flex;flex-direction:column;gap:2rem;align-items:center}.video-date-section{width:100%}.video-date{font-weight:bold;margin-bottom:1rem}.video-thumbnails{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.video-thumbnail{cursor:pointer;text-align:center}.video-thumbnail img{width:200px;height:auto;border-radius:8px;box-shadow:0px 4px 12px rgba(0,0,0,.1)}.video-modal-content{display:flex;flex-direction:column;align-items:center}.video-modal-content video{width:100%;max-width:600px;margin-bottom:1rem}.video-modal-content button{padding:.5rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.video-modal-content button:hover{background-color:#218838}
.Team{position:relative;min-height:79vh}.Team .popupDetailsUser{position:absolute;z-index:100;transition:.3s ease;width:100%;height:90%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:98}.Team .popupDetailsUser .backDrob{background-color:var(--bg-backDrob);position:absolute;inset:0;transition:.3s ease;cursor:pointer}.Team .popupDetailsUser.active{opacity:1;pointer-events:all}.Team .popupDetailsUser.active ul{scale:1}.Team .popupDetailsUser ul{background:var(--bg-main);padding:10px;max-width:400px;width:94%;border:1px solid var(--cr-border);border-radius:3px;margin-bottom:100px;scale:0;transition:.3s ease}.Team .popupDetailsUser li{padding:10px;border-bottom:1px solid var(--cr-border)}.Team .popupDetailsUser li:last-child{border-bottom:0}.Team .containerTable{background-color:var(--bg-main);padding:10px;border-radius:4px;height:100%}.Team .containerTable .search-and-add{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.Team .containerTable .search-container{flex:1;display:flex;justify-content:center}.Team .containerTable .boxSearch{background-color:var(--bg-submain);position:relative;max-width:500px;width:100%;height:40px;transition:.3s;overflow:hidden}.Team .containerTable .boxSearch .head{position:relative;width:100%;height:40px;display:flex;align-items:center;overflow:hidden}.Team .containerTable .boxSearch .head input{padding:10px 35px 10px 10px;height:100%;flex:1;transition:.4s ease;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.Team .containerTable .boxSearch .head input:focus{border:1px solid var(--cr-main);background-color:var(--bg-input-focus)}.Team .containerTable .boxSearch .head input:focus::placeholder{color:var(--cr-text);opacity:.8}.Team .containerTable .boxSearch .head .btnSearch{position:absolute;right:0;top:-1px;width:40px;height:100%;display:flex;align-items:center;justify-content:center;margin-top:1px;background-color:var(--cr-main);color:#fff;font-size:13px;cursor:pointer;font-size:20px;transition:.3s ease}.Team .containerTable .boxSearch .head .btnSearch.open{rotate:180deg}.Team .containerTable .boxSearch .categoriesSearch{display:flex;flex-direction:column}.Team .containerTable .boxSearch .categoriesSearch span{font-size:13px;padding:6px 10px;border-bottom:1px solid var(--cr-border);cursor:pointer;transition:.3s ease}.Team .containerTable .boxSearch .categoriesSearch span:first-child{border-top:1px solid var(--cr-border)}.Team .containerTable .boxSearch .categoriesSearch span:last-child{border:none}.Team .containerTable .boxSearch .categoriesSearch span:hover{background-color:var(--cr-hover);padding-left:30px}.Team .containerTable table{height:100%;width:100%}.Team .containerTable table .swiper{width:100%;height:100%}.Team .containerTable table .swiper .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.Team .containerTable table tr{background-color:var(--bg-submain);text-align:center}.Team .containerTable table tr td,.Team .containerTable table tr th{padding:5px;font-size:13px}.Team .containerTable table tr td:nth-child(1),.Team .containerTable table tr th:nth-child(1){width:40px}.Team .containerTable table tr td{font-size:12px;font-weight:300;color:var(--cr-text-muted)}.Team .containerTable table thead tr{height:50px}@media screen and (max-width: 767px){.Team .containerTable table thead tr th{font-weight:300;font-size:12px}}.Team .containerTable table tbody tr{height:40px;cursor:pointer}.Team .containerTable table tbody tr:hover{background-color:var(--cr-hover)}.Team .containerTable table tbody tr:hover td{color:var(--cr-text)}.Team .containerTable .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-submain);width:fit-content;margin:10px auto 0;user-select:none;height:40px;border-radius:20px;overflow:hidden;border:1px solid var(--cr-border);box-shadow:3px 3px 10px var(--cr-shadow);padding:5px}@media screen and (max-width: 767px){.Team .containerTable .pagination{gap:7px}}.Team .containerTable .pagination button{background-color:var(--cr-main);color:#fff;height:30px;width:60px;cursor:pointer;border-radius:20px;transition:.2s;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 385px){.Team .containerTable .pagination button{width:40px}}.Team .containerTable .pagination button:active{scale:.9}.Team .containerTable .pagination ul{display:flex;align-items:center;gap:10px}@media screen and (max-width: 767px){.Team .containerTable .pagination ul{gap:5px}}.Team .containerTable .pagination ul li{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.Team .containerTable .pagination ul li:hover,.Team .containerTable .pagination ul li.active{background-color:var(--cr-main);color:#fff}.Team .containerTable .pagination ul li:last-child{background-color:crimson;color:#fff}.btn-add-user{padding:.5rem 1rem;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.75);color:#fff;padding:1rem 2rem;border-radius:5px;z-index:1000}.swiper-button-prev,.swiper-button-next{opacity:0 !important;pointer-events:none !important;z-index:-10000 !important}.profiles-container{margin:2rem auto;padding:1rem;font-family:Arial,sans-serif}.profiles-title{text-align:center;font-size:1.8rem;margin-bottom:1.5rem}table.profiles-table{background-color:#000}table{height:100%;width:100%}table .swiper{width:100%;height:100%}table .swiper .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}table tr{background-color:var(--bg-submain);text-align:center}table tr td,table tr th{padding:5px;font-size:13px}table tr td:nth-child(1),table tr th:nth-child(1){width:40px}table tr td{font-size:12px;font-weight:300;color:var(--cr-text-muted)}table thead tr{height:50px}@media screen and (max-width: 767px){table thead tr th{font-weight:300;font-size:12px}}table tbody tr{height:40px;cursor:pointer}table tbody tr:hover{background-color:var(--cr-hover)}table tbody tr:hover td{color:var(--cr-text)}.profiles-table input[type=checkbox]{accent-color:var(--cr-main)}.profiles-table input[type=checkbox]:checked{background-color:var(--cr-main);border-color:var(--cr-main)}.profiles-table input[type=text]{width:100%;padding:.4rem;box-sizing:border-box}.btn-add-profile,.btn-save{display:inline-block;background-color:#007848;color:#fff;padding:.4rem 1rem;border:none;border-radius:4px;cursor:pointer;margin-top:.5rem}.btn-save{margin-top:1.5rem;background-color:#2e7d32}.btn-add-profile:hover,.btn-save:hover{opacity:.9}.btn-remove-profile{background-color:#d32f2f}.btn-remove-profile:hover{background-color:#900a0a}
.Door{position:relative;min-height:79vh}.Door .popupDetailsUser{position:absolute;z-index:100;transition:.3s ease;width:100%;height:90%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:98}.Door .popupDetailsUser .backDrob{background-color:var(--bg-backDrob);position:absolute;inset:0;transition:.3s ease;cursor:pointer}.Door .popupDetailsUser.active{opacity:1;pointer-events:all}.Door .popupDetailsUser.active ul{scale:1}.Door .popupDetailsUser ul{background:var(--bg-main);padding:10px;max-width:400px;width:94%;border:1px solid var(--cr-border);border-radius:3px;margin-bottom:100px;scale:0;transition:.3s ease}.Door .popupDetailsUser li{padding:10px;border-bottom:1px solid var(--cr-border)}.Door .popupDetailsUser li:last-child{border-bottom:0}.Door .containerTable{background-color:var(--bg-main);padding:10px;border-radius:4px;height:100%}.Door .containerTable .search-and-add{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.Door .containerTable .search-container{flex:1;display:flex;justify-content:center}.Door .containerTable .boxSearch{background-color:var(--bg-submain);position:relative;max-width:500px;width:100%;height:40px;transition:.3s;overflow:hidden}.Door .containerTable .boxSearch .head{position:relative;width:100%;height:40px;display:flex;align-items:center;overflow:hidden}.Door .containerTable .boxSearch .head input{padding:10px 35px 10px 10px;height:100%;flex:1;transition:.4s ease;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.Door .containerTable .boxSearch .head input:focus{border:1px solid var(--cr-main);background-color:var(--bg-input-focus)}.Door .containerTable .boxSearch .head input:focus::placeholder{color:var(--cr-text);opacity:.8}.Door .containerTable .boxSearch .head .btnSearch{position:absolute;right:0;top:-1px;width:40px;height:100%;display:flex;align-items:center;justify-content:center;margin-top:1px;background-color:var(--cr-main);color:#fff;font-size:13px;cursor:pointer;font-size:20px;transition:.3s ease}.Door .containerTable .boxSearch .head .btnSearch.open{rotate:180deg}.Door .containerTable .boxSearch .categoriesSearch{display:flex;flex-direction:column}.Door .containerTable .boxSearch .categoriesSearch span{font-size:13px;padding:6px 10px;border-bottom:1px solid var(--cr-border);cursor:pointer;transition:.3s ease}.Door .containerTable .boxSearch .categoriesSearch span:first-child{border-top:1px solid var(--cr-border)}.Door .containerTable .boxSearch .categoriesSearch span:last-child{border:none}.Door .containerTable .boxSearch .categoriesSearch span:hover{background-color:var(--cr-hover);padding-left:30px}.Door .containerTable table{height:100%;width:100%}.Door .containerTable table .swiper{width:100%;height:100%}.Door .containerTable table .swiper .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.Door .containerTable table tr{background-color:var(--bg-submain);text-align:center}.Door .containerTable table tr td,.Door .containerTable table tr th{padding:5px;font-size:13px}.Door .containerTable table tr td:nth-child(1),.Door .containerTable table tr th:nth-child(1){width:40px}.Door .containerTable table tr td{font-size:12px;font-weight:300;color:var(--cr-text-muted)}.Door .containerTable table thead tr{height:50px}@media screen and (max-width: 767px){.Door .containerTable table thead tr th{font-weight:300;font-size:12px}}.Door .containerTable table tbody tr{height:40px;cursor:pointer}.Door .containerTable table tbody tr:hover{background-color:var(--cr-hover)}.Door .containerTable table tbody tr:hover td{color:var(--cr-text)}.Door .containerTable .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--bg-submain);width:fit-content;margin:10px auto 0;user-select:none;height:40px;border-radius:20px;overflow:hidden;border:1px solid var(--cr-border);box-shadow:3px 3px 10px var(--cr-shadow);padding:5px}@media screen and (max-width: 767px){.Door .containerTable .pagination{gap:7px}}.Door .containerTable .pagination button{background-color:var(--cr-main);color:#fff;height:30px;width:60px;cursor:pointer;border-radius:20px;transition:.2s;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 385px){.Door .containerTable .pagination button{width:40px}}.Door .containerTable .pagination button:active{scale:.9}.Door .containerTable .pagination ul{display:flex;align-items:center;gap:10px}@media screen and (max-width: 767px){.Door .containerTable .pagination ul{gap:5px}}.Door .containerTable .pagination ul li{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.Door .containerTable .pagination ul li:hover,.Door .containerTable .pagination ul li.active{background-color:var(--cr-main);color:#fff}.Door .containerTable .pagination ul li:last-child{background-color:crimson;color:#fff}.btn-add-user{padding:.5rem 1rem;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.75);color:#fff;padding:1rem 2rem;border-radius:5px;z-index:1000}.swiper-button-prev,.swiper-button-next{opacity:0 !important;pointer-events:none !important;z-index:-10000 !important}.btn2{background-color:var(--cr-main);color:#fff;padding:.5rem 1rem;margin:5px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn2:hover{background-color:var(--cr-main-hover)}.btn2:hover{background-color:var(--cr-main-hover)}.btn2:active{transform:scale(0.95)}.btn2:disabled{background-color:var(--cr-main-disabled);cursor:not-allowed}.sticky-column .btn-warning{background:orange !important;color:#fff !important}.sticky-column .btn-warning:hover{background:#ff8c00 !important}.icon-space{margin-right:6px}
.EditDoors .input-group{margin-bottom:15px}.EditDoors .containerContent{display:grid;align-content:flex-start;min-height:73vh;padding:20px;gap:10px}@media screen and (max-width: 550px){.EditDoors .containerContent{padding:10px}}.EditDoors .containerContent .containerInps{display:grid;align-content:center;gap:10px;grid-template-columns:1fr 1fr}@media screen and (max-width: 767px){.EditDoors .containerContent .containerInps{grid-template-columns:1fr}}.EditDoors .containerContent .containerInps input,.EditDoors .containerContent .containerInps select{height:50px;padding:10px 15px;width:100%;background-color:var(--bg-main);color:var(--cr-text);border-radius:4px;border:1px solid var(--cr-border);transition:.3s ease}@media screen and (max-width: 767px){.EditDoors .containerContent .containerInps input,.EditDoors .containerContent .containerInps select{height:43px}}.EditDoors .containerContent .containerInps input:focus,.EditDoors .containerContent .containerInps select:focus{box-shadow:3px 3px 10px var(--bg-main);border:1px solid var(--cr-main);background:var(--bg-input-focus)}.EditDoors .containerContent .actions{display:flex;justify-content:center;gap:20px}.EditDoors .containerContent .actions button{max-width:150px;width:100%;height:40px;border-radius:3px;margin:0}.EditDoors .containerContent .image-input{display:flex;flex-direction:column;align-items:center;border:2px dashed var(--cr-border);border-radius:5px;padding:20px;transition:border-color .3s ease}.EditDoors .containerContent .image-input.dropzone{cursor:pointer}.EditDoors .containerContent .image-input:hover{border-color:var(--cr-main-hover)}.EditDoors .containerContent .image-input .image-preview-container{display:flex;align-items:center;gap:10px}.EditDoors .containerContent .image-input .image-button{display:inline-block;background-color:var(--cr-main);color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;text-align:center}.EditDoors .containerContent .image-input .image-button:hover{background-color:var(--cr-main-hover)}.EditDoors .containerContent .image-input .image-button:active{transform:scale(0.95)}.EditDoors .containerContent .image-input .image-preview{max-width:150px;max-height:150px;object-fit:cover;border:1px solid var(--cr-border);border-radius:4px}.EditDoors .containerContent .image-input .change-image{margin-top:5px;font-size:12px;color:var(--cr-text-muted);cursor:pointer}.EditDoors .containerContent .image-input .change-image:hover{text-decoration:underline}
.keyboard-management{padding:2rem 1rem}.keyboard-management .container-fluid{max-width:1200px;margin:0 auto}.keyboard-management h2{color:var(--cr-text);margin-bottom:2rem;font-weight:600;text-align:center;font-size:2rem}.keyboard-management .row{display:flex;gap:2rem;background:var(--bg-main);padding:1rem;border-radius:12px;margin-top:1rem}.keyboard-management .row .col-md-6{flex:1;min-width:0}.keyboard-management .card{margin-bottom:2rem;background:var(--bg-submain);color:var(--cr-text);border:1px solid var(--cr-border);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:all .3s ease;overflow:hidden}.keyboard-management .card:hover{box-shadow:0 8px 30px rgba(0,0,0,.2);transform:translateY(-2px)}.keyboard-management .card .card-header{background:var(--bg-submain);border-bottom:1px solid var(--cr-border);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.keyboard-management .card .card-header strong{font-size:1.2rem;color:var(--cr-text);flex:1}.keyboard-management .card .card-header .btn{border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.keyboard-management .card .card-header .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.keyboard-management .card .card-body{background:var(--bg-submain);padding:0}.keyboard-management .card .card-body .table{margin-bottom:0;background:rgba(0,0,0,0)}.keyboard-management .card .card-body .table th{background:var(--bg-submain);color:var(--cr-text);border-bottom:2px solid var(--cr-border);font-weight:600;padding:1rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.keyboard-management .card .card-body .table td{color:var(--cr-text);border-bottom:1px solid var(--cr-border);padding:1rem;vertical-align:middle}.keyboard-management .card .card-body .table td .btn{border-radius:6px;padding:.375rem .75rem;font-size:.875rem;transition:all .2s ease}.keyboard-management .card .card-body .table td .btn:hover{transform:translateY(-1px)}.keyboard-management .card .card-body .table td .btn.delete-btn{background:#dc3545;border-color:#dc3545;color:#fff}.keyboard-management .card .card-body .table td .btn.delete-btn:hover{background:#c82333;border-color:#bd2130;box-shadow:0 4px 12px rgba(220,53,69,.3)}.keyboard-management .card .card-body .table tbody tr{transition:background-color .2s ease}.keyboard-management .card .card-body .table tbody tr:hover{background:hsla(0,0%,100%,.05)}.keyboard-management .card .card-body .text-center{padding:1.5rem;border-top:1px solid var(--cr-border)}.keyboard-management .card .card-body .text-center .btn{border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease}.keyboard-management .card .card-body .text-center .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.keyboard-management .card .card-body .text-center .btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width: 768px){.keyboard-management{padding:1rem .5rem}.keyboard-management h2{font-size:1.5rem;margin-bottom:1.5rem}.keyboard-management .row{flex-direction:column;gap:1.5rem;padding:.5rem}.keyboard-management .card .card-header{padding:1rem}.keyboard-management .card .card-header .btn{padding:.5rem 1rem;font-size:.9rem}.keyboard-management .card .card-body .table th,.keyboard-management .card .card-body .table td{padding:.75rem .5rem;font-size:.85rem}.keyboard-management .card .card-body .table th{font-size:.8rem}.keyboard-management .card .card-body .text-center{padding:1rem}.keyboard-management .card .card-body .text-center .btn{padding:.5rem 1rem;font-size:.9rem}}.keyboard-management .keyboard-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.keyboard-management .keyboard-modal{background:var(--bg-submain);color:var(--cr-text);padding:2rem;width:500px;max-width:95vw;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;box-sizing:border-box;max-height:90vh;overflow:auto;border:1px solid var(--cr-border);animation:slideIn .3s ease-out;transform:scale(0.95);transition:transform .3s ease}.keyboard-management .keyboard-modal.show{transform:scale(1)}@keyframes slideIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.keyboard-management .keyboard-modal *{box-sizing:border-box}.keyboard-management .keyboard-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--cr-border)}.keyboard-management .keyboard-modal-header h3{margin:0;color:var(--cr-text);font-size:1.5rem;font-weight:600}.keyboard-management .keyboard-modal-header .btn-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--cr-text);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.keyboard-management .keyboard-modal-header .btn-close:hover{background:var(--cr-hover);transform:rotate(90deg)}.keyboard-management .keyboard-modal-body{margin-bottom:2rem}.keyboard-management .keyboard-modal-body .form-group{margin-bottom:1.5rem}.keyboard-management .keyboard-modal-body .form-group label{display:block;margin-bottom:.5rem;color:var(--cr-text);font-weight:500;font-size:.9rem}.keyboard-management .keyboard-modal-body .form-group .form-control{width:100%;padding:.75rem 1rem;background:var(--bg-main);color:var(--cr-text);border:2px solid var(--cr-border);border-radius:8px;font-size:1rem;transition:all .2s ease}.keyboard-management .keyboard-modal-body .form-group .form-control:focus{border-color:var(--cr-main);box-shadow:0 0 0 3px var(--bg-input-focus);outline:none}.keyboard-management .keyboard-modal-body .form-group .form-control::placeholder{color:var(--placeholder-input)}.keyboard-management .keyboard-modal-body .form-group .form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.25)}.keyboard-management .keyboard-modal-body .form-group .form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.25)}.keyboard-management .keyboard-modal-body .form-group .invalid-feedback{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem}.keyboard-management .keyboard-modal-body .form-row{display:flex;gap:1rem;flex-wrap:wrap;margin:0 -0.5rem}.keyboard-management .keyboard-modal-body .form-row .form-group{padding:0 .5rem;flex:1 1 48%;min-width:200px}.keyboard-management .keyboard-modal-body .form-row .form-group.d-flex{align-items:center}.keyboard-management .keyboard-modal-body .form-row .form-group.d-flex label{margin-bottom:0;margin-right:.5rem;cursor:pointer}.keyboard-management .keyboard-modal-body .form-row .form-group.d-flex input[type=checkbox]{width:18px;height:18px;accent-color:var(--cr-main);cursor:pointer}.keyboard-management .keyboard-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--cr-border)}.keyboard-management .keyboard-modal-footer .btn{min-width:100px;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;border:2px solid rgba(0,0,0,0)}.keyboard-management .keyboard-modal-footer .btn.btn-secondary{background:var(--cr-hover);color:var(--cr-text);border-color:var(--cr-border)}.keyboard-management .keyboard-modal-footer .btn.btn-secondary:hover{background:var(--cr-border);transform:translateY(-1px)}.keyboard-management .keyboard-modal-footer .btn.btn-primary{background:var(--cr-main);color:#fff;border-color:var(--cr-main)}.keyboard-management .keyboard-modal-footer .btn.btn-primary:hover{background:var(--cr-main-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.3)}@media(max-width: 768px){.keyboard-management .keyboard-modal{width:95vw;padding:1.5rem;margin:1rem}.keyboard-management .keyboard-modal-header h3{font-size:1.25rem}.keyboard-management .keyboard-modal-body .form-row .form-group{flex:1 1 100%}}@media(max-width: 576px){.keyboard-management .keyboard-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0;padding:1rem}.keyboard-management .keyboard-modal-footer{flex-direction:column}.keyboard-management .keyboard-modal-footer .btn{width:100%}}
.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:var(--bg-main);color:var(--cr-text)}.error-boundary .error-content{max-width:600px;text-align:center;background:var(--bg-submain);padding:2rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.error-boundary h1{font-size:2rem;margin-bottom:1rem;color:var(--cr-main)}.error-boundary p{font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.error-boundary .error-details{margin:1.5rem 0;text-align:left}.error-boundary .error-details summary{cursor:pointer;font-weight:600;margin-bottom:.5rem;color:var(--cr-text-muted)}.error-boundary .error-details pre{background:var(--bg-main);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.875rem;border:1px solid var(--cr-border)}.error-boundary .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-boundary .btn-reload,.error-boundary .btn-back{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.error-boundary .btn-reload{background-color:var(--cr-main);color:#fff}.error-boundary .btn-reload:hover{background-color:var(--cr-main-hover)}.error-boundary .btn-back{background-color:var(--cr-hover);color:var(--cr-text)}.error-boundary .btn-back:hover{background-color:var(--cr-border)}