@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";html,body{background-color:#0a0a0a;width:100%;height:100%;overflow-x:hidden;margin:0!important;padding:0!important}*{box-sizing:border-box}.app-layout{background:#0a0a0a;min-height:9vh;display:flex}.main-content{flex:1;min-height:100vh;overflow-y:auto}.login-wrapper{color:#fff;background:radial-gradient(circle,#1a1a1a 0%,#050505 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex}.login-box{background:#111;border:1px solid #333;border-radius:12px;width:400px;max-width:90%;padding:3rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c}.login-box:before{content:"";background:linear-gradient(90deg,#d4af37,#f1c40f);width:100%;height:4px;position:absolute;top:0;left:0}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{letter-spacing:2px;margin:0;font-size:2.8rem}.login-header p{color:#888;margin:.5rem 0 0;font-size:.95rem;font-style:italic}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group-login{position:relative}.input-icon{color:#888;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-group-login input{color:#fff;box-sizing:border-box;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.form-group-login input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 10px #d4af3733}.btn-login{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:6px;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-login:hover{background:#f1c40f;transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.sidebar-nang-cap{z-index:100;background:#111;border-right:1px solid #222;flex-direction:column;justify-content:space-between;width:260px;height:100vh;font-family:Segoe UI,sans-serif;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px dashed #222;margin-bottom:1rem;padding:2rem 1.5rem}.sidebar-logo h2{color:#fff;letter-spacing:1px;margin:0;font-size:2rem}.sidebar-nav{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:1rem;width:100%;padding:.8rem 1rem;font-size:1.05rem;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#d4af37;background:#d4af371a;border-left:4px solid #d4af37;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.sidebar-bottom{background:#0a0a0a;border-top:1px dashed #222;padding:1.5rem 1rem}.user-profile-box{align-items:center;gap:.8rem;margin-bottom:1rem;padding:0 .5rem;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#fff;font-size:1rem;font-weight:700}.user-role{color:#888;font-size:.8rem}.btn-logout{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.95rem;transition:all .3s;display:flex}.btn-logout:hover{color:#ff4d4d;background:#ff4d4d1a;border-color:#ff4d4d}.tong-quan-nang-cap{color:#fff;padding:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tq-header{border-bottom:1px dashed #333;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.tq-title-group h2{color:#d4af37;letter-spacing:1px;margin:0;font-size:2.4rem}.tq-title-group p{color:#aaa;margin:.5rem 0 0;font-size:1.05rem;font-style:italic}.tq-live-status{background:#4caf501a;border:1px solid #4caf504d;border-radius:20px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;display:flex}.tq-live-status span{color:#4caf50;font-size:.9rem;font-weight:700}.pulse-icon{animation:2s infinite pulseAnim}@keyframes pulseAnim{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.tq-alerts-section{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.tq-alert{background:#121212;border-radius:8px;align-items:center;padding:1.2rem 1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.tq-alert:hover{transform:translate(5px)}.tq-alert:before{content:"";width:5px;height:100%;position:absolute;top:0;left:0}.alert-success{border:1px solid #4caf504d}.alert-success:before{background:#4caf50}.alert-success .alert-icon{color:#4caf50}.alert-danger{border:1px solid #ff4d4d4d}.alert-danger:before{background:#ff4d4d}.alert-danger .alert-icon{color:#ff4d4d}.alert-warning{border:1px solid #f39c124d}.alert-warning:before{background:#f39c12}.alert-warning .alert-icon{color:#f39c12}.alert-icon{align-items:center;margin-right:1.5rem;display:flex}.alert-content{flex:1}.alert-content h4{color:#fff;margin:0 0 .4rem;font-size:1.15rem}.alert-content p{color:#ccc;margin:0;font-size:.95rem}.btn-xem-ngay{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:700;transition:all .3s;display:flex}.btn-xem-ngay:hover{background:#45a049;box-shadow:0 4px 10px #4caf504d}.tq-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.tq-stat-card{background:#111;border:1px solid #222;border-radius:10px;align-items:center;gap:1.2rem;padding:1.5rem;transition:all .3s;display:flex}.tq-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000080}.border-gold{border-bottom:3px solid #d4af37}.border-gold .stat-icon-wrapper{background:#d4af371a}.border-blue{border-bottom:3px solid #4facfe}.border-blue .stat-icon-wrapper{background:#4facfe1a}.border-purple{border-bottom:3px solid #b19cd9}.border-purple .stat-icon-wrapper{background:#b19cd91a}.border-green{border-bottom:3px solid #4caf50}.border-green .stat-icon-wrapper{background:#4caf501a}.stat-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;padding:1rem;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{color:#888;text-transform:uppercase;margin-bottom:.3rem;font-size:.85rem;font-weight:700}.stat-value{color:#fff;margin:0 0 .3rem;font-size:1.8rem}.stat-desc{color:#aaa;font-size:.85rem}.text-green{color:#4caf50;font-weight:700}.tq-details-grid{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.tq-detail-box{background:#111;border:1px solid #222;border-radius:10px;padding:1.8rem}.detail-box-header{border-bottom:1px dashed #333;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.detail-box-header h3{color:#fff;align-items:center;gap:.8rem;margin:0;font-size:1.3rem;display:flex}.btn-text-gold{color:#d4af37;cursor:pointer;background:0 0;border:none;font-weight:700}.btn-text-gold:hover{text-decoration:underline}.job-pipeline-list{flex-direction:column;gap:1.5rem;display:flex}.pipeline-item{flex-direction:column;gap:.8rem;display:flex}.pipeline-info{justify-content:space-between;align-items:center;display:flex}.pipeline-info h4{color:#ddd;margin:0;font-size:1.1rem}.badge-status{border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:700}.badge-red{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d}.badge-blue{color:#4facfe;background:#4facfe1a;border:1px solid #4facfe}.badge-gold{color:#d4af37;background:#d4af371a;border:1px solid #d4af37}.progress-bar-bg{background:#222;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s}.tq-col-split{background:0 0;border:none;flex-direction:column;gap:2rem;padding:0;display:flex}.mini-box{background:#111;border:1px solid #222;border-radius:10px;padding:1.5rem}.debt-item{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.debt-item:last-child{border-bottom:none;padding-bottom:0}.debt-info{flex-direction:column;gap:.3rem;display:flex}.debt-info strong{color:#fff;font-size:1rem}.debt-info span{color:#888;font-size:.85rem}.debt-amount{color:#ff4d4d;font-size:1.1rem;font-weight:700}.marketing-chart-mock{justify-content:center;align-items:center;gap:2rem;margin-top:1rem;display:flex}.donut-chart-css{background:conic-gradient(#3b5998 0% 50%,#000 50% 80%,#0068ff 80% 100%);border-radius:50%;width:120px;height:120px;position:relative}.donut-chart-css:after{content:"";background:#111;border-radius:50%;width:80px;height:80px;position:absolute;top:20px;left:20px}.chart-legend{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.chart-legend li{color:#ccc;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.color-fb{background:#3b5998}.color-tiktok{background:#888}.color-zalo{background:#0068ff}.quan-ly-kanban-4-cot{color:#fff;background:#0a0a0a;min-height:100vh;padding:2rem;font-family:Segoe UI,sans-serif}.phu-de{color:#888;margin:0;font-style:italic}.btn-tao-job{color:#0a0a0a;cursor:pointer;background:#d4af37;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-tao-job:hover{background:#f1c40f;transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.kanban-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:1.5rem;display:grid}.kanban-column{background:#121212;border:1px solid #222;border-radius:8px;flex-direction:column;min-height:500px;display:flex}.column-header{background:#1a1a1a;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.column-header h3{color:#ddd;margin:0;font-size:1.1rem}.job-count{color:#d4af37;background:#333;border-radius:12px;padding:.2rem .6rem;font-size:.85rem;font-weight:700}.column-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.kanban-card{background:#1e1e1e;border:1px solid #333;border-left:3px solid #0000;border-radius:6px;padding:1.2rem;transition:all .3s}.kanban-card:hover{border-left-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.card-header{align-items:flex-start;gap:.8rem;margin-bottom:.5rem;display:flex}.job-id{color:#d4af37;background:#d4af3726;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.job-title{color:#fff;margin:0;font-size:1.1rem;line-height:1.3}.job-client{color:#aaa;margin:0 0 1rem;font-size:.9rem}.job-meta{color:#777;border-top:1px dashed #333;justify-content:space-between;margin-bottom:1rem;padding-top:.8rem;font-size:.85rem;display:flex}.job-meta span{align-items:center;gap:.4rem;display:flex}.job-note-preview{color:#999;background:#1a1a1a;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:.85rem;font-style:italic}.btn-next-stage{color:#d4af37;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.btn-next-stage:hover{color:#000;background:#d4af37;border-color:#d4af37}.badge-done{color:#4caf50;background:#4caf501a;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.9rem;font-weight:700;display:flex}.modal-box{background:#151515;border:1px solid #d4af37;border-radius:8px;width:550px;max-width:95%;padding:2rem;box-shadow:0 10px 40px #000000e6}.modal-header h3{color:#d4af37;margin:0;font-size:1.4rem}.modal-body{flex-direction:column;gap:1.2rem;display:flex}.form-input{color:#fff;box-sizing:border-box;background:#0a0a0a;border:1px solid #333;border-radius:4px;width:100%;padding:.8rem;font-family:inherit;transition:all .3s}.form-input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 8px #d4af3733}.grid-2-form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}textarea.form-input{resize:vertical}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-luu{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:4px;padding:.8rem 1.5rem;font-weight:700;transition:all .3s}.header-phan-he{justify-content:space-between;align-items:flex-end;display:flex}.header-right{align-items:center;gap:1rem;display:flex}.thanh-tim-kiem{background:#151515;border:1px solid #333;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1rem;transition:all .3s;display:flex}.thanh-tim-kiem:focus-within{border-color:#d4af37;box-shadow:0 0 8px #d4af3733}.thanh-tim-kiem input{color:#fff;background:0 0;border:none;outline:none;width:200px;font-family:inherit;font-size:.95rem}.kanban-card{cursor:grab;position:relative}.kanban-card:active{cursor:grabbing;opacity:.8;transform:scale(.98)}.icon-drag{color:#444;position:absolute;top:12px;right:12px}.kanban-card:hover .icon-drag{color:#888}.border-gap{background:linear-gradient(90deg,#ff44440d,#1e1e1e);border-left-color:#f44!important}.tag-gap{color:#f44;background:#f443;border-radius:4px;align-items:center;gap:.3rem;margin-left:.5rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:flex}.text-gap{font-weight:700;color:#f44!important}.card-header{align-items:center;margin-bottom:.5rem;display:flex}.job-title{color:#fff;margin:0 0 .5rem;padding-right:1.5rem;font-size:1.15rem;line-height:1.3}.kho-giao-dien-wrapper{color:#fff;box-sizing:border-box;width:100%;padding:2.5rem 3rem}.header-phan-he{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.tieu-de-chinh{color:#d4af37;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.phu-de{color:#888;font-size:.95rem}.btn-tao-job{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:8px;align-items:center;gap:8px;padding:.7rem 1.2rem;font-weight:600;transition:all .3s;display:flex}.btn-tao-job:hover{background:#f1c40f;transform:translateY(-2px)}.kho-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.link-card{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative}.link-card:hover{border-color:#d4af37;transform:translateY(-3px);box-shadow:0 8px 24px #0006}.card-icon{color:#d4af37;background:#d4af371a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.2rem;display:flex}.link-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;overflow:hidden}.link-stats{color:#888;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:.85rem;display:flex}.stat-item{align-items:center;gap:4px;display:flex}.stat-item.online{color:#4caf50}.card-actions{gap:.8rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-xem{color:#ccc;background:#222;border:1px solid #333}.btn-xem:hover{color:#fff;background:#333}.btn-copy{color:#111;background:#d4af37}.btn-copy:hover{background:#e5c158}.btn-del-link{color:#555;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:1rem;right:1rem}.btn-del-link:hover{color:#ff4d4d}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box.modal-large{background:#161616;border:1px solid #333;border-radius:16px;width:900px;max-width:95%;overflow:hidden}.modal-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.btn-close{color:#888;cursor:pointer;background:0 0;border:none}.btn-close:hover{color:#ff4d4d}.modal-body-split{gap:2rem;padding:1.5rem;display:flex}.form-nhap-lieu{flex:1}.khu-vuc-preview{background:#111;border:1px solid #222;border-radius:12px;flex:1;padding:1.5rem}.form-group label{color:#ccc;margin-bottom:.5rem;font-size:.9rem;display:block}.form-input.cinematic-input{color:#fff;background:#222;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px}.form-input.cinematic-input:focus{border-color:#d4af37}.khung-preview{background:#1a1a1a;border-radius:8px;justify-content:center;align-items:center;min-height:250px;margin-top:1rem;display:flex;position:relative;overflow:hidden}.preview-empty{text-align:center;color:#555;padding:2rem}.preview-active{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.preview-status{color:#888;margin-top:10px;font-size:.9rem}.mock-masonry{opacity:.15;z-index:1;pointer-events:none;grid-template-columns:repeat(2,1fr);gap:4px;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.mock-masonry-img{background-position:50%;background-size:cover}.modal-footer{border-top:1px solid #222;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-huy{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;padding:10px 20px}.btn-luu{color:#111;cursor:pointer;background:#d4af37;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.portfolio-preview-wrapper{z-index:9999;color:#fff;background:#000;width:100vw;height:100vh;padding:0;position:fixed;top:0;left:0;overflow-y:auto}.portfolio-preview-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#000c;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:sticky;top:0}.pp-brand{letter-spacing:1px;font-size:1.5rem;font-weight:700}.pp-brand span{color:#d4af37}.btn-dong-preview{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.btn-dong-preview:hover{background:#ff4d4d;transform:rotate(90deg)}.portfolio-hero{text-align:center;max-width:800px;margin:0 auto;padding:5rem 2rem 3rem}.portfolio-hero h1{margin-bottom:1rem;font-family:serif;font-size:2.8rem;font-weight:600}.portfolio-hero p{color:#888;font-size:1.1rem;font-weight:300}.portfolio-masonry{columns:3 300px;column-gap:1rem;max-width:1400px;margin:0 auto;padding:0 3rem 4rem}.masonry-item{break-inside:avoid;cursor:zoom-in;border-radius:8px;margin-bottom:1rem;transition:transform .3s;position:relative;overflow:hidden}.masonry-item img{object-fit:cover;border-radius:8px;width:100%;transition:transform .4s;display:block}.lightbox-img{object-fit:contain;border-radius:4px;max-width:90%;max-height:90vh;animation:.3s forwards zoomInAnim;box-shadow:0 10px 40px #00000080}@keyframes zoomInAnim{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-close-lightbox{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s;display:flex;position:absolute;top:30px;right:40px}.btn-close-lightbox:hover{background:#ff4d4d}.chon-anh-wrapper{color:#fff;background:#0a0a0a;min-height:100vh;padding:2rem;font-family:Segoe UI,sans-serif;animation:.4s fadeIn}.header-portfolio{border-bottom:1px dashed #333;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.btn-archive{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:4px;align-items:center;padding:.8rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.btn-archive:hover{color:#0a0a0a;background:#d4af37;box-shadow:0 0 15px #d4af3766}.grid-thu-muc-admin{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;display:grid}.card-thu-muc-admin{background:#121212;border:1px solid #222;border-radius:8px;flex-direction:column;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.card-thu-muc-admin:hover{background:#151515;border-color:#d4af37;transform:translateY(-3px);box-shadow:0 8px 20px #00000080}.folder-main-info{align-items:center;gap:1.2rem;display:flex}.icon-folder{background:#d4af371a;border-radius:8px;padding:1rem;display:flex}.thong-tin-folder h3{color:#fff;margin:0 0 .5rem;font-size:1.3rem}.folder-meta{color:#888;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.dot-divider{color:#444}.folder-actions{border-top:1px dashed #333;gap:1rem;padding-top:1rem;display:flex}.btn-outline{color:#ddd;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.9rem;transition:all .2s;display:flex}.btn-outline:hover{color:#d4af37;border-color:#d4af37}.btn-primary{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #2a2a2a;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.9rem;transition:all .2s;display:flex}.btn-primary:hover{color:#000;background:#d4af37}.giao-dien-khach-hang-wrapper{color:#fff;background:#050505;min-height:100vh;position:relative}.khach-hang-topbar{z-index:100;background:#0a0a0a;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.khach-hang-info h2{color:#d4af37;margin:0 0 .2rem;font-size:1.5rem}.khach-hang-countdown{color:#888;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.khach-hang-actions{align-items:center;gap:1.5rem;display:flex}.da-chon-text{color:#ccc;font-size:.95rem}.da-chon-text .highlight{color:#d4af37}.btn-gui-chot{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:20px;padding:.6rem 1.5rem;font-weight:700;transition:all .3s}.btn-gui-chot:hover{background:#f1c40f}.btn-dong-xem-truoc{color:#fff;cursor:pointer;background:#222;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .2s;display:flex}.btn-dong-xem-truoc:hover{background:#f44}.thong-bao-upsell{color:#f39c12;text-align:center;background:#f39c121a;border-bottom:1px solid #332800;padding:.5rem;font-size:.9rem}.khach-hang-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:2rem;display:grid}.khung-anh-khach{aspect-ratio:2/3;cursor:zoom-in;background:#121212;border:2px solid #0000;border-radius:4px;transition:all .3s;position:relative;overflow:hidden}.khung-anh-khach.active{border-color:#d4af37;box-shadow:0 0 15px #d4af3733}.khung-anh-khach img{object-fit:cover;width:100%;height:100%;display:block}.anh-khach-overlay{opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.khung-anh-khach:hover .anh-khach-overlay,.khung-anh-khach.active .anh-khach-overlay{opacity:1}.btn-khach-chon{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.btn-khach-chon:hover,.btn-chon-active{color:#000;background:#d4af37}.btn-khach-ghi-chu{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #555;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.btn-khach-ghi-chu:hover{border-color:#fff}.lightbox-overlay{z-index:1000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-img{object-fit:contain;cursor:default;max-width:90%;max-height:90vh;box-shadow:0 0 30px #000}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;transition:all .2s;position:absolute;top:20px;right:30px}.lightbox-close:hover{color:#f44;transform:scale(1.1)}.admin-floating-actions{z-index:90;position:fixed;bottom:20px;right:20px}.btn-loc-may-tinh-floating{color:#d4af37;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:30px;align-items:center;gap:.8rem;padding:.8rem 1.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000080}.btn-loc-may-tinh-floating:hover{color:#000;background:#d4af37}.modal-box.modal-large{background:#121212;border:1px solid #d4af37;border-radius:12px;width:850px;max-width:95%;padding:2.5rem;box-shadow:0 15px 40px #000000e6}.modal-body-split{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.form-group{margin-bottom:1.5rem}.form-group label{color:#ccc;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;display:flex}.cinematic-input{color:#fff;box-sizing:border-box;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.cinematic-input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 8px #d4af3733}.ghi-chu-nho{color:#777;margin-top:.5rem;font-size:.85rem;font-style:italic;display:block}.khu-vuc-preview{flex-direction:column;display:flex}.khu-vuc-preview label{color:#ccc;margin-bottom:.5rem;font-size:.95rem}.khung-preview{background:#0a0a0a;border:1px dashed #444;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:250px;padding:1.5rem;display:flex;overflow:hidden}.preview-empty{text-align:center;color:#555}.preview-empty p{margin-top:1rem;font-size:.9rem}.preview-active{text-align:center;flex-direction:column;align-items:center;width:100%;animation:.5s fadeIn;display:flex}.preview-active p{color:#d4af37;margin:1rem 0 .2rem;font-size:1.1rem;font-weight:700}.preview-status{color:#888;margin-bottom:1.5rem;font-size:.85rem}.mock-grid{grid-template-columns:1fr 1fr 1fr;gap:.8rem;width:90%;display:grid}.mock-img{background-color:#222;background-position:50%;background-size:cover;border:1px solid #444;border-radius:6px;height:80px}.modal-footer{border-top:1px solid #222;justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.btn-huy{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:.8rem 1.5rem;transition:all .3s}.btn-huy:hover{color:#fff;background:#222}.btn-luu:hover{background:#f1c40f;transform:translateY(-2px);box-shadow:0 4px 15px #d4af3766}.skeleton-loading{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%) 0 0/200% 100%;border:1px solid #333;animation:1.5s ease-in-out infinite loadingSkeleton}@keyframes loadingSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.thong-bao-dong-bo{background:#4caf501a;border:1px dashed #4caf50;border-radius:6px;justify-content:space-between;align-items:center;margin-top:-.5rem;padding:.8rem;display:flex}.btn-loc-nhanh{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.btn-loc-nhanh:hover{background:#45a049;transform:scale(1.05);box-shadow:0 4px 10px #4caf504d}.btn-gui-chot{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:20px;align-items:center;padding:.6rem 1.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #d4af374d}.btn-gui-chot:hover{background:#f1c40f;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.modal-loc-anh{border-radius:12px;background:#111!important;border:1px solid #333!important;width:600px!important;padding:2rem!important}.modal-header-clean{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title-red{color:#ff4d4d;margin:0;font-size:1.6rem;font-weight:700}.loc-tabs{border-bottom:1px solid #333;gap:2rem;margin-bottom:1.5rem;display:flex}.loc-tab-item{color:#888;cursor:pointer;padding:.8rem 0;font-weight:500;transition:all .3s;position:relative}.loc-tab-item.active{color:#4facfe}.loc-tab-item.active:after{content:"";background:#4facfe;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.loc-subtitle{color:#ccc;margin:0 0 1rem;font-size:1.05rem}.loc-radio-group{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}.custom-radio{color:#ddd;cursor:pointer;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.custom-radio.disabled{color:#555;cursor:not-allowed}.custom-radio input{display:none}.radio-mark{border:2px solid #555;border-radius:50%;width:20px;height:20px;transition:all .2s;display:inline-block;position:relative}.custom-radio input:checked+.radio-mark{border-color:#20b2aa}.custom-radio input:checked+.radio-mark:after{content:"";background:#20b2aa;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}.loc-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;margin-bottom:1.5rem;padding:1rem;font-family:inherit;transition:all .3s}.loc-textarea:focus{border-color:#d4af37;outline:none;box-shadow:0 0 8px #d4af371a}.loc-options-grid{flex-direction:column;gap:1.2rem;margin-bottom:2.5rem;display:flex}.loc-option-row{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.loc-option-row>span{color:#ccc;font-size:.95rem}.loc-select{color:#fff;cursor:pointer;text-align:right;appearance:none;background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) right 10px top 50%/10px no-repeat;border:1px solid #444;border-radius:4px;outline:none;min-width:150px;padding:.4rem 1rem}.loc-select option{background:#111}.folder-picker-wrapper{align-items:center;gap:.8rem;display:flex}.btn-chon-thu-muc{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.btn-chon-thu-muc:hover{background:#c0392b;transform:translateY(-1px)}.btn-chon-dich{background:#e74c3c}.folder-path-text{color:#888;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.85rem;font-style:italic;overflow:hidden}.loc-footer-action{flex-direction:column;align-items:center;gap:1rem;display:flex}.btn-bat-dau-loc{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:6px;padding:.8rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #4285f44d}.btn-bat-dau-loc:hover{background:#2b70e4;transform:translateY(-2px)}.loc-note{color:#666;text-align:center;margin:0;font-size:.85rem}.khu-vuc-lich-su{background:#0d0d0d;border:1px solid #222;border-radius:6px;margin-top:.5rem;padding:.8rem}.lich-su-title{color:#888;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.lich-su-log{flex-direction:column;gap:.2rem;display:flex}.log-time{color:#d4af37;font-size:.8rem;font-weight:700}.log-text{color:#ccc;font-size:.9rem;line-height:1.4}.btn-sua-chot{color:#f39c12;cursor:pointer;background:0 0;border:1px solid #f39c12;border-radius:20px;align-items:center;padding:.6rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.btn-sua-chot:hover{background:#f39c121a;transform:translateY(-2px)}.is-locked{opacity:.8}.is-locked .anh-khach-overlay{display:none!important}.thong-bao-da-chot{color:#4caf50;text-align:center;background:#4caf501a;border-bottom:1px solid #2a3b2a;padding:.8rem;font-size:.95rem;font-style:italic}.thu-chi-wrapper{color:#fff;background:#0a0a0a;min-height:100vh;padding:2rem;font-family:Segoe UI,sans-serif;animation:.4s fadeIn}.header-phan-he{border-bottom:1px dashed #333;margin-bottom:2rem;padding-bottom:1.5rem}.tieu-de-chinh{color:#d4af37;margin:0 0 .5rem;font-size:2.2rem}.phu-de{color:#aaa;margin:0;font-size:1rem}.dashboard-tong-quan{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.card-chi-so{background:#121212;border:1px solid #222;border-radius:8px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.card-chi-so:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006}.card-doanh-thu{border-bottom:3px solid #4facfe}.card-doanh-thu .chi-so-icon{color:#4facfe;background:#4facfe1a;border-radius:8px;padding:1rem}.card-loi-nhuan{border-bottom:3px solid #4caf50}.card-loi-nhuan .chi-so-icon{color:#4caf50;background:#4caf501a;border-radius:8px;padding:1rem}.card-nam{border-bottom:3px solid #d4af37}.card-nam .chi-so-icon{color:#d4af37;background:#d4af371a;border-radius:8px;padding:1rem}.chi-so-info p{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem;font-size:.95rem}.chi-so-info h3{color:#fff;margin:0;font-size:1.8rem}.grid-thu-chi-chi-tiet{grid-template-columns:1.8fr 1fr;gap:2rem;display:grid}.tieu-de-khoi{border-bottom:1px solid #222;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tieu-de-khoi h3{color:#fff;margin:0;font-size:1.3rem}.danh-sach-hach-toan{flex-direction:column;gap:1.5rem;display:flex}.card-hach-toan-job{background:#121212;border:1px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.card-hach-toan-job:hover{border-color:#d4af37}.job-header-tc{border-bottom:1px dashed #222;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;display:flex}.job-header-tc h4{color:#d4af37;margin:0 0 .4rem;font-size:1.15rem}.job-date{color:#777;font-size:.85rem}.job-doanh-thu{text-align:right}.job-doanh-thu span{color:#aaa;margin-bottom:.2rem;font-size:.85rem;display:block}.job-doanh-thu strong{color:#fff;font-size:1.2rem}.job-chi-phi-list{margin-bottom:1.5rem}.chi-phi-list-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.mini-title{color:#888;margin:0;font-size:.9rem;font-style:italic}.btn-sua-chi-phi{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;transition:all .3s;display:flex}.btn-sua-chi-phi:hover{color:#000;background:#d4af37}.chi-phi-item{color:#ccc;justify-content:space-between;margin-bottom:.5rem;padding-left:1rem;font-size:.95rem;display:flex;position:relative}.chi-phi-item:before{content:"";background:#555;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.job-loi-nhuan-thuc{background:#1a1a1a;border-radius:6px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.job-loi-nhuan-thuc span{color:#ddd;align-items:center;gap:.5rem;font-weight:700;display:flex}.job-loi-nhuan-thuc strong{font-size:1.3rem}.khot-chi-phi-co-dinh{background:#121212;border:1px solid #222;border-radius:8px;height:fit-content;padding:1.5rem}.ghi-chu-sql{color:#777;margin:0 0 1.5rem;font-size:.9rem;font-style:italic;display:block}.danh-sach-tien{margin:0 0 1.5rem;padding:0;list-style:none}.danh-sach-tien li{border-bottom:1px dashed #333;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.ten-khoan{color:#ddd;font-size:1rem}.so-tien{font-size:1.05rem;font-weight:700}.tong-ket-co-dinh{background:#ff44440d;border-left:4px solid #f44;border-radius:6px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.tong-ket-co-dinh span{color:#aaa;font-size:1rem}.tong-ket-co-dinh strong{font-size:1.2rem}.text-green{color:#4caf50!important}.text-red{color:#f44!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-thu-chi{background:#111;border:1px solid #d4af37;border-radius:12px;width:600px;max-width:95%;padding:2rem;box-shadow:0 15px 40px #000000e6}.modal-header{border-bottom:1px dashed #333;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h3{color:#d4af37;align-items:center;margin:0;font-size:1.3rem;display:flex}.btn-close{color:#888;cursor:pointer;background:0 0;border:none;transition:all .2s}.btn-close:hover{color:#f44;transform:scale(1.1)}.form-them-chi-phi{background:#1a1a1a;border:1px dashed #444;border-radius:8px;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.form-group-tc{flex-direction:column;flex:1;gap:.5rem;display:flex}.form-group-tc label{color:#aaa;font-size:.9rem}.input-tc{color:#fff;background:#0a0a0a;border:1px solid #333;border-radius:6px;outline:none;padding:.8rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-tc:focus{border-color:#d4af37}.btn-them-tc{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.btn-them-tc:hover{background:#f1c40f;transform:translateY(-2px)}.danh-sach-chi-phi-modal{background:#0a0a0a;border:1px solid #222;border-radius:8px;max-height:300px;padding:1.5rem;overflow-y:auto}.chi-phi-modal-item{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.chi-phi-modal-item:last-child{border-bottom:none}.cp-info{flex-direction:column;gap:.3rem;display:flex}.cp-name{color:#ddd;font-size:1rem}.cp-price{color:#f44;font-size:.9rem;font-weight:700}.btn-xoa-cp{color:#666;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:all .3s}.btn-xoa-cp:hover{color:#f44}.modal-footer{border-top:1px solid #333;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-luu{color:#000;cursor:pointer;background:#d4af37;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:all .3s}.btn-luu:hover{background:#f1c40f;transform:translateY(-2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}.portfolio-preview-wrapper{color:#fff;width:100%;min-height:100vh;font-family:Playfair Display,serif;position:relative;overflow-x:hidden}.video-background{object-fit:cover;z-index:-2;filter:brightness(.85);width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:-1;background:#001e0a33;width:100vw;height:100vh;position:fixed;top:0;left:0}.water-bubbles-container{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bubble{background:radial-gradient(circle at 30% 30%,#fffc,#ffffff1a);border:1px solid #fff6;border-radius:50%;animation:12s ease-in infinite floatUp;position:absolute;bottom:-100px;box-shadow:inset 0 0 10px #ffffff4d}.bubble:first-child{width:40px;height:40px;animation-duration:9s;left:15%}.bubble:nth-child(2){width:25px;height:25px;animation-duration:6s;animation-delay:2s;left:35%}.bubble:nth-child(3){width:55px;height:55px;animation-duration:11s;animation-delay:1s;left:55%}.bubble:nth-child(4){width:30px;height:30px;animation-duration:8s;animation-delay:3s;left:75%}.bubble:nth-child(5){width:45px;height:45px;animation-duration:10s;animation-delay:4s;left:85%}.bubble:nth-child(6){width:20px;height:20px;animation-duration:7s;animation-delay:1.5s;left:25%}@keyframes floatUp{0%{opacity:0;bottom:-100px;transform:translate(0)scale(1)}20%{opacity:.8}50%{transform:translate(25px)scale(1.1)}80%{opacity:.5}to{opacity:0;bottom:100vh;transform:translate(-25px)scale(1.2)}}.portfolio-preview-header{z-index:10;justify-content:center;width:100%;padding:2rem 3rem;display:flex;position:absolute;top:0;left:0}.pp-brand{letter-spacing:5px;text-transform:uppercase;text-shadow:0 2px 10px #00000080;font-size:1.6rem;font-weight:700}.cinematic-text{text-align:center;z-index:1;max-width:900px;margin:0 auto;padding:14rem 2rem 8rem;position:relative}.cinematic-text h1{letter-spacing:2px;text-shadow:0 5px 20px #0009;margin-bottom:1rem;font-size:4rem;font-style:italic;font-weight:600;animation:1.2s fadeInDown}.cinematic-text p{color:#ffffffd9;letter-spacing:1.5px;text-shadow:0 2px 10px #00000080;font-size:1.2rem;animation:1.2s .3s backwards fadeInUp}.scroll-indicator{letter-spacing:4px;margin-top:4rem;font-size:.85rem;animation:2.5s infinite pulseOpacity}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(2.5deg)}50%{transform:rotate(0)}75%{transform:rotate(-2.5deg)}to{transform:rotate(0)}}.masonry-item{cursor:zoom-in;transform-origin:top;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;width:100%;margin-bottom:2rem;transition:box-shadow .4s,border .4s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.masonry-item:hover{z-index:2;border-color:#fff9;animation:2.5s ease-in-out infinite sway;box-shadow:0 20px 50px #fff3}.masonry-item img{width:100%;height:auto;transition:transform .8s;display:block}.masonry-item:hover img{transform:scale(1.05)}.overlay-zoom{opacity:0;background:radial-gradient(circle,#0000 20%,#00140a4d 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.masonry-item:hover .overlay-zoom{opacity:1}.lightbox-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s fadeIn;display:flex;position:fixed;top:0;left:0}.zoom-loading{color:#fff;z-index:-1;animation:1s linear infinite spin;position:absolute}@keyframes dropAndSway{0%{opacity:0;transform:scale(.9)translateY(-50px)rotate(-3deg)}60%{opacity:1;transform:scale(1.02)translateY(10px)rotate(1deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.lightbox-img{object-fit:contain;transform-origin:top;z-index:10;border-radius:8px;max-width:90vw;max-height:90vh;animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards dropAndSway;box-shadow:0 10px 50px #0009}.btn-close-lightbox{cursor:pointer;z-index:20;color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:2rem;right:3rem}.portfolio-loading{color:#fff;text-shadow:0 0 10px #fff3;background:#050505;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;font-family:Playfair Display,serif;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseOpacity{0%,to{opacity:.3}50%{opacity:1}}@media (width<=900px){.portfolio-masonry{column-count:2;padding:0 2rem 4rem}}@media (width<=600px){.portfolio-masonry{column-count:1;padding:0 1rem 3rem}.cinematic-text h1{font-size:2.5rem}}.portfolio-masonry{column-count:5;z-index:1;column-gap:1.2rem;max-width:1600px;margin:0 auto;padding:0 3rem 6rem;position:relative}.selection-wrapper{color:#fff;width:100%;min-height:100vh;font-family:Playfair Display,serif;position:relative;overflow-x:hidden}.video-background-container{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.video-bg{object-fit:cover;width:100vh;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.video-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0a190f66 0%,#050f0ab3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.selection-header-floating{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a140f99;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:1rem 3rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 30px #0000004d}.sh-brand{letter-spacing:3px;font-size:1.5rem;font-weight:700}.sh-brand span{color:#81ecec}.sh-tools{align-items:center;gap:2rem;display:flex}.sh-count{letter-spacing:1px;color:#e0e0e0;font-size:1.1rem}.sh-count strong{color:#81ecec;font-size:1.3rem}.btn-chot-anh{color:#111;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#f1c40f 100%);border:none;border-radius:30px;align-items:center;gap:8px;padding:.6rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.btn-chot-anh:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.btn-chot-anh:disabled{color:#888;cursor:not-allowed;background:#555}.selection-hero{text-align:center;padding-top:8rem;padding-bottom:2rem}.selection-hero h1{text-shadow:0 4px 15px #000c;margin-bottom:.5rem;font-size:3rem;font-style:italic}.selection-hero p{color:#ffffffd9;letter-spacing:1px}.selection-masonry{column-count:7;z-index:1;column-gap:.8rem;max-width:100%;margin:0 auto;padding:0 1rem 6rem;position:relative}.sel-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform-origin:top;background:#ffffff1a;border:2px solid #0000;border-radius:6px;width:100%;margin-bottom:.8rem;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.sel-item img{width:100%;transition:transform .6s;display:block}.sel-item:hover img{transform:scale(1.03)}.sel-item:active{animation:.5s ease-in-out dongDuaCanhLa}@keyframes dongDuaCanhLa{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(-1.5deg)}75%{transform:rotate(1deg)}to{transform:rotate(0)}}.sel-item.is-selected{border-color:#d4af37;transform:scale(.97);box-shadow:0 0 15px #d4af3780}.sel-overlay{opacity:0;background:#0000004d;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.sel-item:hover .sel-overlay{opacity:1;cursor:pointer}.sel-item.is-selected .sel-overlay{opacity:1;background:#00000026}.icon-circle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.icon-circle:hover{color:#111;background:#fff;transform:scale(1.1)}.is-selected .icon-circle.check{color:#111;background:#d4af37;border-color:#d4af37}.lightbox-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100000;background:#050f0af2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-img{object-fit:contain;z-index:10;border-radius:4px;max-width:95vw;max-height:95vh}.btn-close-lightbox{cursor:pointer;z-index:20;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:absolute;top:2rem;right:3rem}.btn-close-lightbox:hover{background:#ff4d4d;border-color:#ff4d4d;transform:rotate(90deg)}.portfolio-loading{color:#a0a0a0;background:#0a110d;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.spin-icon{color:#81ecec;animation:1s linear infinite spin}@media (width<=768px){.selection-masonry{column-count:3;column-gap:.5rem;padding:0 .5rem 4rem}.sel-item{border-radius:4px;margin-bottom:.5rem}.selection-header-floating{flex-direction:column;gap:.8rem;padding:1rem}.sh-tools{justify-content:space-between;gap:1rem;width:100%}.btn-chot-anh{padding:.5rem 1rem;font-size:.9rem}.selection-hero{padding-top:7rem;padding-bottom:1rem}.selection-hero h1{font-size:2rem}.icon-circle{width:35px;height:35px}.icon-circle svg{width:18px;height:18px}}