@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";html,body{touch-action:pan-x pan-y;overflow-x:hidden;width:100%;margin:0;padding:0}*{box-sizing:border-box}:root{--sidebar-width: 260px;--primary-gold: #EAB308;--dark-slate: #0F172A;--header-height: 75px}.app-layout{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.main-viewport{flex:1;margin-left:var(--sidebar-width);background:#f8fafc;display:flex;flex-direction:column;max-width:calc(100% - var(--sidebar-width))}.page-content{padding:30px 40px;width:100%}.top-header{height:var(--header-height);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 40px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}.search-bar{display:flex;align-items:center;background:#f1f5f9;padding:10px 18px;border-radius:12px;width:320px;border:1px solid transparent;transition:all .3s ease;gap:10px}.search-bar:focus-within{background:#fff;border-color:var(--primary-gold);box-shadow:0 4px 15px #eab30826;width:360px}.search-bar .search-icon{color:#94a3b8}.search-bar:focus-within .search-icon{color:var(--primary-gold)}.search-bar input{border:none;background:transparent;outline:none;width:100%;color:#334155;font-size:14px}.search-bar input::placeholder{color:#94a3b8}.user-profile{margin-left:auto!important;display:flex;align-items:center;justify-content:flex-end;gap:15px}.notification{position:relative;cursor:pointer;color:#64748b;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.notification:hover{background:#f1f5f9;color:var(--dark-slate)}.badge{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;height:16px;min-width:16px;display:flex;align-items:center;justify-content:center;border-radius:20px;border:2px solid #ffffff;padding:0 4px}.avatar-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:50px;transition:background .2s ease;color:#64748b}.avatar-wrapper:hover{background:#f1f5f9;color:var(--dark-slate)}.avatar-wrapper img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-gold)}.account-dropdown{position:absolute;top:calc(100% + 15px);right:0;background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;min-width:220px;padding:10px;z-index:100;transform-origin:top right}.account-dropdown>div:first-child{padding:8px 12px 12px;font-size:13px;color:#64748b;margin-bottom:8px;border-bottom:1px solid #f1f5f9}.account-dropdown>div:first-child b{color:var(--dark-slate);font-size:14px}.account-dropdown a,.account-dropdown .logout-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#475569;text-decoration:none;font-size:14px;font-weight:500;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.account-dropdown a:hover{background-color:#fefce8;color:var(--primary-gold)}.account-dropdown hr{display:none}.account-dropdown .logout-btn{color:#ef4444;margin-top:4px}.account-dropdown .logout-btn:hover{background-color:#fef2f2;color:#e11d48}.fade-in{animation:fadeMenu .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeMenu{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-page{text-align:center;padding-top:100px}.error-page h2{font-size:2rem;color:#94a3b8;font-weight:800}@media screen and (max-width:768px){*{max-width:100vw!important;box-sizing:border-box!important}input,select,textarea{font-size:16px!important;width:100%!important;padding:12px!important;background:#f0f2f5!important;border:none!important;border-radius:8px!important}.app-layout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100vh!important;background-color:#f0f2f5!important}.main-viewport{margin-left:0!important;width:100%!important;max-width:100%!important;padding:0 0 70px!important;background-color:#f0f2f5!important;overflow-x:hidden!important}.page-content,.dashboard-container{width:100%!important;max-width:100%!important;padding:15px!important;box-sizing:border-box!important;display:block!important;overflow-x:hidden!important;margin:0!important}.top-header.modern-header{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:10px 15px!important;height:60px!important;position:sticky!important;top:0!important}.search-bar{display:none!important}.stat-card-pro,.chart-card-pro,.recent-card-pro,.form-section-white,.acc-item-wrapper,.action-panel-box,.payment-timeline-box,.contract-table-container,.contract-stats .stat-card,.kho-banner-card,.compact-card,.vip-form-card,.vip-stats-grid,.stat-card-vip,.vip-kanban-board{background:#fff!important;border-radius:0!important;border:none!important;border-top:1px solid #ced0d4!important;border-bottom:1px solid #ced0d4!important;margin:0 0 10px!important;padding:16px!important;box-shadow:none!important;width:100%!important;max-width:100%!important}.contract-header,.card-header-pro,.create-header-custom,.detail-header-custom{padding:16px!important;background:#fff!important;margin:0 0 10px!important;border-bottom:1px solid #ced0d4!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important}.dashboard-bottom-grid,.stats-grid-pro,.detail-layout-pro,.form-grid-custom,.contract-stats{display:flex!important;flex-direction:column!important;gap:0!important}h1,h2,h3,h4,p,span,div{white-space:normal!important;word-wrap:break-word!important}button,.btn-hero-primary,.btn-hero-secondary,.btn-add-contract{width:100%!important;justify-content:center!important;min-height:44px!important;margin-top:5px!important}.header-actions,.action-buttons-group,.action-btn-list{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}.fg-group,.input-group,.input-box{width:100%!important}.contract-table-container{padding:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.contract-table{min-width:800px!important}.sidebar,.thanh-ben{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;width:100%!important;height:65px!important;background:#fff!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;z-index:99999!important;padding:0!important;border-top:1px solid #dddfe2!important;box-shadow:0 -2px 5px #0000000d!important}.sidebar-logo,.sidebar-header,.sidebar-user,.logo-box,.sidebar-bottom,.logout-btn-container{display:none!important}.sidebar-nav,.nav-menu{display:flex!important;flex-direction:row!important;width:100%!important;height:100%!important;justify-content:space-between!important;margin:0!important;padding:0!important;gap:0!important}.sidebar-nav a,.nav-menu a,.nav-item{flex:1 1 0px!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:4px 2px!important;gap:4px!important;color:#65676b!important;border:none!important;background:transparent!important}.nav-item:before,.nav-item:after{display:none!important}.sidebar-nav a svg,.nav-menu a svg,.nav-item svg{width:22px!important;height:22px!important;margin:0 auto!important}.nav-item.active{color:#1877f2!important}.nav-text,.nav-item span{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;text-align:center!important;display:block!important;line-height:1.2!important}.edit-mode-wrapper{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.edit-input-name,.edit-input-price{width:100%!important;min-width:100%!important}.custom-pkg-header{flex-direction:column!important;align-items:flex-start!important}.password-group,.password-container,.input-wrapper,.input-box{position:relative!important;display:block!important;width:100%!important}input[type=password],input[name=password]{width:100%!important;padding-right:45px!important;z-index:1!important}.eye-icon,.toggle-password-btn,.show-hide-btn,.btn-eye{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:none!important;z-index:10!important;padding:0!important;margin:0!important;box-shadow:none!important}.vip-link-banner{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;max-width:100%!important;margin:0 0 15px!important;padding:20px 15px!important;border-radius:0!important;border-top:1px solid #ced0d4!important;border-bottom:1px solid #ced0d4!important;gap:15px!important}.vip-link-banner .banner-left{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important}.vip-link-banner .banner-left h3{font-size:18px!important;margin-bottom:5px!important}.vip-link-banner .banner-left p{font-size:12px!important;opacity:.8!important}.vip-link-banner .banner-right{width:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important}.vip-link-banner .link-preview{width:100%!important;justify-content:center!important;background:#ffffff1a!important;padding:10px!important}.vip-link-banner .btn-copy-vip{width:100%!important;justify-content:center!important;padding:12px!important}}.sidebar{width:var(--sidebar-width);background-color:#0f172a;color:#94a3b8;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;border-right:1px solid #1e293b;z-index:100}.sidebar-header{padding:30px 24px;display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#fef08a,#eab308);color:#0f172a;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 15px #eab3084d}.logo-text{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px}.logo-text .text-gold{color:#eab308;font-weight:400}.sidebar-nav{padding:0 16px;flex:1}.nav-label{font-size:8px;font-weight:700;color:#475569;letter-spacing:1px;margin:52px -99px 1px -3px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;color:#cbd5e1;text-decoration:none;border-radius:12px;margin-bottom:6px;font-weight:500;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item:hover{background-color:#1e293b;color:#fff;transform:translate(4px)}.nav-item:hover .nav-icon{color:#eab308}.nav-item.active{background:linear-gradient(90deg,rgba(234,179,8,.1) 0%,transparent 100%);color:#eab308;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:4px;background-color:#eab308;border-radius:0 4px 4px 0}.nav-icon{display:flex;align-items:center;color:#94a3b8;transition:color .3s}.nav-item.active .nav-icon{color:#eab308}.sidebar-bottom{padding:0 16px 20px}.account-menu{margin-bottom:20px}.account-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#94a3b8;text-decoration:none;border-radius:10px;margin-bottom:4px;font-size:14px;font-weight:500;transition:all .2s}.account-btn:hover{color:#fff;background-color:#ffffff0d}.account-btn.active-account{color:#fff;background-color:#ffffff1a}.account-info-card{display:flex;align-items:center;gap:12px;background-color:#1e293b;padding:12px;border-radius:16px;border:1px solid #334155;margin-bottom:20px;transition:border-color .3s}.account-info-card:hover{border-color:#475569}.acc-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover}.acc-details{flex:1;overflow:hidden}.account-name{color:#f8fafc;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-mail{color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.logout-btn:hover{background-color:#ef4444;color:#fff;box-shadow:0 4px 15px #ef44444d}:root{--bg-main: #f8fafc;--bg-white: #ffffff;--text-dark: #0f172a;--text-gray: #64748b;--border-light: #e2e8f0;--color-blue: #2563eb;--color-green: #16a34a;--color-purple: #8b5cf6;--color-orange: #f97316}.dashboard-vip-container{padding:0 40px 40px;font-family:Inter,sans-serif;overflow-x:hidden}.fade-in{animation:fadeIn .5s ease-out}.hero-banner-pro{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;padding:40px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:30px;box-shadow:0 20px 40px #0000001a}.hero-content{position:relative;z-index:5}.hero-title{font-size:2.2rem;font-weight:900;color:#fff;margin:15px 0 10px}.hero-subtitle{color:#94a3b8;margin-bottom:25px;font-size:1rem}.hero-actions{display:flex;gap:12px}.btn-hero-primary{background:#3b82f6;color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;transition:.3s}.btn-hero-secondary{background:#ffffff1a;color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #3b82f64d}.stats-grid-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card-pro{background:#fff;padding:20px;border-radius:20px;border:1px solid var(--border-light);transition:.3s}.stat-card-pro:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.stat-top{display:flex;justify-content:space-between;margin-bottom:15px}.stat-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.bg-green-light{background:#ecfdf5}.bg-blue-light{background:#eff6ff}.bg-purple-light{background:#f5f3ff}.bg-orange-light{background:#fff7ed}.stat-value{font-size:1.8rem;font-weight:900;color:var(--text-dark);margin:0}.stat-value .unit{font-size:1rem;color:var(--text-gray);font-weight:500}.stat-label{font-size:.8rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.dashboard-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.chart-col-pro{display:flex;flex-direction:column;gap:24px}.chart-card-pro,.recent-card-pro{background:#fff;padding:25px;border-radius:20px;border:1px solid var(--border-light)}.card-header-pro{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header-pro h3{font-size:1.1rem;font-weight:800;margin:0}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;transition:.2s}.recent-item:hover{background:#f8fafc}.ri-avatar img{width:40px;height:40px;border-radius:10px;object-fit:cover}.ri-info h4{font-size:.9rem;font-weight:700;margin:0 0 2px;color:var(--text-dark)}.ri-info p{font-size:.75rem;color:var(--text-gray);margin:0}.ri-badge{font-size:.65rem;font-weight:800;padding:4px 8px;border-radius:8px;text-transform:uppercase}.ri-badge.success{background:#dcfce7;color:#16a34a}.ri-badge.process{background:#dbeafe;color:#2563eb}.ri-badge.warning{background:#fef9c3;color:#ca8a04}.hero-graphics{position:relative;width:300px;height:160px;display:flex;align-items:center;justify-content:center}.glass-card-floating{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:16px;display:flex;align-items:center;gap:10px;color:#fff;animation:float 4s ease-in-out infinite}.card-1{top:0;right:20px}.card-2{bottom:0;left:20px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow-orb{position:absolute;filter:blur(50px);opacity:.4;z-index:1;border-radius:50%}.orb-1{width:150px;height:150px;background:#3b82f6;top:-20px;right:-20px}.orb-2{width:100px;height:100px;background:#ec4899;bottom:-20px;left:-20px}@media(max-width:1200px){.dashboard-bottom-grid{grid-template-columns:1fr}.stats-grid-pro{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-vip-container{padding:10px}.hero-banner-pro{flex-direction:column;text-align:center;padding:30px 20px}.hero-graphics{display:none}.stats-grid-pro{grid-template-columns:1fr}.hero-title{font-size:1.8rem}.hero-actions{justify-content:center}}@media screen and (max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;position:relative!important}*{max-width:100vw!important}.app-layout,.main-viewport{overflow-x:hidden!important;width:100%!important;flex-direction:column!important}.page-content{padding:12px 12px 90px!important}.sidebar,.thanh-ben{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;width:100%!important;height:65px!important;background:#fff!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;z-index:99999!important;padding:0!important;border-top:1px solid #f1f5f9!important;box-shadow:0 -4px 15px #0000000a!important}.sidebar-logo,.sidebar-header,.sidebar-user,.logo-box,.sidebar-bottom,.logout-btn-container{display:none!important}.sidebar-nav,.nav-menu{display:flex!important;flex-direction:row!important;width:100%!important;height:100%!important;justify-content:space-around!important;align-items:center!important;margin:0!important;padding:0!important}.sidebar-nav a,.nav-menu a,.nav-item{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:5px!important;color:#94a3b8!important;background:transparent!important;border:none!important;gap:4px!important}.nav-item:before,.nav-item:after,.sidebar-nav a:before,.sidebar-nav a:after{display:none!important}.sidebar-nav a svg,.nav-menu a svg,.nav-item svg{width:22px!important;height:22px!important;margin:0!important}.nav-text,.sidebar-nav span{font-size:10px!important;font-weight:600!important;white-space:nowrap!important;display:block!important}.nav-item.active,.sidebar-nav a.active{color:var(--primary-gold, #EAB308)!important}.nav-item.active svg,.sidebar-nav a.active svg{color:var(--primary-gold, #EAB308)!important}h1,h2,h3,h4,p,span{word-wrap:break-word!important;white-space:normal!important}.hero-banner-pro{border-radius:16px!important;padding:24px 15px!important;text-align:center!important;margin-bottom:15px!important}.hero-title{font-size:1.6rem!important;line-height:1.3!important}.hero-actions{flex-direction:column!important;width:100%!important}.btn-hero-primary,.btn-hero-secondary{width:100%!important;justify-content:center!important}.stats-grid-pro{display:flex!important;flex-direction:column!important;gap:12px!important}.dashboard-bottom-grid{display:flex!important;flex-direction:column!important}.form-grid-custom,.input-row,.field-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.fg-group,.input-group{width:100%!important}input,select,textarea{width:100%!important;font-size:16px!important;height:44px!important;border-radius:8px!important}textarea{height:auto!important;min-height:80px!important}button,.action-btn-list button{width:100%!important;min-height:44px!important;justify-content:center!important;margin-bottom:8px!important}.contract-table-container,.table-responsive{width:calc(100vw - 24px)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:8px!important}.contract-table{min-width:700px!important}.detail-layout-pro{display:flex!important;flex-direction:column!important}.detail-right-col{position:static!important;margin-top:15px!important}}.vip-booking-wrapper{padding:24px;max-width:1440px;margin:0 auto;font-family:Inter,sans-serif;color:#0f172a;background-color:#f8fafc;min-height:100vh}.vip-toast{position:fixed;bottom:30px;right:30px;background:#10b981;color:#fff;padding:16px 24px;border-radius:12px;font-weight:700;font-size:.95rem;box-shadow:0 10px 25px -5px #10b98180;z-index:9999;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards,fadeOut .3s ease 3s forwards}@keyframes slideUp{0%{transform:translateY(150%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.vip-link-banner{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:24px;box-shadow:0 10px 25px -5px #0003;flex-wrap:wrap;gap:20px;border:1px solid #334155}.banner-left{display:flex;align-items:center;gap:16px}.icon-glow{background:#3b82f626;color:#60a5fa;padding:14px;border-radius:14px;border:1px solid rgba(59,130,246,.3);box-shadow:inset 0 0 10px #3b82f633}.banner-left h3{margin:0 0 6px;font-size:1.25rem;font-weight:800;letter-spacing:.5px}.banner-left p{margin:0;color:#94a3b8;font-size:.9rem}.banner-right{display:flex;align-items:center;gap:12px;background:#0006;padding:8px 8px 8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:500px}.link-preview{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:.9rem;overflow:hidden;flex:1;font-family:monospace}.btn-copy-vip{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy-vip:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.vip-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.s-icon{padding:16px;border-radius:14px;display:flex;align-items:center;justify-content:center}.s-icon.yellow{background:#fffbeb;color:#f59e0b}.s-icon.green{background:#f0fdf4;color:#10b981}.s-icon.purple{background:#f5f3ff;color:#8b5cf6}.s-info p{margin:0;font-size:.75rem;color:#64748b;font-weight:800;letter-spacing:.5px}.s-info h3{margin:4px 0 0;font-size:1.75rem;color:#0f172a;font-weight:900}.vip-form-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:24px 32px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px dashed #cbd5e1}.f-title{display:flex;align-items:center;gap:10px;color:#0f172a}.f-title h2{margin:0;font-size:1.25rem;font-weight:900}.badge-admin{background:#f8fafc;color:#475569;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;border:1px solid #e2e8f0}.vip-grid-form{display:flex;flex-direction:column;gap:16px}.grid-row-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.v-input-group label{display:block;font-size:.85rem;font-weight:700;color:#334155;margin-bottom:8px}.v-input-box{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:0 16px;color:#64748b;transition:all .2s;height:46px}.v-input-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.v-input-box input,.v-input-box select{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#0f172a;font-family:inherit;font-weight:500}.v-input-box.textarea-box{height:auto;padding:12px 16px;align-items:flex-start}.v-input-box.textarea-box textarea{border:none;outline:none;width:100%;background:transparent;resize:vertical;min-height:80px}.form-actions{display:flex;gap:16px;margin-top:12px}.btn-clear{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:12px 24px;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s}.btn-clear:hover{background:#f1f5f9;color:#0f172a}.btn-submit{flex:1;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:800;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #3b82f64d;transition:.2s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.vip-kanban-board{display:grid;grid-template-columns:400px 1fr;gap:24px;align-items:flex-start}.kanban-column{display:flex;flex-direction:column;gap:16px}.inbox-col{position:sticky;top:24px}.k-header{padding:16px 20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0}.k-header.yellow{background:#fffbeb;border-color:#fde047}.k-header.blue{background:#fff;border-bottom:3px solid #3b82f6}.k-title{display:flex;align-items:center;gap:10px}.k-header.yellow .k-title{color:#d97706}.k-header.blue .k-title{color:#0f172a}.k-title h3{margin:0;font-size:1.05rem;font-weight:800;text-transform:uppercase}.k-count{background:#f59e0b;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:800}.btn-refresh-k{background:#fff;border:1px solid #fde047;color:#d97706;cursor:pointer;display:flex;padding:6px;border-radius:8px;transition:.2s}.btn-refresh-k:hover{background:#fefce8;transform:rotate(180deg)}.k-tools{display:flex;gap:12px}.k-search{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 16px;border-radius:10px}.k-search input{border:none;background:transparent;outline:none;font-size:.9rem;width:150px}.k-tools select{padding:8px 16px;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-size:.9rem;font-weight:600;color:#334155}.custom-scroll{max-height:calc(100vh - 100px);overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:16px}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.k-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.k-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.pending-card{border-left:4px solid #f59e0b}.c-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.c-head h4{margin:0;color:#0f172a;font-size:1.1rem;font-weight:800}.badge-new{background:#fefce8;color:#d97706;font-size:.75rem;font-weight:900;padding:4px 10px;border-radius:6px;border:1px solid #fef08a}.c-body p{margin:0 0 8px;font-size:.9rem;color:#475569;display:flex;align-items:center;gap:8px}.c-note{background:#fffbeb;color:#b45309;padding:10px 12px;border-radius:8px;font-size:.85rem;font-style:italic;margin-top:12px;border-left:3px solid #fcd34d}.c-actions{display:flex;gap:12px;margin-top:16px}.c-btn{flex:1;padding:10px;border-radius:10px;font-weight:800;border:none;cursor:pointer;display:flex;justify-content:center;gap:6px;align-items:center;transition:.2s}.c-btn.red{background:#fee2e2;color:#ef4444;border:1px solid #fecaca}.c-btn.green{background:#10b981;color:#fff;box-shadow:0 4px 10px #10b98133}.c-btn.green:hover{background:#059669}.grid-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-content:start}.h-user{display:flex;align-items:center;gap:12px}.h-avatar{width:42px;height:42px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem}.h-user h4{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a}.id-fade{color:#94a3b8;font-size:.75rem;font-family:monospace}.badge-stat{font-size:.75rem;padding:6px 12px;border-radius:20px;font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;padding:12px;border-radius:10px;margin-top:12px;border:1px solid #f1f5f9}.full-w{grid-column:1 / -1;border-top:1px dashed #cbd5e1;padding-top:10px;margin-top:5px}.c-note-history{margin-top:12px;font-size:.85rem;color:#475569;padding:10px 12px;background:#f1f5f9;border-radius:8px;border-left:3px solid #94a3b8}.c-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.f-comms button{background:#fff;border:1px solid #cbd5e1;padding:8px;border-radius:8px;color:#475569;cursor:pointer;margin-right:8px;transition:.2s;font-weight:700;display:inline-flex;align-items:center;gap:4px}.f-comms button.zalo{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.f-comms button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.f-actions{display:flex;gap:8px}.btn-done{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #10b98133;transition:.2s}.btn-done:hover{background:#059669}.btn-del{background:#fee2e2;color:#ef4444;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:.2s}.btn-del:hover{background:#fecaca}.k-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;text-align:center}.k-empty p{font-weight:600;margin-top:16px;font-size:1rem}@media(max-width:1200px){.vip-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.vip-kanban-board{grid-template-columns:1fr}.inbox-col{position:relative;top:0}}@media(max-width:768px){.grid-row-2,.vip-stats-grid{grid-template-columns:1fr}.vip-link-banner{flex-direction:column;text-align:center;padding:20px}.banner-right{justify-content:center}.k-header{flex-direction:column;gap:15px;align-items:flex-start}.k-tools{width:100%;justify-content:space-between}}.kho-header-pro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.search-bar-pro{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 18px;border-radius:12px;border:1px solid #e2e8f0;width:350px;box-shadow:0 2px 10px #00000005;transition:.3s}.header-actions-pro{display:flex;align-items:center;gap:15px}.banner-stats{margin-left:auto;background:#ffffff1a;padding:12px 24px;border-radius:14px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:25px}.c-info h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.codes-text{margin:0;font-size:13px;font-family:monospace;color:#0f172a;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.t-line{height:4px;width:20px;background:#e2e8f0;margin:0 -6px;z-index:1;transition:.3s}.profile-wrapper{max-width:1200px;margin:0 auto;padding:10px 20px 40px}.profile-header-title{margin-bottom:30px}.profile-header-title h2{font-size:1.8rem;font-weight:900;color:#0f172a;margin:0 0 5px}.profile-header-title p{color:#64748b;margin:0;font-size:.95rem}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}.user-id-card{background:#fff;border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;margin-bottom:20px}.avatar-container{position:relative;width:110px;height:110px;margin:0 auto 20px}.avatar-img,.avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 10px 20px #0000001a}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800}.avatar-upload-btn{position:absolute;bottom:0;right:0;background:#0f172a;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid white;transition:.2s}.avatar-upload-btn:hover{background:#3b82f6;transform:scale(1.1)}.user-id-card h3{font-size:1.3rem;font-weight:800;margin:0 0 5px;color:#0f172a}.user-role{display:inline-block;background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:15px}.user-studio-tag{display:flex;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:.9rem;font-weight:600}.license-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:25px;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 30px -5px #0f172a66}.license-glow{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,#facc1533,#0000 70%);border-radius:50%}.license-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;z-index:2}.license-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.license-mid{margin-bottom:30px;position:relative;z-index:2}.license-label{font-size:.65rem;color:#94a3b8;margin:0 0 5px;letter-spacing:1px}.license-code{font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:800;margin:0;letter-spacing:2px;color:#f8fafc}.license-bottom{display:flex;justify-content:space-between;position:relative;z-index:2}.license-bottom p{font-size:.65rem;color:#94a3b8;margin:0 0 4px;letter-spacing:1px}.license-bottom b{font-size:.95rem;font-weight:700;color:#fff}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-box{background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:15px;box-shadow:0 2px 4px #00000005}.s-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.s-icon.blue{background:#eff6ff;color:#3b82f6}.s-icon.orange{background:#fffbeb;color:#f59e0b}.s-icon.green{background:#ecfdf5;color:#10b981}.stat-box p{margin:0 0 4px;font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase}.stat-box h4{margin:0;font-size:1.4rem;font-weight:900;color:#0f172a}.form-card{background:#fff;border-radius:20px;padding:30px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f1f5f9}.form-header h3{margin:0;font-size:1.2rem;font-weight:800;color:#0f172a}.save-status{display:flex;align-items:center;gap:5px;color:#10b981;font-size:.85rem;font-weight:700;animation:fadeIn .3s}.sub-heading{font-size:1.1rem;font-weight:800;color:#0f172a;margin:30px 0 20px;padding-top:20px;border-top:1px solid #f1f5f9}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group.full-width{grid-column:1 / -1}.input-group label{display:block;font-size:.8rem;font-weight:700;color:#475569;margin-bottom:8px}.input-with-icon{display:flex;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:0 15px;height:48px;transition:.3s}.input-with-icon:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-with-icon svg{color:#94a3b8;margin-right:12px}.input-with-icon input{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#1e293b;font-weight:500}@media screen and (max-width:768px){.profile-grid{display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}.user-id-card,.license-card{width:100%!important;max-width:100%!important;margin-right:0!important;box-sizing:border-box!important}.stats-row{grid-template-columns:1fr!important;gap:12px!important}.stat-box{padding:15px!important}.input-grid{grid-template-columns:1fr!important;gap:15px!important}.form-card{padding:20px!important;width:100%!important;box-sizing:border-box!important;border-radius:16px!important}.profile-header-title h2{font-size:1.5rem!important;text-align:center}.profile-header-title p{text-align:center;font-size:.85rem}.license-code{font-size:.9rem!important;word-break:break-all!important;letter-spacing:1px!important}.input-with-icon{height:52px!important}}@media screen and (max-width:380px){.license-bottom{flex-direction:column!important;gap:10px}}.settings-wrapper{max-width:1200px;margin:0 auto}.settings-header-title{margin-bottom:35px}.settings-header-title h2{font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:6px}.settings-header-title p{color:#64748b;font-size:15px}.settings-header-title b{color:#3b82f6}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:35px}.settings-col{display:flex;flex-direction:column;gap:35px}.setting-card{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9;box-shadow:0 10px 40px -10px #0000000a;transition:transform .3s ease,box-shadow .3s ease}.setting-card:hover{box-shadow:0 20px 40px -10px #00000014;transform:translateY(-4px)}.card-heading{display:flex;align-items:center;gap:16px;margin-bottom:30px}.card-heading h3{font-size:18px;font-weight:700;color:#1e293b}.heading-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.bg-blue{background:#eff6ff;color:#3b82f6}.bg-orange{background:#fff7ed;color:#f97316}.bg-purple{background:#f3e8ff;color:#a855f7}.bg-green{background:#f0fdf4;color:#22c55e}.setting-form{display:flex;flex-direction:column;gap:20px}.input-group label{font-size:12px;font-weight:700;color:#64748b;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.5px}.input-box{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 16px;gap:12px;transition:all .3s;color:#94a3b8}.input-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;color:#3b82f6}.input-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#0f172a;font-weight:500}.input-box input::placeholder{color:#cbd5e1;font-weight:400}.btn-save{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:#3b82f6;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.btn-save:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-save.outline{background:transparent;color:#f97316;border:1px solid #fed7aa;box-shadow:none}.btn-save.outline:hover{background:#fff7ed;border-color:#f97316}.toggle-list{display:flex;flex-direction:column;gap:25px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #f1f5f9}.toggle-item:last-child{border-bottom:none;padding-bottom:0}.toggle-info{display:flex;align-items:flex-start;gap:16px}.toggle-info strong{font-size:15px;color:#1e293b;display:block;margin-bottom:4px}.toggle-info p{font-size:13px;color:#64748b;margin:0}.ios-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.ios-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 5px #0003}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translate(22px)}.danger-zone{background:#fef2f2;border-color:#fee2e2}.danger-content{display:flex;justify-content:space-between;align-items:center}.btn-danger{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s}.btn-danger:hover{background:#dc2626;transform:scale(1.05)}.toast-notification{position:fixed;bottom:30px;right:30px;background:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1000}.toast-notification{position:fixed;top:30px;left:50%;transform:translate(-50%) translateY(-100px);background:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:9999;width:max-content;height:fit-content;pointer-events:none}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1}.toast-notification.success{border:1px solid #bbf7d0;color:#16a34a}.toast-notification.error{border:1px solid #fecaca;color:#dc2626}.toast-notification svg{flex-shrink:0}@media screen and (max-width:768px){.settings-wrapper{width:100%!important;padding:0!important;overflow-x:hidden!important}.settings-header-title{text-align:center!important;margin-bottom:20px!important}.settings-header-title h2{font-size:24px!important}.settings-grid{display:flex!important;flex-direction:column!important;gap:15px!important;width:100%!important}.settings-col{width:100%!important;gap:15px!important}.setting-card{width:100%!important;padding:20px!important;border-radius:16px!important;box-sizing:border-box!important;margin:0!important}.danger-content{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:15px!important}.danger-content p{margin-bottom:5px!important}.btn-danger{width:100%!important;justify-content:center!important}.toggle-item{flex-direction:row!important;gap:10px!important;padding-bottom:15px!important}.toggle-info p{font-size:11px!important}}.calendar-page{padding:30px;background-color:#f1f5f9;min-height:100vh;font-family:Inter,sans-serif}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#94a3b8}.vip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:25px 30px;border-radius:20px;box-shadow:0 10px 40px -10px #0000000d}.header-info{display:flex;align-items:center;gap:20px}.premium-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:18px;border-radius:16px;box-shadow:0 10px 20px #3b82f64d}.header-stats-pro{display:flex;align-items:center;gap:20px}.h-stat-item{display:flex;flex-direction:column;border-right:1px solid #e2e8f0;padding-right:20px}.h-stat-item:last-child{border:none;padding-right:0}.h-stat-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:700;margin-bottom:4px}.h-stat-val{font-size:18px;font-weight:900}.cal-layout{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}.vip-shadow{background:#fff;border-radius:20px;box-shadow:0 15px 35px -5px #0000000a;border:1px solid #f1f5f9}.cal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #f1f5f9}.cal-month{font-size:20px;font-weight:900;color:#0f172a;margin:0;text-transform:capitalize}.cal-nav{display:flex;gap:10px}.nav-btn,.btn-today{background:#fff;border:1px solid #e2e8f0;padding:8px 12px;border-radius:8px;color:#334155;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center}.nav-btn:hover,.btn-today:hover{background:#f8fafc;border-color:#cbd5e1}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;padding:15px 0;text-align:center;font-size:13px;font-weight:700;color:#475569;border-bottom:1px solid #e2e8f0}.cal-grid-body{display:grid;grid-template-columns:repeat(7,1fr);background:#e2e8f0;gap:1px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.cal-cell{background:#fff;min-height:130px;padding:10px;transition:all .2s}.cal-cell:hover.has-events{background:#f8fafc;cursor:pointer}.cal-cell.empty{background:#f8fafc;color:transparent}.cal-cell.weekend{background:#fcfcfd}.cal-date-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cal-date{font-size:15px;font-weight:700;color:#64748b;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cal-cell.today .cal-date{background:#3b82f6;color:#fff}.cal-badge-count{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px}.cal-events{display:flex;flex-direction:column;gap:5px;max-height:85px;overflow-y:auto}.event-pill{font-size:11px;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-pill.more-events{background:#f1f5f9;color:#64748b;justify-content:center;font-size:10px}.ev-title{overflow:hidden;text-overflow:ellipsis}.ev-wedding{background:#fce7f3;color:#be185d;border-left:3px solid #be185d}.ev-event{background:#fef9c3;color:#b45309;border-left:3px solid #d97706}.ev-family{background:#dcfce7;color:#166534;border-left:3px solid #16a34a}.ev-commercial{background:#e0e7ff;color:#1d4ed8;border-left:3px solid #2563eb}.ev-portrait{background:#f3e8ff;color:#4338ca;border-left:3px solid #4f46e5}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #f1f5f9}.sidebar-header h3{margin:0;font-size:16px;font-weight:900;color:#0f172a;text-transform:uppercase}.job-count-badge{background:#0f172a;color:#fff;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700}.upcoming-list{padding:20px 30px;max-height:700px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.upcoming-card{display:flex;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:transform .2s}.upcoming-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.up-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;min-width:70px}.up-month{font-size:11px;text-transform:uppercase;font-weight:700;opacity:.8}.up-day{font-size:20px;font-weight:900;line-height:1;margin-top:2px}.up-info{padding:15px;flex:1;min-width:0}.up-info h4{margin:0;font-size:14px;font-weight:700;color:#0f172a}.up-info p{margin:0;font-size:12px;display:flex;align-items:center;gap:5px;opacity:.8}.day-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s}.day-modal-content{background:#fff;width:450px;max-width:90%;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.day-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 30px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.btn-close-modal{background:none;border:none;color:#94a3b8;cursor:pointer;transition:.2s}.btn-close-modal:hover{color:#ef4444;transform:rotate(90deg)}.day-modal-body{padding:25px 30px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.day-modal-card{padding:15px;border-radius:12px;border-left-width:4px;border-left-style:solid}.day-modal-card.is-completed{opacity:.6}.dmc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dmc-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;background:#ffffff80;padding:4px 8px;border-radius:6px}.dmc-status{font-size:11px;font-weight:700;opacity:.7}.dmc-name{font-size:16px;font-weight:900;margin:0 0 10px;color:#0f172a}.dmc-details{display:flex;gap:15px;font-size:13px;font-weight:600;opacity:.9;margin-bottom:8px}.dmc-details p{display:flex;align-items:center;gap:5px;margin:0}.dmc-note{font-size:12px;display:flex;align-items:flex-start;gap:5px;margin:0;padding-top:8px;border-top:1px dashed rgba(0,0,0,.1);opacity:.8}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:768px){.vip-header{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:20px!important;gap:20px!important}.header-info{flex-direction:column!important;align-items:center!important;gap:10px!important}.header-stats-pro{flex-direction:row!important;justify-content:center!important;width:100%!important;padding-top:15px!important;border-top:1px solid #e2e8f0!important}.vip-header h1,.vip-header h2,.vip-header h3{word-break:normal!important;white-space:normal!important}.cal-layout{grid-template-columns:1fr!important;gap:20px!important}.cal-toolbar{flex-direction:column!important;gap:15px!important;padding:15px!important}.cal-grid-header,.cal-grid-body{overflow-x:auto!important}}.search-customer-bar{display:flex;align-items:center;gap:10px;background:#eff6ff;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #bfdbfe}.search-customer-bar input{flex-grow:1;border:none;background:transparent;outline:none}.fg-group.span-3{grid-column:span 3}.fg-group input{padding:10px 14px;border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;outline:none;color:var(--text-dark)}.fg-group input:focus{border-color:var(--color-blue)}.address-input-group{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:8px;background:#fff}.address-input-group input{border:none!important;border-radius:0!important}.divider-vertical{width:1px;height:24px;background:var(--border-light);margin:0 10px}.link-map-box{display:flex;align-items:center;gap:6px;padding-right:15px}.btn-add-service-gray{background:#64748b;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:.85rem;font-weight:700;height:40px;cursor:pointer}.pkg-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-light);background:#f8fafc}.detail-badges-row span{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;border:1px solid transparent}.badge-status-blue{background:#eff6ff;color:var(--color-blue);border-color:#bfdbfe}.badge-status-purple{background:#faf5ff;color:#9333ea;border-color:#e9d5ff}.badge-status-pink{background:#fdf2f8;color:var(--color-pink);border-color:#fbcfe8}.acc-item{background:#fff;padding:14px 20px;border-radius:8px;border:1px solid var(--border-light);font-size:.9rem;font-weight:700;color:var(--text-dark);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s}.acc-item-wrapper{background:#fff;border-radius:8px;border:1px solid var(--border-light);overflow:hidden;display:none}.acc-item-wrapper.open{display:block}.acc-item-wrapper .acc-item{border:none;border-bottom:1px solid var(--border-light);border-radius:0;background:#f8fafc}.acc-content{padding:20px}.btn-edit-pink-small{position:absolute;right:15px;top:15px;background:#fff;border:1px solid #fbcfe8;color:var(--color-pink);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:4px;display:flex;gap:4px;align-items:center;cursor:pointer}.inv-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dark);padding-left:20px;margin-bottom:6px}.action-panel-box,.payment-timeline-box{background:#fff;padding:20px;border-radius:12px;border:1px solid var(--border-light)}.action-btn{padding:10px;border-radius:6px;font-size:.8rem;font-weight:700;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px;transition:.2s}.btn-blue-outline{background:#eff6ff;color:var(--color-blue);border:1px dashed #bfdbfe}.action-btn:hover{opacity:.9;transform:scale(1.02)}.ps-progress .fill{height:100%;border-radius:4px}.acc-item-wrapper{background:#fff;border-radius:12px;border:1px solid var(--border-light);overflow:hidden;margin-bottom:12px;transition:all .3s ease}.acc-item{padding:15px 20px;font-size:.95rem;font-weight:700;color:var(--text-dark);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff}.acc-item-wrapper.open .acc-content{display:block;animation:slideDown .3s ease-out}.acc-item-wrapper.open .acc-item{background:#f8fafc;border-bottom-color:transparent}.w-full{width:100%}.flex-1{flex:1}.edit-input-name:focus{border-color:var(--color-blue)}.edit-input-price:focus{border-color:var(--color-blue)}.btn-save-inline{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0;padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}.btn-save-inline:hover{background:#bbf7d0;transform:translateY(-2px)}.icon-trash-red:hover{color:#dc2626;transform:scale(1.1)}:root{--bg-main: #f8fafc;--bg-white: #ffffff;--text-dark: #0f172a;--text-gray: #64748b;--border-light: #e2e8f0;--color-blue: #2563eb;--color-green: #16a34a;--color-red: #dc2626;--color-yellow: #ca8a04;--color-pink: #ec4899}.contract-page-pro{font-family:Inter,sans-serif;padding-bottom:50px}.fade-in{animation:fadeIn .3s ease-out}.contract-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.contract-header h2{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin:0 0 4px}.contract-header p{color:var(--text-gray);font-size:.85rem;margin:0}.btn-add-contract{background:#0f172a;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s}.btn-add-contract:hover{background:#1e293b;transform:translateY(-2px)}.contract-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;border:1px solid var(--border-light);display:flex;gap:15px;align-items:center}.s-icon{width:48px;height:48px;border-radius:10px;display:flex;justify-content:center;align-items:center}.s-icon.bg-blue{background:#eff6ff;color:var(--color-blue)}.s-icon.bg-green{background:#f0fdf4;color:var(--color-green)}.s-icon.bg-orange{background:#fefce8;color:var(--color-yellow)}.contract-table-container{background:#fff;border-radius:12px;border:1px solid var(--border-light)}.table-toolbar{padding:15px 20px;border-bottom:1px solid #f1f5f9}.search-box{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:8px 12px;border-radius:8px;border:1px solid var(--border-light);width:350px}.search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.85rem}.contract-table{width:100%;border-collapse:collapse;text-align:left}.contract-table th{padding:12px 20px;font-size:.7rem;font-weight:800;color:var(--text-gray);border-bottom:1px solid var(--border-light)}.contract-table td{padding:15px 20px;font-size:.85rem;border-bottom:1px solid #f1f5f9}.c-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;border:1px solid transparent}.c-badge.signed{color:var(--color-green);border-color:#bbf7d0}.c-badge.pending{color:var(--color-yellow);border-color:#fef08a}.btn-view-detail{background:#fff;border:1px solid var(--border-light);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--text-gray);cursor:pointer}.btn-view-detail:hover{color:var(--color-blue);border-color:#bfdbfe}.create-header-custom{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-header-custom h2{margin:0;font-size:1.4rem;font-weight:800}.btn-back-text{background:transparent;border:1px solid var(--border-light);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;background:#fff}.btn-save-contract-blue{background:#4f46e5;color:#fff;padding:8px 20px;border-radius:8px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:.2s}.btn-save-contract-blue:hover{background:#4338ca}.create-form-container{display:flex;flex-direction:column;gap:20px}.form-section-white{background:#fff;border-radius:12px;padding:25px;border:1px solid var(--border-light)}.section-title-line{font-size:1rem;font-weight:800;color:var(--text-dark);margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.form-grid-custom{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fg-group{display:flex;flex-direction:column;gap:6px}.fg-group.span-2{grid-column:span 2}.fg-group label{font-size:.75rem;font-weight:700;color:var(--text-gray)}.fg-group input{padding:10px 14px;border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;outline:none}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper select{width:100%;padding:10px 14px;border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;appearance:none;outline:none;cursor:pointer;background:#fff}.select-icon{position:absolute;right:12px;pointer-events:none;color:var(--text-gray)}.btn-add-service-gray{background:#64748b;color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:.2s}.btn-add-service-gray:hover{background:#475569}.btn-add-custom-outline{background:#fefce8;color:#ca8a04;border:1px dashed #fef08a;padding:8px 15px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:.2s}.btn-add-custom-outline:hover{background:#fef08a}.package-preview-box{border:1px solid var(--border-light);border-radius:8px;overflow:hidden;background:#fafafa}.pkg-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-light)}.pkg-content-details{padding:15px;font-size:.8rem;color:var(--text-dark);display:flex;flex-direction:column;gap:12px}.detail-block ul{margin:4px 0 0 20px;list-style-type:disc;color:var(--text-gray);line-height:1.6}.gift-sub-block{margin-left:10px}.edit-inline-input{padding:6px 10px;border:1px solid #bfdbfe;border-radius:6px;outline:none;font-size:.9rem}.edit-inline-input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px #2563eb1a}.btn-save-inline{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-edit-icon{background:#fff;border:1px solid #e2e8f0;padding:4px;border-radius:4px;color:#64748b;cursor:pointer}.quick-select-pkg{padding:6px;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#475569;outline:none;background:#fff}.bg-slate-50{background-color:#f8fafc}.rounded-xl{border-radius:12px}.border-slate-100{border-color:#f1f5f9}.detail-header-custom{margin-bottom:20px}.doc-icon-number{width:40px;height:40px;background:#eff6ff;color:var(--color-blue);font-weight:900;font-size:1.1rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.detail-badges-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.detail-badges-row span{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.badge-status-blue{background:#eff6ff;color:var(--color-blue)}.badge-status-purple{background:#faf5ff;color:#9333ea}.badge-status-gray{background:#f1f5f9;color:var(--text-gray)}.detail-layout-pro{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.detail-left-col{display:flex;flex-direction:column;gap:10px}.acc-item-wrapper{background:#fff;border-radius:8px;border:1px solid var(--border-light);overflow:hidden;display:block}.acc-item{padding:14px 20px;font-size:.9rem;font-weight:700;color:var(--text-dark);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff}.acc-item:hover{background:#f8fafc}.acc-content{padding:15px 20px 20px;display:none;border-top:1px solid var(--border-light);margin-top:10px}.acc-item-wrapper.open .acc-content{display:block;animation:slideDown .2s ease-out}.acc-item-wrapper.open .acc-item{background:#f8fafc}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.transition-transform{transition:transform .3s ease}.rotate-180{transform:rotate(180deg)}.package-pink-box{border:1px solid #fbcfe8;background:#fdf2f8;padding:15px;border-radius:8px;position:relative}.invoice-wrapper{margin-top:10px}.invoice-content{padding:30px}.invoice-main-title{font-size:1.1rem;font-weight:800;color:var(--text-dark);margin:0 0 10px}.invoice-divider-line{height:1px;border-top:2px dashed var(--text-dark);margin-bottom:20px}.inv-group{margin-bottom:20px}.inv-group-title{font-size:.85rem;font-weight:800;color:var(--text-dark);margin:0 0 8px}.inv-row{display:flex;justify-content:space-between;font-size:.85rem;padding-left:20px;margin-bottom:6px}.inv-summary-box{border-top:1px solid var(--border-light);padding-top:20px;margin-top:20px}.inv-summary-box .inv-row{padding-left:0;font-weight:600}.inv-final-total{font-size:1.1rem!important;font-weight:900!important;margin-top:10px!important}.detail-right-col{position:sticky;top:20px;display:flex;flex-direction:column;gap:15px}.finance-action-card,.payment-timeline-box{background:#fff;padding:20px;border-radius:12px;border:1px solid var(--border-light)}.panel-title{font-size:1rem;font-weight:800;color:var(--text-dark);margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.finance-summary-list{margin-bottom:15px}.fs-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.action-btn-list{display:flex;flex-direction:column;gap:8px}.action-btn{padding:10px;border-radius:6px;font-size:.8rem;font-weight:700;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px}.btn-green-solid{background:var(--color-green);color:#fff}.btn-blue-solid{background:var(--color-blue);color:#fff}.btn-red-solid{background:var(--color-red);color:#fff}.btn-yellow-outline{background:#fefce8;color:#a16207;border:1px solid #fef08a}.btn-red-outline{background:#fff;color:var(--color-red);border:1px solid #fecaca}.btn-blue-outline{background:#eff6ff;color:var(--color-blue);border:1px solid #bfdbfe}.action-btn:hover{opacity:.9}.pay-steps-container{display:flex;flex-direction:column;gap:15px}.pay-step-node{padding-left:15px;border-left:2px solid var(--border-light);position:relative}.pay-step-node.completed{border-color:var(--color-green)}.ps-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.ps-top h4{margin:0;font-size:.8rem;font-weight:800;color:var(--text-dark)}.ps-tag{font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:800;display:flex;align-items:center;gap:3px}.ps-tag.green{background:#dcfce7;color:var(--color-green)}.ps-tag.yellow{background:#fef08a;color:var(--color-yellow)}.ps-date{font-size:.7rem;color:var(--text-gray);margin:0 0 6px}.ps-progress{width:100%;height:6px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:6px}.ps-progress .fill{height:100%;border-radius:4px;transition:width .5s ease}.ps-bottom{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-gray);line-height:1.4}.btn-pay-reminder{background:#eff6ff;color:var(--color-blue);border:1px solid #bfdbfe;border-radius:4px;padding:6px;font-size:.75rem;font-weight:700;width:100%;margin-top:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:4px}.edit-content-box{padding:10px 0;border-top:1px dashed #e2e8f0;margin-top:10px}.edit-inline-textarea{width:100%;padding:12px;border:2px dashed #cbd5e1;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-dark);outline:none;resize:vertical;transition:all .2s ease;background-color:#f8fafc}.edit-inline-textarea:focus{border-color:var(--color-blue);border-style:solid;background-color:#fff;box-shadow:0 4px 15px #2563eb0d}.custom-bullet-list{margin:5px 0 0 20px;list-style-type:disc;color:var(--text-gray);line-height:1.6}.custom-bullet-list li{margin-bottom:4px}.btn-edit-pink-small{background:#fff;border:1px solid #fbcfe8;color:var(--color-pink);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:4px;display:flex;gap:4px;align-items:center;cursor:pointer;transition:.2s}.btn-edit-pink-small:hover{background:#fdf2f8}.service-header-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:15px}.service-header-action h3{margin:0;border:none;padding:0}.action-buttons-group{display:flex;gap:10px}.custom-pkg-box{margin-bottom:20px;border-color:#bfdbfe;box-shadow:0 4px 10px #3b82f60d}.custom-pkg-header{background-color:#eff6ff;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.pkg-name-area{flex-grow:1}.pkg-action-area{display:flex;align-items:center;gap:15px}.view-mode-wrapper{display:flex;align-items:center;gap:12px}.pkg-title-text{font-size:1.1rem;font-weight:800;color:var(--color-blue);margin:0}.edit-mode-wrapper{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.edit-input-name{flex-grow:1;min-width:250px;padding:10px 14px;border:2px solid #bfdbfe;border-radius:8px;font-size:1rem;font-weight:700;color:var(--text-dark);outline:none;transition:.2s}.edit-price-group{display:flex;align-items:center;gap:10px}.edit-input-price{width:150px;padding:10px 14px;border:2px solid #bfdbfe;border-radius:8px;font-size:1rem;font-weight:700;color:var(--text-dark);outline:none;text-align:right;transition:.2s}.currency-text{font-weight:900;color:var(--text-gray);font-size:1.1rem}.icon-trash-red{color:#f87171;cursor:pointer;transition:.2s}.total-price-footer{display:flex;justify-content:flex-end;padding-top:25px;margin-top:15px;border-top:2px dashed #e2e8f0}.total-price-footer h3{font-size:1.2rem;color:var(--text-gray);margin:0;display:flex;align-items:baseline;gap:15px}.total-price-footer b{font-size:2.2rem;color:var(--color-blue);font-weight:900}@media(max-width:1024px){.detail-layout-pro{grid-template-columns:1fr}.contract-stats,.form-grid-custom{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.contract-page-pro{padding:15px}.contract-stats{grid-template-columns:1fr}.contract-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.contract-table{min-width:800px}.contract-header{flex-direction:column;align-items:flex-start;gap:15px}.search-box{width:100%}.form-grid-custom{grid-template-columns:1fr}.fg-group.span-2,.fg-group.span-3{grid-column:span 1}.custom-pkg-header{flex-direction:column;align-items:flex-start;gap:15px}.edit-mode-wrapper{flex-direction:column;align-items:stretch}.edit-input-price{width:100%}.detail-header-custom h2{font-size:1.2rem;flex-direction:column;align-items:flex-start}}.portal-wrapper{min-height:100vh;background-color:#0f172a;font-family:Inter,sans-serif;padding-bottom:50px}.portal-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:50px 20px 80px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.portal-header.form-mode{padding:30px 20px 0}.ref-badge{background:#0000004d;padding:6px 15px;border-radius:20px;font-size:13px;margin-top:15px;border:1px solid rgba(255,255,255,.2)}.btn-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;margin:0 auto 20px}.btn-back:hover{background:#fff3}.p-logo{width:70px;height:70px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;border:2px solid rgba(255,255,255,.4)}.portal-header h1{font-size:28px;font-weight:900;margin:0 0 5px;letter-spacing:1px}.portal-header p{margin:0;font-size:15px;opacity:.9}.portal-container{background:#fff;max-width:1000px;margin:-40px auto 0;border-radius:24px;padding:40px;box-shadow:0 20px 40px #0003;position:relative;z-index:10}.step-title{text-align:center;margin-bottom:40px}.step-title h2{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 8px}.step-title p{color:#64748b;font-size:15px;margin:0}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.pkg-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.3s;box-shadow:0 10px 20px #00000008}.pkg-card:hover{border-color:#3b82f6;box-shadow:0 15px 30px #3b82f626;transform:translateY(-5px)}.pkg-card-head{background:#0f172a;color:#fff;padding:25px 20px;text-align:center;position:relative}.pkg-card-head h3{margin:0 0 10px;font-size:20px;color:#eab308}.pkg-price{font-size:28px;font-weight:900}.pkg-card-body{padding:25px 20px;flex:1}.pkg-desc{font-size:15px;color:#475569;line-height:1.6}.pkg-card-foot{padding:20px;display:flex;gap:12px;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-demo{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#0f172a;border:2px solid #cbd5e1;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;transition:.2s}.btn-demo:hover{background:#e2e8f0;border-color:#94a3b8}.btn-select-pkg{flex:1;background:#3b82f6;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;transition:.2s}.btn-select-pkg:hover{background:#2563eb}.btn-select-pkg.full{width:100%;padding:15px;font-size:16px}.demo-modal-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.demo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.demo-modal-header h3{margin:0;font-size:18px;color:#0f172a;font-weight:800}.btn-close-modal{background:#0000000d;border:none;border-radius:50%;padding:5px;cursor:pointer;color:#64748b;transition:.2s}.btn-close-modal:hover{background:#ef4444;color:#fff}.demo-modal-content{background:#fff;width:100%;max-width:900px!important;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.demo-gallery{padding:20px;overflow-y:auto;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px!important}.demo-gallery img{width:100%!important;height:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;border-radius:12px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease}.demo-gallery img:hover{transform:scale(1.03)}.demo-modal-footer{padding:20px;background:#fff;border-top:1px solid #e2e8f0}.empty-demo-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;color:#64748b}.empty-demo-state h4{margin:15px 0 5px;color:#334155;font-size:18px;font-weight:800}.empty-demo-state p{margin:0;font-size:14px;max-width:400px}.empty-packages{text-align:center;padding:60px 20px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;color:#475569;max-width:600px;margin:0 auto}.empty-icon-wrapper{width:100px;height:100px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 10px 25px #3b82f626;animation:floatUpDown 3s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-packages h2{color:#0f172a;font-size:24px;font-weight:800;margin-bottom:12px}.empty-packages p{font-size:15px;margin-bottom:8px;line-height:1.6}.btn-contact-zalo{display:inline-flex;align-items:center;gap:8px;background:#0068ff;color:#fff;border:none;padding:14px 30px;border-radius:12px;font-size:16px;font-weight:700;margin-top:25px;cursor:pointer;transition:.3s;box-shadow:0 10px 20px #0068ff33}.btn-contact-zalo:hover{background:#0054cc;transform:translateY(-3px);box-shadow:0 15px 25px #0068ff4d}.booking-glass-container{max-width:600px;margin:0 auto;background:#1e293b99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000004d}.selected-pkg-summary{background:linear-gradient(135deg,#3b82f61a,#2563eb33);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:30px}.sps-icon{color:#60a5fa;background:#3b82f633;padding:10px;border-radius:50%}.sps-info{flex:1}.sps-info span{font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase}.sps-info h3{margin:0;font-size:18px;color:#fff}.sps-price{font-size:22px;font-weight:900;color:#eab308}.public-form{display:flex;flex-direction:column;gap:20px}.input-row label{display:block;font-size:12px;font-weight:700;color:#94a3b8;margin-bottom:8px;text-transform:uppercase}.input-wrapper{display:flex;align-items:center;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0 15px;transition:.3s}.input-wrapper:focus-within{border-color:#3b82f6;background:#0f172acc;box-shadow:0 0 0 3px #3b82f633}.input-wrapper .input-icon{color:#64748b;margin-right:12px}.input-wrapper input{width:100%;border:none;background:transparent;padding:16px 0;outline:none;font-size:15px;color:#fff}.input-wrapper input::placeholder{color:#475569}.textarea-wrapper textarea{width:100%;border:none;background:transparent;padding:16px 0;outline:none;font-size:15px;color:#fff;resize:vertical}.textarea-wrapper textarea::placeholder{color:#475569}.btn-submit-booking{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:18px;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;transition:.3s;margin-top:15px;box-shadow:0 10px 20px #10b98133}.btn-submit-booking:hover{transform:translateY(-3px);box-shadow:0 15px 25px #10b9814d}.btn-submit-booking:disabled{opacity:.7;cursor:not-allowed}.success-glass-card{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:50px 40px;border-radius:24px;text-align:center;box-shadow:0 20px 40px #0000004d}.success-icon-pulse{width:100px;height:100px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 #10b98100}}.success-glass-card h2{font-size:28px;color:#fff;margin:0 0 15px}.success-glass-card p{color:#cbd5e1;line-height:1.6;margin-bottom:10px;font-size:15px}.success-glass-card b{color:#fff}.btn-back-home{background:#3b82f6;color:#fff;border:none;padding:15px 30px;border-radius:14px;font-weight:700;cursor:pointer;transition:.3s}.btn-back-home:hover{background:#2563eb}.fade-in-up{animation:fadeInUp .6s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.portal-header{padding:40px 15px 60px}.portal-container{border-radius:24px 24px 0 0;margin:-30px 0 0;padding:25px 15px}.booking-glass-container{padding:30px 20px;border-radius:20px;border-left:none;border-right:none}.selected-pkg-summary{flex-direction:column;text-align:center;gap:10px}.demo-gallery{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:15px!important}}.client-portal{min-height:100vh;background-color:#f8fafc;font-family:Inter,sans-serif;padding-bottom:100px}.client-header-premium{background:#fff;padding:20px 5%;box-shadow:0 4px 20px #00000008;position:sticky;top:0;z-index:100}.header-top-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:15px;margin-bottom:15px}.client-title{margin:0;font-size:24px;font-weight:900;color:#0f172a}.client-subtitle{margin:5px 0 0;font-size:13px;color:#64748b;font-weight:500}.studio-brand-premium{font-weight:900;font-size:14px;letter-spacing:2px;color:#eab308}.header-tools-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-box{display:flex;align-items:center;gap:10px;background:#f1f5f9;padding:10px 15px;border-radius:12px;width:300px;border:1px solid transparent;transition:.3s}.search-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-box input{border:none;background:transparent;outline:none;width:100%;font-weight:600}.search-icon{color:#94a3b8}.filter-tabs{display:flex;gap:10px;background:#f1f5f9;padding:4px;border-radius:12px}.filter-btn{border:none;background:transparent;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;color:#64748b;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:6px}.filter-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px #0000000d}.client-gallery-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:30px 5%}.photo-card-pro{position:relative;border-radius:16px;overflow:hidden;background:#e2e8f0;aspect-ratio:2/3;box-shadow:0 4px 10px #0000000d;transition:transform .3s,box-shadow .3s}.photo-card-pro:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.photo-card-pro.is-selected{border:4px solid #eab308}.photo-wrapper{width:100%;height:100%;cursor:pointer;position:relative}.photo-wrapper img{width:100%;height:100%;object-fit:cover;transition:.5s}.photo-card-pro:hover .photo-wrapper img{transform:scale(1.05);filter:brightness(.8)}.photo-hover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;background:#0000004d}.photo-card-pro:hover .photo-hover-overlay{opacity:1}.action-heart-btn{position:absolute;top:15px;right:15px;background:#0000004d;border:none;padding:10px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.3s;z-index:10}.action-heart-btn:hover{background:#0009;transform:scale(1.1)}.action-heart-btn.active{background:#ffffffe6;box-shadow:0 0 20px #eab30866}.photo-id-plate{position:absolute;bottom:15px;left:15px;background:#ffffffe6;color:#0f172a;padding:6px 12px;border-radius:8px;font-weight:900;font-size:12px;box-shadow:0 4px 10px #0000001a}.lightbox-overlay{position:fixed;inset:0;background:#0f172af2;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s}.lightbox-close{position:absolute;top:20px;right:30px;background:transparent;border:none;color:#fff;cursor:pointer;transition:.2s}.lightbox-close:hover{color:#ef4444;transform:scale(1.2)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;padding:20px 10px;cursor:pointer;transition:.2s;border-radius:8px}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-content{text-align:center;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 50px #00000080}.lightbox-caption{margin-top:20px;display:flex;align-items:center;gap:20px}.lightbox-caption h3{color:#fff;margin:0;font-weight:900;letter-spacing:1px}.lightbox-heart-btn{background:#fff;border:none;padding:10px 24px;border-radius:100px;font-weight:800;cursor:pointer;transition:.2s}.lightbox-heart-btn.selected{background:#eab308;color:#fff}.client-bottom-bar-glass{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:15px 30px;border-radius:100px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;gap:30px;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.client-bottom-bar-glass.visible{bottom:30px}.selection-info{display:flex;align-items:center;gap:12px}.selection-count-badge{background:#0f172a;color:#eab308;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;font-size:18px}.selection-text{font-weight:700;color:#334155}.btn-finish-premium{background:#eab308;color:#000;border:none;padding:14px 28px;border-radius:100px;font-weight:900;font-size:15px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s;box-shadow:0 8px 20px #eab3084d;text-transform:uppercase}.btn-finish-premium:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #eab30866}.btn-finish-premium.saved{background:#22c55e;color:#fff;box-shadow:0 8px 20px #22c55e4d;cursor:default}.btn-finish-premium:disabled{opacity:.7;cursor:not-allowed}.gallery-wrapper{padding:20px;animation:fadeIn .3s ease}.kho-header-pro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.search-bar-pro{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 18px;border-radius:12px;border:1px solid #e2e8f0;width:100%;max-width:400px;box-shadow:0 2px 10px #00000005;transition:.3s}.search-bar-pro:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-bar-pro input{border:none;outline:none;width:100%;font-size:14px;font-weight:500}.header-actions-pro{display:flex;align-items:center;gap:15px;flex-shrink:0}.icon-btn-pro{position:relative;background:#fff;border:1px solid #e2e8f0;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:.2s}.icon-btn-pro:hover{color:#0f172a;background:#f8fafc}.notif-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid white}.user-avatar-pro{width:42px;height:42px;background:linear-gradient(135deg,#eab308,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 4px 10px #eab3084d}.kho-banner-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:30px;border-radius:20px;margin-bottom:30px;box-shadow:0 10px 30px #0f172a26}.banner-icon-bg{background:#ffffff1a;padding:18px;border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-text h2{margin:0 0 8px;font-size:22px;font-weight:900;letter-spacing:1px}.banner-text p{margin:0;color:#94a3b8;font-size:14px;font-weight:500}.banner-stats{margin-left:auto;background:#ffffff1a;padding:12px 24px;border-radius:14px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.banner-stats b{font-size:22px;color:#eab308;margin-right:8px}.compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.compact-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a;border:1px solid #f1f5f9;display:flex;flex-direction:column;position:relative;transition:transform .3s,box-shadow .3s}.compact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.card-top-line{height:5px;width:100%;transition:.3s}.c-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #f8fafc}.c-info h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.c-info p{margin:0;font-size:12px;color:#64748b;font-weight:600}.c-badge{padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.c-badge.process{background:#fef3c7;color:#d97706}.c-badge.done{background:#d1fae5;color:#10b981}.c-body{padding:20px;flex:1}.client-link-area{background:#f8fafc;padding:15px;border-radius:12px;margin-bottom:18px;border:1px dashed #cbd5e1}.client-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:12px;color:#334155}.btn-send-client{width:100%;background:#3b82f6;color:#fff;border:none;padding:12px;border-radius:10px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;box-shadow:0 4px 10px #3b82f64d}.btn-send-client:hover{background:#2563eb;transform:translateY(-2px)}.selected-codes{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0}.codes-text{margin:0;font-size:13px;font-family:monospace;color:#0f172a;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.btn-copy-codes{background:#f1f5f9;border:none;color:#64748b;padding:8px;border-radius:8px;cursor:pointer;transition:.2s}.btn-copy-codes:hover{background:#e2e8f0;color:#0f172a}.drive-links-area{display:flex;flex-direction:column;gap:12px}.mini-input-group{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff;transition:.2s}.mini-input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.mini-label{background:#f8fafc;color:#475569;font-weight:800;font-size:11px;padding:12px;min-width:50px;text-align:center;border-right:1px solid #e2e8f0}.mini-input-group input{border:none;outline:none;padding:12px;font-size:13px;flex:1;min-width:0;font-weight:500}.mini-actions{display:flex;align-items:center;background:#f8fafc;border-left:1px solid #e2e8f0}.mini-actions button{background:transparent;border:none;padding:12px 10px;color:#94a3b8;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.mini-actions button:hover{color:#3b82f6;background:#e0f2fe}.c-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#f8fafc;border-top:1px solid #f1f5f9}.c-progress-info{display:flex;flex-direction:column}.c-progress-info span{font-size:11px;color:#64748b;font-weight:800;text-transform:uppercase;margin-bottom:2px}.c-progress-info strong{font-size:16px;color:#0f172a;font-weight:900}.c-timeline{display:flex;align-items:center}.t-node{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;z-index:2;border:3px solid #f8fafc}.t-node:hover{transform:scale(1.1)}.t-node.active{background:#3b82f6;color:#fff;box-shadow:0 0 15px #3b82f666}.t-line{height:4px;width:15px;background:#e2e8f0;margin:0 -6px;z-index:1;transition:.3s}.t-line.active{background:#3b82f6}.empty-state-modern{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;border:2px dashed #cbd5e1}.spinner{animation:spin 1s linear infinite}@media(max-width:768px){.gallery-wrapper{padding:10px}.client-header-premium{padding:15px 4%}.header-top-row{flex-direction:column;align-items:flex-start;gap:10px}.search-box{width:100%}.client-bottom-bar-glass{width:92%;flex-direction:column;gap:12px;padding:15px;border-radius:20px;bottom:-200px}.client-bottom-bar-glass.visible{bottom:15px}.btn-finish-premium{width:100%;justify-content:center}.client-gallery-premium{grid-template-columns:repeat(2,1fr);gap:10px;padding:15px 4%}.photo-card-pro{border-radius:12px}.action-heart-btn{top:8px;right:8px;padding:6px}.action-heart-btn svg{width:16px;height:16px}.photo-id-plate{bottom:8px;left:8px;font-size:10px;padding:4px 8px;border-radius:6px}.filter-tabs{width:100%}.filter-btn{flex:1;justify-content:center;padding:10px 5px;font-size:12px}.kho-header-pro{flex-direction:column-reverse;align-items:flex-end}.search-bar-pro{max-width:100%}.kho-banner-card{flex-direction:column;text-align:center;padding:25px 15px;gap:15px}.banner-text h2{font-size:18px}.banner-stats{margin:0 auto;width:100%;justify-content:center}.compact-grid{grid-template-columns:1fr}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 50% -20%,#1e293b,#0f172a);font-family:Inter,sans-serif;color:#1e293b}.login-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:420px;position:relative;overflow:hidden}.login-decoration{position:absolute;top:0;left:0;width:100%;height:6px;background:#eab308}.login-header{text-align:center;margin-bottom:30px}.login-icon-box{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#f8fafc;color:#eab308;margin-bottom:15px;box-shadow:inset 0 2px 4px #0000000d}.login-header h2{font-size:1.5rem;font-weight:900;margin:0 0 5px;letter-spacing:1px}.login-header p{font-size:.85rem;color:#64748b;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-input-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;margin-bottom:8px;letter-spacing:.5px}.login-input-box{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0 15px;height:50px;transition:all .3s}.login-input-box svg{color:#94a3b8;margin-right:12px}.login-input-box input{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#1e293b;font-weight:500}.login-input-box:focus-within{border-color:#eab308;background:#fff;box-shadow:0 0 0 4px #eab3081a}.key-group label{color:#ca8a04}.key-group .login-input-box{background:#fefce8;border-color:#fef08a}.key-group .login-input-box svg{color:#eab308}.login-submit-btn{background:#0f172a;color:#fff;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;margin-top:10px;transition:all .3s;box-shadow:0 10px 15px -3px #0f172a33}.login-submit-btn:hover{background:#1e293b;transform:translateY(-2px)}.login-footer{margin-top:30px;text-align:center}.toggle-mode-btn{background:none;border:none;color:#64748b;font-size:.85rem;font-weight:700;cursor:pointer;transition:.2s}.toggle-mode-btn:hover{color:#ca8a04}:root{--bg-main: #f8fafc;--bg-sidebar: #0f172a;--bg-card: #ffffff;--text-main: #334155;--text-muted: #64748b;--text-sidebar: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--success: #22c55e;--warning: #f59e0b;--vip-gold: #eab308;--vip-bg: #fefce8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 16px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}.admin-pro-layout{display:flex;height:100vh;width:100vw;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pro-sidebar{width:280px;background-color:var(--bg-sidebar);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:4px 0 24px #0000001a;z-index:100}.sidebar-top{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.05)}.logo-box{background:linear-gradient(135deg,var(--primary),#8b5cf6);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 12px #3b82f666}.logo-text{display:flex;flex-direction:column}.logo-text span{font-weight:900;font-size:18px;letter-spacing:.5px}.logo-text small{font-size:10px;color:var(--success);font-weight:700;letter-spacing:1px}.pro-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.pro-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;color:var(--text-sidebar);font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s}.pro-nav button:hover{background:#ffffff0d;color:#fff}.pro-nav button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.sidebar-bottom{padding:24px;border-top:1px solid rgba(255,255,255,.05)}.btn-logout-pro-red{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:12px;font-weight:700;cursor:pointer;transition:.2s}.btn-logout-pro-red:hover{background:var(--danger);color:#fff}.pro-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f1f5f9}.pro-header{height:80px;background:var(--bg-card);display:flex;align-items:center;justify-content:space-between;padding:0 40px;box-shadow:var(--shadow-sm);z-index:10}.header-search{display:flex;align-items:center;gap:12px;background:var(--bg-main);padding:10px 20px;border-radius:100px;width:400px;border:1px solid var(--border-color);transition:.3s}.header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.header-search input{border:none;background:transparent;outline:none;width:100%;font-size:14px;font-weight:500}.header-actions{display:flex;align-items:center;gap:20px}.action-icon{cursor:pointer;color:var(--text-muted);position:relative}.action-icon:hover{color:var(--primary)}.admin-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:var(--shadow-md);cursor:pointer}.pro-content-scroll{flex:1;overflow-y:auto;padding:40px}.admin-panel{max-width:1400px;margin:0 auto}.panel-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.panel-title{font-size:28px;font-weight:900;letter-spacing:-.5px;color:#0f172a;margin:0 0 8px}.panel-subtitle{color:var(--text-muted);font-size:15px;margin:0}.btn-refresh{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);padding:10px 20px;border-radius:12px;font-weight:700;color:var(--text-main);cursor:pointer;transition:.2s;box-shadow:var(--shadow-sm)}.btn-refresh:hover{border-color:var(--primary);color:var(--primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:30px}.admin-panel-card{background:var(--bg-card);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;align-items:center;gap:20px;transition:.3s}.admin-panel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-icon-box{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center}.card-info p{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin:0 0 4px}.card-info h3{font-size:32px;font-weight:900;margin:0;color:#0f172a}.card-blue .card-icon-box{background:#eff6ff;color:#3b82f6}.card-green .card-icon-box{background:#f0fdf4;color:#22c55e}.card-orange .card-icon-box{background:#fff7ed;color:#f59e0b}.card-red .card-icon-box{background:#fef2f2;color:#ef4444}.table-container{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;margin-top:30px}.table-header-tools{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fff;flex-wrap:wrap;gap:16px}.table-title{font-size:18px;font-weight:800;margin:0}.pro-table{width:100%;border-collapse:collapse;text-align:left}.pro-table th{padding:16px 24px;font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background:#f8fafc;border-bottom:1px solid var(--border-color)}.pro-table td{padding:20px 24px;border-bottom:1px solid var(--border-color);vertical-align:middle;font-size:14px}.pro-table tr:hover{background:#f8fafc}.pro-table tr:last-child td{border-bottom:none}.code-box{background:#f1f5f9;border:1px solid #cbd5e1;padding:6px 12px;border-radius:8px;font-family:monospace;font-weight:700;cursor:pointer;color:#0f172a;transition:.2s}.code-box:hover{background:#e2e8f0;border-color:#94a3b8}.type-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase}.type-badge.Basic{background:#f1f5f9;color:#64748b}.type-badge.Premium{background:#eff6ff;color:#3b82f6}.type-badge.Agency{background:#f5f3ff;color:#8b5cf6}.time-tag{font-weight:800;color:#0f172a}.user-tag{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #cbd5e1;padding:4px 10px;border-radius:20px;font-weight:700;font-size:13px}.status-dot{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12px;padding:4px 12px;border-radius:20px}.status-dot.active{background:#f0fdf4;color:#16a34a}.status-dot.active:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.status-dot.unused{background:#f1f5f9;color:#64748b}.status-dot.unused:before{content:"";width:8px;height:8px;background:#94a3b8;border-radius:50%}.action-cell{display:flex;gap:8px}.act-btn{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;background:#f1f5f9;color:#64748b}.act-btn:hover{background:#e2e8f0;color:var(--primary)}.act-btn.del:hover{background:#fef2f2;color:var(--danger)}.custom-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.bulk-action-bar{background:var(--primary);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;animation:slideUp .3s forwards}.bulk-btns button{background:#fff3;border:none;color:#fff;padding:6px 16px;border-radius:8px;font-weight:700;cursor:pointer;margin-left:10px;transition:.2s}.bulk-btns button:hover{background:#fff;color:var(--primary)}.bulk-btns button.btn-danger:hover{color:var(--danger)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-top:1px solid var(--border-color)}.page-info{font-size:14px;font-weight:600;color:var(--text-muted)}.page-controls{display:flex;gap:8px}.page-btn{padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-weight:700;color:var(--text-main);cursor:pointer;transition:.2s}.page-btn:hover:not(:disabled){background:#e2e8f0}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s}.modal-content{background:#fff;width:100%;max-width:450px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:900}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:8px}.modal-close:hover{background:#f1f5f9;color:var(--danger)}.modal-body{padding:24px}.modal-body label{display:block;font-size:13px;font-weight:800;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.modal-body input,.modal-body select{width:100%;padding:14px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;font-weight:700;margin-bottom:20px;outline:none;transition:.2s}.modal-body input:focus,.modal-body select:focus{border-color:var(--primary)}.modal-footer{padding:20px 24px;background:#f8fafc;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:12px 24px;background:#fff;border:1px solid var(--border-color);border-radius:12px;font-weight:700;cursor:pointer}.btn-confirm{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #3b82f64d}.btn-confirm:hover{background:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.fade-in{animation:fadeIn .4s ease-out forwards}.mini-progress-bg{width:100%;height:6px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-top:6px}.mini-progress-fill{height:100%;transition:width .4s ease}.key-generator-pro{background:#fff;border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:30px}.gen-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.gen-header h3{font-size:20px;font-weight:900;margin:0}.gen-icon-glow{background:#fefce8;padding:10px;border-radius:12px}.gen-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.gen-group label{display:block;font-size:12px;font-weight:800;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.gen-group select,.gen-group input{width:100%;padding:14px;border:1px solid var(--border-color);border-radius:12px;font-size:15px;font-weight:700;background:#f8fafc;outline:none}.gen-group select:focus,.gen-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.btn-create-pro{height:50px;background:#0f172a;color:#fff;border:none;border-radius:12px;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;box-shadow:0 8px 16px #0f172a33}.btn-create-pro:hover{background:var(--primary);box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.toast-notification{position:fixed;top:20px;right:-400px;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:12px;font-weight:700;z-index:10000;transition:right .4s cubic-bezier(.175,.885,.32,1.275);border-left:6px solid var(--primary)}.toast-notification.show{right:20px}.toast-notification.success{border-left-color:var(--success);color:var(--success)}.toast-notification.error{border-left-color:var(--danger);color:var(--danger)}.admin-lock-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#020617}.glass-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:50px;border-radius:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#fff;width:450px}.shield-wrapper{width:80px;height:80px;background:#eab3081a;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#eab308}.lock-header h2{font-size:28px;font-weight:900;margin:0 0 8px;letter-spacing:-1px}.lock-header p{color:#94a3b8;font-size:14px;margin-bottom:32px}.lock-input-group{position:relative;margin-bottom:24px}.lock-input-group svg{position:absolute;left:20px;top:50%;transform:translateY(-50%)}.lock-input-group input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);padding:18px 20px 18px 50px;border-radius:16px;color:#eab308;font-size:24px;font-weight:900;text-align:center;letter-spacing:4px;outline:none;transition:.3s}.lock-input-group input:focus{border-color:#eab308;box-shadow:0 0 20px #eab30833}.btn-enter-glass{width:100%;padding:18px;background:#eab308;color:#000;border:none;border-radius:16px;font-weight:900;font-size:16px;cursor:pointer;transition:.2s;text-transform:uppercase;letter-spacing:1px}.btn-enter-glass:hover{background:#fff;transform:translateY(-2px)}.err-toast{background:#ef44441a;color:#f87171;padding:12px;border-radius:12px;margin-bottom:20px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary-gold: #EAB308;--dark-bg: #0F172A;--glass-bg: rgba(255, 255, 255, .8)}body{@apply bg-[#F8FAFC] text-slate-900 antialiased;font-family:Inter,sans-serif}}@layer components{.glass-card{@apply bg-white/70 backdrop-blur-md border border-white/20 shadow-xl;}.btn-gold{@apply bg-yellow-500 text-black font-bold px-6 py-3 rounded-xl transition-all duration-300 transform hover:scale-105 hover:bg-yellow-400 active:scale-95 shadow-lg shadow-yellow-500/20;}.album-img{@apply transition-transform duration-500 hover:scale-105 cursor-pointer rounded-xl shadow-md;}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}