.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}.template-preview-section{margin-bottom:24px;padding:16px;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 0 5px hsla(0,0%,78.4%,.35)}.template-preview-head{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:12px}.template-preview-head h5{margin:0}.template-preview-head span{color:#6c757d;font-size:13px}.template-preview-stage-wrap{display:flex;justify-content:center;overflow:hidden}.template-preview-stage{position:relative;flex:0 0 auto;overflow:hidden;background:linear-gradient(45deg,#e9ecef 25%,transparent 0),linear-gradient(-45deg,#e9ecef 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e9ecef 0),linear-gradient(-45deg,transparent 75%,#e9ecef 0);background-color:#f8f9fa;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ced4da}.template-preview-frame,.template-preview-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.template-preview-reference{z-index:1;pointer-events:none}.template-preview-gradient,.template-preview-media,.template-preview-text{overflow:hidden}.template-preview-media{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(0,0,0,.35);background:rgba(33,37,41,.18);color:#212529;font-size:11px;font-weight:700;text-transform:uppercase}.template-preview-media img{width:100%;height:100%;object-fit:fill}.template-preview-media-video{background:rgba(220,53,69,.18)}.template-preview-text{display:flex;flex-direction:column;justify-content:flex-start;color:#fff}.template-preview-text span{font-size:11px;font-weight:700;text-align:center;text-transform:uppercase}.template-preview-thumb .template-preview-stage{border-radius:3px}.template-preview-empty,.template-preview-thumb-empty{display:flex;align-items:center;justify-content:center;color:#6c757d;background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:4px;font-size:12px}.template-preview-thumb-empty{width:90px;height:64px}.template-preview-empty{min-height:160px;margin-bottom:24px}.template-preview-layer-selected>div{outline:2px solid #0d6efd;outline-offset:-2px}.template-builder{margin-bottom:24px;padding:16px;height:calc(100vh - 116px);min-height:680px;overflow:hidden;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 0 5px hsla(0,0%,78.4%,.35)}.template-builder-fullscreen{position:fixed;inset:0;z-index:2000;height:100vh;min-height:0;margin:0;padding:18px;border:0;border-radius:0;box-shadow:none}.template-builder-fullscreen .template-live-workspace{height:calc(100vh - 96px)}.template-builder-fullscreen .template-live-preview-sticky{height:100%;overflow:hidden}.template-builder-fullscreen .template-live-controls-column{height:100%}.template-crop-stage{position:relative;height:480px;background:#111827;border-radius:4px;overflow:hidden}.template-crop-controls{display:grid;grid-template-columns:64px minmax(180px,1fr) 52px;grid-gap:10px;gap:10px;align-items:center;margin-top:14px}.template-crop-controls label,.template-crop-controls span{margin:0;color:#495057;font-size:13px;font-weight:700}.template-builder-live-tools,.template-builder-switch{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:16px;padding:14px;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 0 5px hsla(0,0%,78.4%,.25)}.template-builder-switch h5{margin-bottom:4px}.template-builder-live-tools span,.template-builder-switch p{display:block;margin:0;color:#6c757d;font-size:13px}.template-builder-switch-actions{display:flex;grid-gap:8px;gap:8px;flex:0 0 auto}.template-legacy-builder{padding:16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 0 5px hsla(0,0%,78.4%,.25)}.template-builder-top{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:16px}.template-builder-heading h5{margin-bottom:4px}.template-builder-heading p{margin:0;color:#6c757d;font-size:13px}.template-builder-mode{display:flex;grid-gap:8px;gap:8px}.template-live-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);grid-gap:18px;gap:18px;align-items:start;height:calc(100% - 64px);min-height:0}.template-live-preview-column{min-width:0}.template-live-controls-column{min-width:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding-right:6px}.template-live-preview-sticky{position:relative;z-index:3;padding:14px;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 2px 10px rgba(33,37,41,.08)}.template-live-preview-sticky .template-preview-section{margin-bottom:0;padding:0;border:0;box-shadow:none}.template-live-preview-meta{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:10px;color:#495057;font-size:13px}.template-preview-meta-actions{display:flex;align-items:center;justify-content:flex-end;grid-gap:10px;gap:10px;min-width:0}.template-live-preview-meta span{color:#6c757d;font-size:12px}.template-reference-controls{display:grid;grid-template-columns:minmax(180px,1fr) 170px;grid-gap:8px 10px;gap:8px 10px;margin-bottom:12px;padding:10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px}.template-reference-controls .form-file{margin-bottom:0}.template-reference-opacity{grid-column:1/-1;display:grid;grid-template-columns:130px minmax(160px,1fr) 44px;grid-gap:8px;gap:8px;align-items:center}.template-reference-opacity label{margin:0;color:#495057;font-size:12px;font-weight:700}.template-reference-opacity span{color:#495057;font-size:12px;font-weight:700;text-align:right}.template-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.template-compare-grid>div,.template-compare-single>div{min-width:0}.template-compare-single{display:block}.template-compare-single>div+div{margin-top:14px}.template-compare-label{margin-bottom:6px;color:#495057;font-size:13px;font-weight:700;text-transform:uppercase}.template-reference-card{display:flex;justify-content:center;overflow:hidden;margin-top:0;padding:8px;border:1px solid #ced4da;border-radius:4px;background:linear-gradient(45deg,#e9ecef 25%,transparent 0),linear-gradient(-45deg,#e9ecef 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e9ecef 0),linear-gradient(-45deg,transparent 75%,#e9ecef 0);background-color:#f8f9fa;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.template-reference-card img{display:block;max-width:100%;object-fit:fill}.template-builder-panel{margin-bottom:16px;padding:14px;max-width:100%;overflow:hidden;border:1px solid #e9ecef;border-radius:6px;background-color:#fbfcfd}.template-panel-title{margin-bottom:12px;color:#212529;font-size:14px;font-weight:700}.template-control-block{margin-bottom:14px;padding:12px;max-width:100%;overflow:hidden;border:1px solid #dee2e6;border-radius:6px;background-color:#fff}.template-control-block:last-child{margin-bottom:0}.template-control-head,.template-selected-summary{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;margin-bottom:10px}.template-control-head span{display:block;color:#6b7280;font-size:11px;font-weight:600;margin-top:2px}.template-spacer-control{margin-top:-8px}.template-builder-panel label,.template-control-block label{margin-bottom:4px;color:#495057;font-size:12px;font-weight:700}.template-live-controls-column .form-control,.template-live-controls-column select,.template-live-controls-column textarea{max-width:100%;min-width:0}.template-control-block>.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));grid-gap:12px;gap:12px;margin-left:0;margin-right:0}.template-control-block>.row>[class*=col-]{width:auto;max-width:none;min-width:0;padding-left:0;padding-right:0;flex:none}.template-geometry-grid,.template-padding-grid{display:grid;grid-gap:12px;gap:12px;align-items:end;margin-bottom:14px}.template-geometry-grid,.template-padding-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.template-geometry-grid .form-group,.template-padding-grid .form-group{margin-bottom:0}.template-geometry-grid .form-control,.template-padding-grid .form-control{min-width:0;height:36px;padding-left:8px;padding-right:8px;font-size:14px}.template-control-block input[type=range]{width:100%;min-width:0}.template-font-picker{position:relative}.template-font-picker-button{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;width:100%;height:36px;padding:6px 10px;color:#495057;text-align:left;background:#fff;border:1px solid #ced4da;border-radius:4px}.template-font-picker-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-font-picker-menu{position:fixed;z-index:3000;max-height:260px;overflow-y:auto;padding:8px;background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 8px 24px rgba(33,37,41,.14)}.template-font-picker-menu .form-control{margin-bottom:8px}.template-font-picker-menu button{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;width:100%;padding:7px 8px;color:#212529;text-align:left;background:transparent;border:0;border-radius:4px}.template-font-picker-menu button.active,.template-font-picker-menu button:hover{background:#e7f1ff;color:#0d6efd}.template-font-picker-menu small{color:#6c757d;font-size:10px;text-transform:uppercase}.template-font-picker-empty{padding:8px;color:#6c757d;font-size:12px}.template-layer-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;padding:9px 10px;color:#212529;text-align:left;background:#fff;border:1px solid #dee2e6;border-radius:4px}.template-layer-row.active{border-color:#0d6efd;box-shadow:0 0 0 2px rgba(13,110,253,.12)}.template-color-swatch{width:32px;height:32px;border:1px solid #ced4da;border-radius:4px}@media screen and (max-width:992px){.template-builder-live-tools,.template-builder-switch,.template-builder-top{display:block}.template-builder-mode,.template-builder-switch-actions{margin-top:12px}.template-live-workspace{display:block;height:auto}.template-live-preview-sticky{position:static;margin-bottom:16px}.template-builder{height:auto;overflow:visible}.template-builder-fullscreen{position:fixed;height:100vh;overflow:hidden}.template-live-controls-column{max-height:none;overflow:visible;padding-right:0}.template-geometry-grid,.template-padding-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}