.top{position:fixed;top:0;right:0;padding:10px 20px;background:linear-gradient(#00009f,#0414e5);height:50px;display:flex;justify-content:space-between;align-items:center;transition:.2s;z-index:100}.top svg{font-size:1.6rem;cursor:pointer}.side-bar{position:fixed;top:0;left:0;height:100%;background-color:#fff;box-shadow:2px 0 5px hsla(0,0%,78.4%,.6);z-index:999;transition:.2s;overflow:auto;display:flex;flex-direction:column;justify-content:space-between}.sidebar-head{min-height:100px;align-items:center}.sidebar-footer,.sidebar-head{display:flex;justify-content:center}.sidebar-footer{margin:20px 0}.sidebar-footer img{margin:10px 0}.link:hover{text-decoration:none}.side-nav{padding:0;margin-bottom:24px}.nav-link{color:#000;font-size:1.1rem;margin:5px 0;padding:10px 40px}.side-bar .nav-link:hover{color:#4848e4}.side-bar .active .nav-link{color:#fff;box-shadow:0 0 5px #064c8d;background:linear-gradient(#3793e9,#064c8d)}.nav-title .nav-link,.nav-title svg{color:#000;letter-spacing:1.5px;font-weight:700;font-size:1.2rem}.nav-title .nav-link:hover{color:#000}.main-container{margin-top:50px;flex-grow:1;transition:.2s}.card-counter{margin:5px;padding:20px 10px;color:#282828;background-color:#fff;height:200px;max-width:400px;border-radius:5px;box-shadow:0 0 5px hsla(0,0%,78.4%,.5)}.card-counter .fa-con{margin-left:20px;font-size:5em;opacity:.8}.card-counter .count-numbers{position:absolute;right:30px;bottom:60px;font-size:32px;display:block}.card-counter .count-name{position:absolute;right:30px;bottom:30px;font-style:italic;text-transform:capitalize;opacity:.6;display:block;font-size:18px}.view-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.view-top>*{margin:10px 0}table{background-color:#fff;box-shadow:0 0 5px hsla(0,0%,78.4%,.5)}th{padding:10px 20px!important;background-image:linear-gradient(#a0dcf0,#14c8f0);font-size:1.1rem}td{padding:5px 20px!important;font-size:1rem}.d-ad{background-color:#f0f0f0}.screen-d{margin:20px 10px;display:flex}.screen-l{min-width:100px;margin:4px;padding:4px 8px;background-color:#dcdcdc;border:2px solid #51aaf3;border-radius:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.screen-l svg{margin-left:10px;color:red}.screen-t{position:relative}.screen-o{position:absolute;top:0;left:0;width:100%;height:100%}.page-nav{justify-content:flex-end}.page-nav,.pagination{display:flex;align-items:center}.pagination button{background-color:#fff;padding:4px 10px;border:1px solid #c2c0c0}.pagination .prev{border-radius:4px 0 0 4px}.pagination .next{border-radius:0 4px 4px 0}.paginate-form button{border-radius:0 5px 5px 0!important}.galary{margin:10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:200px;grid-gap:5px}.file{position:relative}.galary .file-img{position:absolute;width:100%;height:100%}.galary .file-action{position:absolute;top:0;right:0;z-index:10;background-color:#fff}.file-action svg{margin:5px;font-size:2rem}.play-btn{width:50px;position:absolute;z-index:20;border-radius:100%}.play-btn,.popup-galary{top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff}.popup-galary{position:fixed;width:80%;height:80%;z-index:100;border-radius:20px;padding:20px;overflow:auto}.galary-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:50}.media-picker{overflow:hidden}.resize-options{margin-top:10px;padding:12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.resize-row{display:flex;grid-gap:10px;gap:10px;margin-bottom:10px}.resize-row:last-child{margin-bottom:0}.resize-field{flex:1 1;display:flex;flex-direction:column}.resize-field label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.resize-field input[type=number]{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:13px;outline:none;transition:border-color .2s}.resize-field input[type=number]:focus{border-color:#036ac9;box-shadow:0 0 0 2px rgba(3,106,201,.15)}.resize-color{flex:1.5 1}.color-input-wrapper{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:3px 8px;border:1px solid #ced4da;border-radius:4px;background:#fff}.color-input-wrapper input[type=color]{width:28px;height:28px;padding:0;border:none;border-radius:4px;cursor:pointer;background:none}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:1px solid #ccc;border-radius:3px}.color-hex{font-size:12px;color:#495057;font-family:monospace;text-transform:uppercase}.media-preview{margin-top:10px;position:relative;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;background:#f0f0f0}.media-preview img{display:block;width:100%;max-height:200px;object-fit:contain}.preview-close{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.preview-close:hover{background:rgba(220,53,69,.9)}.media-preview{cursor:pointer}.preview-zoom{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#fff;font-size:24px;opacity:0;transition:opacity .2s;z-index:1;pointer-events:none}.media-preview:hover .preview-zoom{opacity:1}.lightbox-container{position:relative}.lightbox-controls{display:flex;justify-content:center;grid-gap:4px;gap:4px;padding:8px 0}.lightbox-zoom-wrapper{width:80vw!important;height:75vh!important}.lightbox-zoom-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-image{display:block;max-width:100%;max-height:75vh;object-fit:contain;border-radius:4px}.popup-btn{cursor:pointer;padding:2px 10px;background-color:hsla(0,0%,70.6%,.8);border:1px solid grey;border-radius:5px;display:flex;justify-content:center;align-items:center}.file-explore{position:relative;overflow:hidden}.file-pin{background-color:#fff;position:absolute;font-size:1.2rem;right:10px;cursor:pointer;top:18px;transform:translateY(-50%);padding:0 5px;z-index:3}.file-explore .hid-upload,.no-hid .file-pin{display:none}.no-hid .hid-upload{margin:5px 0}.category-sd{margin:10px 0}.category-sd span{display:inline-block;margin:0 5px 5px 0;padding:5px 10px;border-radius:4px;color:#fff;background-color:#1825e4;font-size:14px}.category-sd i{margin-left:5px;display:inline-block;cursor:pointer}@media screen and (max-width:720px){.side-bar{width:0}.toggled .side-bar{width:280px}.main-container{margin-left:0}.toggled .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:15}.top{left:0}th{padding:6px 10px!important;font-size:1rem}td{padding:4px 10px!important;font-size:.9rem}.mob-hid{display:none}.side-bar{margin-top:50px}.sidebar-footer{margin-top:0;min-height:120px}}@media screen and (min-width:720px){.side-bar{width:280px}.toggled .side-bar{width:80px}.toggled .side-bar svg{font-size:1.6rem}.toggled .side-bar span{display:none}.toggled .nav-link{padding:16px 22px}.main-container{margin-left:280px}.toggled .main-container{margin-left:80px}.top{left:280px}.toggled .top{left:80px}}.fb-btn{background:#fff;color:#1877f2;border:1px solid #fff;padding:5px 15px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.fb-btn.connected{background:#1877f2;color:#fff;border:1px solid #1877f2}.logout-icon{font-size:1.2rem;margin-left:10px;cursor:pointer;color:#ff4d4d}