@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&display=swap");:root{--color-primary:#eca373;--color-primary-dark:#36304a;--color-whit-fig:#ebebeb;--color-orange:#f39034;--color-success:#41f1b6;--color-warning:#ff8555;--color-danger:#df5f2d;--color-white:#fff;--color-white-gray:#ebebeb;--color-info:#7d8da1;--color-dark:#363949;--color-light:rgba(132,139,200,.18);--color-dark-varient:#677483;--color-background:#f6f6f9;--color-table:#f5f5f5;--color-action-menu:#d4d3d3;--card-border-radius:2rem;--border-radius-1:0.4rem;--border-radius-2:1.2rem;--color-edit-logo:#818181;--card-padding:1.8rem;--box-shadow:0 2rem 3rem var(--color-light);--grid-mini:repeat(auto-fill,minmax(300px,1fr));--grid-medium:repeat(auto-fill,minmax(350px,1fr));--grid-medium-fit:repeat(auto-fit,minmax(350px,1fr));--grid-large:repeat(auto-fit,minmax(450px,1fr))}.dark-theme{--color-background:#181a1e;--color-action-menu:#6e6e6e;--color-edit-logo:#202528;--color-white:#202528;--color-white-gray:#6e6e6e;--color-table:#373b3d;--color-dark:#edeffd;--color-dark-varient:#a3bdcc;--color-light:rgba(0,0,0,.4);--box-shadow:0 2rem 3rem var(--color-light)}*{font-family:Poppins,sans-serif;transition:.2s;margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}::-webkit-scrollbar,html::-webkit-scrollbar{display:none}::placeholder{color:var(--color-dark);opacity:.6}::-ms-input-placeholder{color:var(--color-dark)}html{font-size:14px;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;font-size:.88rem;background:var(--color-background);overflow-x:hidden;margin-bottom:20px}*,body{color:var(--color-dark)}img,video{display:block;height:100%}iframe,img,video{width:100%;object-fit:cover}h1{font-weight:800;font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1rem}h4{font-size:.8rem}h5{font-size:.77rem}small{font-size:.75rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.item-center{display:flex;justify-content:center;width:100%}.item-start{justify-content:flex-start}.item-end,.item-start{display:flex;width:100%}.item-end{justify-content:flex-end}.text-center{text-align:center;width:100%}.text-start{text-align:flex-start;width:100%}.text-end{text-align:end;width:100%}.text-muted{color:var(--color-info)}p{color:var(--color-dark-varient)}b{color:var(--color-dark)}.primary{color:var(--color-primary)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.info{color:var(--color-info)}a{text-decoration:none;color:inherit}.containerLogin{position:relative;width:100%;padding-top:4rem;display:flex;align-items:center}.cardLogin{margin:.5rem 0 1rem;border-radius:20px;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.container-grid{position:relative;display:grid;width:93%;margin:0 3rem;grid-gap:1.8rem;gap:1.8rem;grid-template-columns:auto 28rem;padding-top:4rem}header h3{font-weight:500}header{position:fixed;width:100%;z-index:1000;background-color:var(--color-background)}header.active{box-shadow:var(--box-shadow)}header .logo{display:flex;gap:.8rem;margin-right:auto}header .logo img,header .logo svg{width:2rem;height:2rem}header .logo h2:first-letter{color:var(--color-primary)}header,header .navbar{display:flex;align-items:center;justify-content:flex-end;padding:0 3rem;color:var(--color-info)}header .navbar a{display:flex;margin-left:2rem;gap:1rem;align-items:center;justify-content:center;position:relative;height:3.7rem;transition:all .3s ease;padding:.5rem 2rem 0}header .navbar a:hover{padding-top:1.5rem}header .navbar a.active,header .navbar a:hover{background:var(--color-light);color:var(--color-primary)}header .navbar a.active:before,header .navbar a:hover:before{content:"";background-color:var(--color-primary);position:absolute;height:5px;width:100%;left:0;top:0}header #profile-btn{display:none;font-size:2rem;margin:.5rem 2rem 0 0;cursor:pointer}header .theme-toggler{background:var(--color-light);display:flex;justify-content:space-between;align-items:center;height:1.6rem;width:4.2rem;cursor:pointer;border-radius:var(--border-radius-1);margin-right:2rem}header .theme-toggler span{font-size:1.2rem;width:50%;height:100%;display:flex;align-items:center;justify-content:center}header .theme-toggler span.active{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-1)}aside .profile{margin-top:2rem;width:13rem;position:fixed}aside .profile .top{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-light);padding-bottom:1rem}aside .profile .top:hover .profile-photo{scale:1.05}aside .profile .top .profile-photo{width:6rem;height:6rem;border-radius:50%;overflow:hidden;border:5px solid var(--color-light);transition:all .4s ease}aside .profile .about p{padding-bottom:1rem}aside .profile .about{margin-top:1rem}main{position:relative;margin-top:1.4rem}main .menu-bar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.6rem;gap:1.6rem}main .menu-bar .active{border:3px solid var(--color-primary);width:inherit;box-sizing:border-box}main .menu-bar .active hr{color:var(--color-primary);border-top:1px solid var(--color-primary);width:100%}main .menu-bar .active .icon-dropdown svg{fill:var(--color-primary);transform:rotate(180deg)}main .menu-bar>div{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;box-shadow:var(--box-shadow);transition:all .3s ease;box-sizing:border-box}main .menu-bar>div:hover{box-shadow:none}main .menu-bar>div:hover .icon-dropdown{animation-name:bounce;animation-duration:.8s;animation-iteration-count:infinite}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}main .menu-bar>div .icon-menu{background-color:var(--color-primary);padding:.5rem;border-radius:50%;width:min-content;display:flex;align-items:center;justify-content:center}main .menu-bar>div .icon-menu svg{fill:var(--color-background);width:25px;height:25px}main .menu-bar>div.layer1 .icon-menu{background:var(--color-orange)}main .menu-bar>div.layer2 .icon-menu{background:var(--color-success)}main .menu-bar>div.layer3 .icon-menu{background:var(--color-danger)}main .menu-bar .spacer{width:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}main .menu-bar .title{margin:-.5rem 0 .6rem}main .menu-bar h3{margin:-.5rem 0 1rem;font-size:1rem}main .menu-bar .progress{position:relative;width:100%;height:50px;border-radius:50%;margin:auto}main .menu-bar .progress svg{width:20px;height:20px}main .menu-bar .icon-dropdown{text-align:center;margin:1rem 0 -1rem}main .menu-bar .icon-dropdown svg{fill:var(--color-dark-varient);width:25px;height:25px;text-align:center}main .menu-bar .progress .number{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}main .menu-bar small{margin-top:1rem;display:block}main .maintable{margin-top:2rem}main .maintable .popup{position:relative;width:-moz-fit-content;width:fit-content}main .maintable .popup .popuptext{box-shadow:var(--box-shadow);visibility:hidden;width:130px;background-color:var(--color-white);color:#fff;text-align:center;border-radius:6px;padding:8px 4px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-80px;opacity:0;transition:opacity .5s}main .maintable .popup .popuptext:after{content:"";position:absolute;top:100%;left:60%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-white) transparent transparent transparent}main .maintable .popup:focus .popuptext,main .maintable .popup:hover .popuptext{visibility:visible;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main .maintable .head-href,main .maintable .table-header{width:100%;display:flex;justify-content:space-between;align-items:center}main .maintable .table-header svg{fill:var(--color-primary);width:2.5rem;height:2.5rem;cursor:pointer}main .maintable .head-href svg{fill:var(--color-dark);width:1.2rem;height:1.2rem}main .maintable .head-href svg:hover{transform:scale(1.2)}main .maintable .table-header svg:hover{filter:drop-shadow(0 0 10px var(--color-primary))}main .maintable .table-header .group-btn{width:min-content;display:flex;align-items:center;gap:1rem}main .maintable .title-table{width:100%}main .maintable .items-table{position:relative;background-color:var(--color-white);width:100%;border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--box-shadow);transition:all .3s ease}main .maintable table{overflow-x:auto;max-width:100%;width:max-content;padding:5px;box-shadow:var(--box-shadow);margin:3rem auto 4rem;border-spacing:1;border-collapse:collapse;background:transparent;border-radius:13px;position:relative;z-index:2}main table tbody tr:nth-child(2n){background-color:var(--color-table)}main table thead th:last-child{border:none}main table thead th{border-right:2px solid var(--color-background)}main table td,main table thead th{text-align:left;vertical-align:top;position:relative}main table tr{position:relative}main table thead tr{background:var(--color-primary-dark)}main table thead tr th:last-child{border-top-right-radius:13px}main table thead tr th:first-child{border-top-left-radius:13px}main table .delete-button-column,main table .delete-button-row{border:none;background:none;cursor:pointer;transition:opacity .3s ease;position:absolute;opacity:.2;display:flex;align-items:center;justify-content:center;z-index:3}main table .delete-button-column:hover,main table .delete-button-row:hover{opacity:1}main table .delete-button-column svg{transform:scaleY(-1);fill:var(--color-dark-varient);width:30px;height:30px}main table .delete-button-column{top:-1.4rem;left:50%;transform:translate(-50%,-50%)}main table .delete-button-row svg{fill:var(--color-dark-varient);width:30px;height:30px}main table .delete-button-row{top:50%;right:-2.1rem;transform:translateY(-50%)}main table tbody td{padding-top:5px;color:var(--color-dark-varient)}main .maintable.active{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}main .maintable.active h2{color:var(--color-dark)}main .maintable.active table{width:90%;max-width:1000px;position:relative}main .maintable.active span{display:block;font-size:2rem;color:var(--color-dark);cursor:pointer}.maintable .addmedia-main h2{position:relative;display:flex;align-items:center}main .maintable.active .closeBtn{position:absolute;top:5%;right:5%}main .maintable .show-img{overflow:hidden;border-radius:10px;height:20em}main .modal{position:fixed;z-index:2200;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}main .modal-content{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1.6rem;background-color:var(--color-white);padding:20px;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2300}main .svg svg{margin-bottom:10px}main .svger svg{fill:var(--color-danger);transition:.3s;width:45px;height:45px}main .svgsu svg{width:50px;height:50px;fill:var(--color-success);transition:.3s}main .modal-content .btn-try{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}main .modal-content .btn-con,main .modal-content .btn-try{padding:10px 20px;border-radius:1.6rem;color:var(--color-background);border:none;cursor:pointer;transition:.3s;font-weight:600}main .modal-content .btn-con{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}main .modal-content .btn{margin-top:20px}main .modal-content .btn:hover{transform:scale(1.2);transition:.3s}main .maintable .box-form-grid{display:grid;grid-template-rows:minmax(350px,1fr);grid-gap:1.6rem;gap:1.6rem}main .maintable .box-form-grid,main .maintable .box-form-grid-table{width:100%;margin-top:1.6rem;margin-bottom:1.6rem}main .maintable .grid-mini{grid-template-columns:var(--grid-mini)}main .maintable .grid-medium{grid-template-columns:var(--grid-medium)}main .maintable .grid-medium-fit{grid-template-columns:var(--grid-medium-fit)}main .maintable .grid-large{grid-template-columns:var(--grid-large)}main .maintable .main-table-grid{margin-top:20px;width:100%;height:100%;display:grid;grid-gap:1.6rem;gap:1.6rem}main .maintable .main-table-grid .items-table{position:relative;padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%}main .maintable .main-table-grid .items-table h2,main .maintable .main-table-grid .items-table h3{text-align:flex-start;max-width:80%;width:300px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}main .maintable .main-table-grid .items-table .detail{text-align:flex-start;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-weight:600;font-size:1rem}main .maintable .main-table-grid .items-table .sub-item-img{border-radius:1.2rem;overflow:hidden;width:100%;height:170px;margin-bottom:15px}main .maintable .main-table-grid .items-table .sub-items-table{padding:1rem;width:100%;height:100%;border-radius:1.6em;transition:all .3s ease}main .maintable .main-table-grid .items-table .sub-items-table .btn-add-des{border:none;width:100%;border-radius:10px;height:min-content;background:transparent;cursor:pointer}main .maintable .main-table-grid .items-table .sub-items-table .btn-add-des:hover .show-text-highlight{background:var(--color-light)}main .maintable .main-table-grid .items-table .sub-items-table .sub-items-map{border:2px solid var(--color-light);width:100%;height:100%;max-height:300px;overflow:hidden;border-radius:1.2rem}main .maintable .main-table-grid .items-table .sub-items-table .sub-items-map span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.4rem;font-weight:600}main .sub-item-action{position:absolute;bottom:0;right:15px;width:100%;display:flex;justify-content:flex-end;margin:10px 2px;gap:.7rem}main .btn-del,main .btn-edit{position:relative;width:40px;height:40px;border-radius:25px;background-color:#fff;cursor:pointer;box-shadow:0 0 10px #333;overflow:hidden;transition:.3s}main .btn-del:hover,main .btn-edit:hover{box-shadow:0 0 4px #111}main .btn-del:hover{background-color:#f5cfcf}main .btn-edit:hover{background-color:#a2ebae}main .btn-del{border:2px solid #e73232}main .btn-edit{border:2px solid #06991e}main .btn-del svg{fill:#e73232}main .btn-edit svg{fill:#06991e}main .btn-del span{color:#e73232;width:150px}main .btn-edit span{color:#06991e;width:60px}main .btn-del svg,main .btn-edit svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;width:20px;height:20px}main .btn-del span,main .btn-edit span{position:absolute;opacity:0;transform:translate(-50%,-50%);font-weight:600;transition:.3s}main .btn-del:hover span,main .btn-edit:hover span{opacity:1}main .btn-del:hover{width:150px;height:45px}main .btn-edit:hover{width:80px;height:45px}main .btn-del:hover svg,main .btn-edit:hover svg{opacity:0}main .maintable .over-content{max-width:100vh;min-width:100%}main .maintable .box-form-grid .box-form,main .maintable .box-form-table{width:100%;height:100%;border-radius:1.6em;padding:1.5em;background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);transition:all .3s ease;position:relative}main .maintable .box-form-grid .box-form:first-of-type{display:flex;justify-content:center;align-items:center;padding:2rem 30%;max-height:450px}main .maintable .box-form-grid .box-form:hover,main .maintable .box-form-table:hover{box-shadow:none}main .maintable .sub-item-addImg{border:3px dashed var(--color-dark);height:100%}main .maintable .addmedia-main span{font-size:1.4rem;font-weight:600}main .maintable .addmedia-main,main .maintable .box-form-grid .box-form .addmedia-main{border:3px dashed var(--color-dark);height:100%;width:100%;overflow:hidden;border-radius:1.6em;position:relative;transition:.3s;display:flex;justify-content:center;align-items:center;text-align:center}main .addtext-main,main .maintable .box-form-grid .box-form .addtext-main{display:flex}main .addtext-main,main .maintable .addtext-table,main .maintable .box-form-grid .box-form .addtext-main{height:100%;width:100%;max-width:100%;border-radius:1.6em;position:relative;transition:.3s;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}main .maintable .addtext-table .table-add{border:none;background:transparent;display:flex;justify-content:flex-end;align-items:center;width:100%;gap:1rem}main .maintable .addtext-table .btn-table-add{width:max-content;padding:0 1rem;height:40px;border-radius:25px;font-size:16px;font-weight:600;background-color:var(--color-background);cursor:pointer;overflow:hidden;transition:.3s;border:2px solid var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}main .maintable .addtext-table .btn-table-add:hover{color:var(--color-background);background-color:var(--color-primary);transform:scale(1.1);box-shadow:0 0 4px var(--color-primary)}input[type=checkbox]:checked~#option{display:block}.select{cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden}.select svg{width:20px;height:20px}.select svg,.select:hover svg{fill:var(--color-dark)}#checkbox{top:0;bottom:0;width:calc(100% - 10%);height:100%;margin:0;opacity:0;cursor:pointer;z-index:3}#checkbox,#option{position:absolute;right:0;left:0}#option{display:none;top:65px;width:100%;height:350px;margin:0 auto;background-color:var(--color-background);border-radius:10px;padding:1em;border:1px solid var(--color-info);box-shadow:var(--box-shadow);z-index:6}.option-menu{overflow-x:hidden;overflow-y:scroll;width:100%;height:185px;gap:.8rem}.option-action,.option-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.option-action{margin-top:1rem;gap:.6rem}#option-list{display:flex;justify-content:space-between;align-items:center;width:100%}.option-text{width:calc(100% - 100px);overflow:hidden;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.option-delete{right:0;font-size:16px;font-weight:500;color:var(--color-primary);border:none;background:transparent;width:25px;max-width:max-content;height:25px;cursor:pointer}.option-delete:focus,.option-delete:hover{font-weight:700}#option-list:hover .option-delete svg{opacity:1}.option-delete svg{width:16px;height:16px;opacity:.4;cursor:pointer}.input-cat{margin-top:.3rem;border:none;color:var(--color-dark);border-bottom:1px solid var(--color-dark);background:transparent;cursor:text;font-weight:600;font-size:16px;line-height:1.4;width:100%;outline:none}#option-list .checkmark{position:relative;border:1px solid var(--color-dark-varient);height:25px;width:25px;background:transparent;border-radius:6px}#option-list:hover .checkbox-value~.checkmark{background-color:var(--color-light)}#option-list .checkbox-value:checked~.checkmark{background-color:var(--color-primary)}#option-list .checkmark:after{content:"";display:none}#option-list .checkbox-value:checked~.checkmark:after{display:block;position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}main .maintable .box-form-grid .box-form .addtext-main h3{margin-bottom:-1rem}main .input,main .maintable .box-form-grid .box-form .addtext-main .input{background-color:var(--color-white-gray);color:var(--color-dark);padding:.8em;border-radius:10px;border:2px solid transparent;outline:none;font-weight:600;font-size:16px;line-height:1.4;width:100%;cursor:text}main .input,main .maintable .addtext-table .input{cursor:pointer;border-radius:10px}.right .updates-setting .textarea,.sub-items-table .textarea,main .maintable .box-form-grid .box-form .addtext-main .textarea{background-color:var(--color-white-gray);color:var(--color-dark);padding:.8em;border-radius:10px;border:2px solid transparent;outline:none;font-family:Heebo,sans-serif;font-weight:600;font-size:16px;line-height:1.4;width:100%;cursor:text;resize:vertical}main .addtext-table .textarea{background-color:transparent;color:var(--color-info);padding:1em;border:2px solid transparent;outline:none;font-weight:600;font-size:16px;line-height:1.4;width:100%;transition:all .2s;cursor:text;resize:vertical}main .addtext-table .textarea:focus,main .addtext-table .textarea:hover{cursor:text}main .maintable .box-form-grid .box-form .addmedia-main .editor{position:absolute;top:1rem;left:3rem;transform:translateX(-50%);width:min-content;display:flex;flex-direction:column;transition:.3s}.editor .addButton,.editor .button-option{width:45px;height:45px;border-radius:50%;background-color:var(--color-info);border:2px solid var(--color-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.editor .add-media svg,.editor .button-option svg{fill:var(--color-background);font-Size:24px;cursor:pointer}.add{flex-direction:column;display:flex;gap:20px;background-color:transparent;z-index:999;width:100%}.btn-base{width:100px;height:45px;border-radius:25px;font-size:18px;font-weight:600;background-color:var(--color-background);cursor:pointer;overflow:hidden;transition:.3s}.btn-cancle{border:2px solid var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.btn-cancle,.btn-cancle:hover{color:var(--color-background);background-color:var(--color-danger)}.btn-cancle:hover{transform:scale(1.1);box-shadow:0 0 4px var(--color-danger)}.btn-save{border:2px solid var(--color-success);color:var(--color-success);box-shadow:0 0 10px var(--color-success)}.btn-save:hover{color:var(--color-background);background-color:var(--color-success);transform:scale(1.1);box-shadow:0 0 4px var(--color-success)}.btn-add{border:2px solid var(--color-orange);color:var(--color-orange);box-shadow:0 0 10px var(--color-orange)}.btn-add:hover{color:var(--color-background);background-color:var(--color-orange);transform:scale(1.1);box-shadow:0 0 4px var(--color-orange)}.btn-back{position:relative;width:50px;height:45px;border-radius:25px;cursor:pointer;box-shadow:0 0 10px var(--color-primary);overflow:hidden;transition:.3s;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-back:focus,.btn-back:hover{box-shadow:0 0 4px var(--color-primary);background-color:var(--color-primary);width:100px;height:45px}.btn-back svg{fill:var(--color-primary);top:50%;left:45%;width:25px;height:25px}.btn-back span,.btn-back svg{position:absolute;transform:translate(-50%,-50%);transition:.3s}.btn-back span{width:100px;opacity:0;font-weight:600}.btn-back:focus span,.btn-back:hover span{opacity:1;color:var(--color-background)}.btn-back:focus svg,.btn-back:hover svg{opacity:0}.right{margin-top:1.4rem}.right .right-header{display:flex;justify-content:space-between;align-items:center}.right .right-btn-action,main .maintable .right-btn-action{border:none;background:transparent;width:25px;height:25px}.right .right-header svg,main .maintable .right-btn-action svg{fill:var(--color-dark);width:25px;height:25px;cursor:pointer}.right .right-header svg:hover{transform:scale(1.2)}.setting-modal{display:block;position:fixed;z-index:2000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.setting-modal-content{display:block;position:relative;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:1.6rem;background-color:var(--color-white);padding:20px;width:-moz-fit-content;width:fit-content;max-width:90%;height:max-content}.right .announcements .updates-setting{margin-top:1rem;background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}.right .announcements .updates-setting:hover{box-shadow:none}.right .announcements .updates-setting .show-text-highlight,main .maintable .main-table-grid .items-table .show-text-highlight{text-align:flex-start;background-color:var(--color-table);color:var(--color-dark);padding:1em;border-radius:10px;outline:none;font-weight:600;font-size:16px;line-height:1.4;width:100%;transition:all .2s;overflow:hidden}.right .announcements .updates-setting .set-logo-web{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem}.right .announcements .updates-setting .set-logo-web .addButton-logo,main .maintable .addButton-img{border-radius:1em;border:none;width:100%;position:relative;height:40px;cursor:pointer;background-color:var(--color-white-gray);color:var(--color-dark)}.right .announcements .updates-setting .set-logo-web .addButton-logo:hover,main .maintable .addButton-img:hover{background:var(--color-light)}.right .announcements .updates-setting .set-logo-web .addButton-logo label,main .maintable .addButton-img label{height:100%;font-weight:500;color:var(--color-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1em}.right .announcements .updates-setting .set-logo-web .addButton-logo label svg,main .maintable .addButton-img label svg{width:20px;height:20px;fill:var(--color-dark)}.right .announcements .updates-setting .show-logo{border-radius:.2em;max-height:100px;max-width:200px}.right .announcements .updates-setting .set-logo-web .edit-logo,.right .announcements .updates-setting .show-logo{background:var(--color-edit-logo);overflow:hidden;padding:.5em;position:relative;transition:.3s;display:flex;justify-content:center;height:100%;width:100%}.right .announcements .updates-setting .set-logo-web .edit-logo{border:2px dashed var(--color-dark);border-radius:.4em;max-height:200px;max-width:400px}.right .announcements .updates-setting span{font-weight:600;font-size:1.2rem}.right .announcements .updates-setting .message{gap:1rem;line-height:1.5;padding:.5rem 0}.account-edit-add{position:relative;background:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:.7rem;padding:1.4rem var(--card-padding);border-radius:var(--border-radius-2);transition:all .3s ease;box-shadow:var(--box-shadow)}.account-edit-add .group-form{width:100%}.account-edit-add .profile-edit-add{position:relative;border:2px solid var(--color-dark);width:10rem;height:10rem;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.account-edit-add .profile-edit-add svg{width:10rem;height:10rem;border-radius:50%;overflow:hidden;opacity:.8}.account-edit-add .profile-add label{cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--color-whit-fig);font-weight:600}.account-edit-add .profile-add label svg{width:2rem;height:2rem;fill:var(--color-whit-fig)}.account-edit-add .profile-add{border-radius:var(--border-radius-1);background:var(--color-info);width:40%;padding:5px 0;opacity:.9}.account-edit-add .profile-add,.account-list{transition:all .3s ease;box-shadow:var(--box-shadow)}.account-list{position:relative;background:var(--color-white);display:grid;grid-template-columns:4rem auto;align-items:flex-start;grid-gap:1rem;gap:1rem;margin-bottom:.7rem;padding:1.4rem var(--card-padding);border-radius:var(--border-radius-2)}.account-list .profile-photo{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden}.account-list .info h2{font-size:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:calc(1.2em * 2)}.account-edit-add .profile-add:hover,.account-edit-del:hover,.account-list:hover{opacity:1;box-shadow:none}.action-menu-kabab{position:absolute}.kabab-top-end{top:1.5rem;right:10px}.kabab-bottom-end{bottom:1rem;right:10px}.kabab-center-end{top:50%;right:10px;transform:translateY(-50%)}.action-menu-kabab .btn-kebab{border:none;width:min-content;height:min-content;background:transparent}.action-menu-kabab .btn-kebab svg{transform:rotate(90deg);fill:var(--color-dark);width:1.5rem;height:1.5rem;cursor:pointer;opacity:.6}.action-menu-kabab .btn-kebab:hover svg{opacity:1}.action-menu-list-normal{bottom:-140%}.action-menu-list-bottom{bottom:-6.5rem;right:-15px}.action-menu-list-top{top:4rem;right:-15px}.action-menu-list{position:absolute;right:-2%;display:flex;flex-direction:column;background:var(--color-action-menu);margin-bottom:.7rem;padding:1rem 0;border-radius:var(--border-radius-1);transition:all .3s ease;z-index:1600}.action-menu-list button{border:none;cursor:pointer;font-size:1.2rem;width:100%;padding:.3rem 1.4rem;background:transparent;text-align:flex-start}.action-menu-list button:hover{background-color:var(--color-light)}.form__group{position:relative;padding:2rem 0 0;width:100%;margin-bottom:2rem}.form__field{font-family:inherit;width:100%;border:none;border-bottom:3px solid transparent;outline:0;font-size:17px;color:var(--color-dark);padding:6px 0;background:transparent;transition:border-color .2s,border-width .2s;border-image:linear-gradient(to right,var(--color-dark),var(--color-info));border-image-slice:1}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:17px;cursor:text;color:#9b9b9b;font-weight:400}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:var(--color-primary);pointer-events:none;font-weight:700}.form__field:focus{padding-bottom:6px;border-width:3px;border-image:linear-gradient(to right,var(--color-primary),var(--color-warning));border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:var(--color-primary);font-weight:700}.change-password-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.change-password-container form{display:flex;flex-direction:column;justify-content:center;border-radius:var(--border-radius-2);padding:3.5rem;background-color:var(--color-white);box-shadow:var(--box-shadow);width:95%;max-width:32rem}.change-password-container form:hover{box-shadow:none}.btn-login{background:none;border:none;width:100%;border:3px solid var(--color-primary)!important;border-radius:var(--border-radius-1);padding:.5rem 1rem;color:var(--color-white);font-size:1.4rem;font-weight:700;background-color:var(--color-primary);cursor:pointer;margin:1.5rem 1.5rem 1rem 0}.btn-login:hover{color:var(--color-primary);background-color:transparent}@media screen and (max-width:1200px){html{font-size:12px}.container-grid{grid-template-columns:auto 30rem}header{position:fixed}.container-grid{padding-top:4rem}header .logo h2,header .navbar h3{display:none}header .navbar a{width:4.5rem;padding:0 1rem}main .menu-bar{grid-template-columns:repeat(2,1fr);gap:1}main .maintable .main-table-grid{gap:1}main .maintable{width:90vw;position:absolute;padding:4rem 0 0}main .btn-del,main .btn-edit{width:40px;height:40px}}@media screen and (max-width:768px){html{font-size:10px}header{padding:0 .8rem}.container-grid{width:100%;grid-template-columns:1fr;margin:0}header #profile-btn{display:inline}header .navbar{padding:0}header .navbar a{margin:0 .5rem 0 0}header .theme-toggler{margin:0}aside{position:absolute;top:4rem;left:0;right:0;background-color:var(--color-white);padding-left:2rem;transform:translateX(-100%);z-index:10;width:18rem;height:100%;box-shadow:1rem 3rem 4rem var(--color-light);transition:all 2s ease}aside.active{transform:translateX(0)}main{padding:0 2rem}main .maintable{position:relative;margin:3rem 0 0;width:100%}main .maintable .box-form-grid,main .maintable .main-table-grid{grid-template-columns:repeat(1,1fr);gap:1}main .maintable .box-form-grid .box-form:first-of-type{padding:2rem 1rem;max-height:400px}main .maintable table{width:100%;margin:3rem auto 4rem;overflow-x:auto}.right{width:100%;padding:2rem}main .btn-del,main .btn-edit{width:35px;height:35px}main .btn-del svg,main .btn-edit svg{width:20px;height:20px}}