:root{--lightgray:#efefef;--blue:steelblue;--white:#fff;--black:rgba(0, 0, 0, 0.8);--bounceEasing:cubic-bezier(0.51, 0.92, 0.24, 1.15)}button{cursor:pointer;background:#fff0;border:none;outline:none;font-size:inherit}.open-modal5{font-weight:700;background:#e52a2a;color:var(--white);padding:.35rem .55rem;margin-bottom:1rem;border-radius:5px}.modal5{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--black);cursor:pointer;visibility:hidden;opacity:0;transition:all 0.35s ease-in;z-index:5}.modal5.is-visible{visibility:visible;opacity:1}.modal5-dialog{position:relative;max-width:800px;max-height:80vh;border-radius:5px;background:var(--white);overflow:auto;cursor:default}.modal5-dialog>*{padding:1rem}.modal5-header,.modal5-footer{background:#95ffd3}.modal5-header{display:flex;align-items:center;justify-content:space-between;font:18px/1.5 sans-serif}.modal5-header .close-modal5{font-size:1.5rem}.modal5 p+p{margin-top:1rem}[data-animation] .modal5-dialog{opacity:0;transition:all 0.5s var(--bounceEasing)}[data-animation].is-visible .modal5-dialog{opacity:1;transition-delay:0.2s}[data-animation="slideInOutDown"] .modal5-dialog{transform:translateY(100%)}[data-animation="slideInOutTop"] .modal5-dialog{transform:translateY(-100%)}[data-animation="slideInOutLeft"] .modal5-dialog{transform:translateX(-100%)}[data-animation="slideInOutRight"] .modal5-dialog{transform:translateX(100%)}[data-animation="zoomInOut"] .modal5-dialog{transform:scale(.2)}[data-animation="rotateInOutDown"] .modal5-dialog{transform-origin:top left;transform:rotate(-1turn)}[data-animation="mixInAnimations"].is-visible .modal5-dialog{-webkit-animation:mixInAnimations 2s 0.2s linear forwards;animation:mixInAnimations 2s 0.2s linear forwards}[data-animation="slideInOutDown"].is-visible .modal5-dialog,[data-animation="slideInOutTop"].is-visible .modal5-dialog,[data-animation="slideInOutLeft"].is-visible .modal5-dialog,[data-animation="slideInOutRight"].is-visible .modal5-dialog,[data-animation="zoomInOut"].is-visible .modal5-dialog,[data-animation="rotateInOutDown"].is-visible .modal5-dialog{transform:none}@-webkit-keyframes mixInAnimations{0%{transform:translateX(-100%)}10%{transform:translateX(0)}20%{transform:rotate(20deg)}30%{transform:rotate(-20deg)}40%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-10deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-5deg)} 100%{transform:rotate(0deg)}}@keyframes mixInAnimations{0%{transform:translateX(-100%)}10%{transform:translateX(0)}20%{transform:rotate(20deg)}30%{transform:rotate(-20deg)}40%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}70%{transform:rotate(-10deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.inputcss{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.inputcss input{position:absolute;opacity:0;cursor:pointer}.checkmatnacss{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#83c3bd;border-radius:50%}.inputcss:hover input~.checkmatnacss{background-color:#00F328}.inputcss input:checked~.checkmatnacss{background-color:#F32000}.checkmatnacss:after{content:"";position:absolute;display:none}.inputcss input:checked~.checkmatnacss:after{display:block}.khungabc{background-color:#f9f9f9;padding:15px 20px;margin-bottom:20px;border-radius:10px;box-shadow:0 3px 8px rgb(0 0 0 / .1);font-family:Arial,sans-serif}.khungabc label{font-weight:700;display:inline-block;margin-bottom:6px;color:#333}.khungabc input[type="range"]{width:100%;margin-top:6px}.khungabc input[type="color"]{width:110px;height:32px;border:1px solid #ccc;border-radius:5px;padding:4px 8px;font-size:14px}.hienthi-span{background-color:#dbffff;color:red;padding:2px 6px;border-radius:4px;font-weight:700}.inputcss .checkmatnacss:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.ghd3 select{background-color:#49aabb;color:#fff;font-weight:700;padding:10px;cursor:pointer;font-size:16px}.choose-file{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.choose-file+.upload-file{background-color:#3b8279;box-sizing:border-box;color:#fff;display:block;font-family:Sans-serif;font-size:14px;padding:12px 0;text-align:center}.choose-file:focus+.upload-file,.choose-file+.upload-file:hover{background-color:#0d635f}label.upload-file::before{content:"Tải font lên"}.choose-file:valid+.upload-file::before{content:"Chọn font khác"}.horizontal-gallery{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px 0;gap:10px}.horizontal-gallery::-webkit-scrollbar{height:8px}.horizontal-gallery::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.horizontal-gallery::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.horizontal-gallery::-webkit-scrollbar-thumb:hover{background:#555}.gallery-item{flex:0 0 auto;width:120px;height:80px}.gallery-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;border-radius:8px;transition:transform 0.2s ease}.gallery-item img:hover{transform:scale(1.05)}.containercot{display:flex;flex-wrap:nowrap}.chiacot2{flex:1;margin:4px}.btnchonfont{padding:8px 12px;background:#20377b;color:#fff;font-weight:400;border:none;border-radius:6px;cursor:pointer;margin-top:18px;margin-left:8px}.popupfont{position:absolute;width:100%;max-width:300px;max-height:200px;overflow-y:auto;border:1px solid #aaa;border-radius:6px;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .2);display:none;z-index:1000}.popupfont-header{display:flex;justify-content:space-between;align-items:center;background:#38516d;color:#fff;border-bottom:1px solid #ddd;padding:6px 10px;font-weight:700}.popupfont-header .close-btn{cursor:pointer;font-size:16px;color:#666}.popupfont-header .close-btn:hover{color:red}.fontt-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 12px;border-bottom:1px solid #eee;transition:0.12s}.fontt-item:hover{background:#e6f3ff}.fontt-item.selected{background:#cce5ff!important;font-weight:700}.xoachonfont{color:red;font-weight:700;margin-left:10px;cursor:pointer}.inputkey-wrapper{width:100%;max-width:400px;margin:20px auto;font-family:"Segoe UI",sans-serif}.inputkey-wrapper label{display:block;margin-bottom:6px;font-weight:700;color:#333;font-size:15px}.inputkey-icon{position:relative}.inputkey-icon i{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#fd0505;font-size:18px}.inputkey-icon input{width:100%;padding:10px 20px 10px 48px;border:2px solid #6727e2;border-radius:40px;outline:none;font-size:16px;transition:all 0.3s ease;background-color:#fff;box-sizing:border-box}.inputkey-icon input::placeholder{color:#838383}.inputkey-icon input:hover{border-color:#bbb}.inputkey-icon input:focus{border-color:#007bff;box-shadow:0 0 0 4px rgb(0 123 255 / .1)}.congtaccheckbox{display:flex!important;align-items:center;margin:15px 0;cursor:pointer}.congtaccheckbox input[type="checkbox"]{display:none}.congtac{width:50px;height:26px;background:#ddd;border-radius:13px;margin-right:12px;position:relative;transition:all 0.3s ease}.congtac::before{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:all 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.congtaccheckbox input:checked+.congtac{background:linear-gradient(45deg,#667eea,#764ba2)}.congtaccheckbox input:checked+.congtac::before{transform:translateX(24px)}.checklabel{padding:6px 14px;font-size:14px;border:none;background:#545556;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:background 0.3s ease}.congtaccheckbox:hover .checklabel{color:#ffe700}.congtaccheckbox input:checked~.checklabel{background:#00c896}.luachon input[type="radio"]{display:none}.luachon label{display:inline-block;padding:.35em .65em;font-size:.90em;font-weight:700;line-height:1;background-color:#8a8a8a;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none}.luachon input[type="radio"]:checked+label{background-color:#4caf50;color:#fff;border-color:#388e3c;