@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--sidebar-width: 260px;--primary-gold: #EAB308;--dark-slate: #0F172A;--header-height: 75px}.app-layout{display:flex;min-height:100vh}.main-viewport{flex:1;margin-left:var(--sidebar-width);background:#f8fafc;display:flex;flex-direction:column}.page-content{padding:30px 40px}.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{display:flex;align-items:center;gap:20px;position:relative}.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}.dropdown-header{padding:10px 14px;font-size:13px;color:#64748b;border-bottom:1px solid #f1f5f9;margin-bottom:8px}.dropdown-header b{color:#0f172a;font-size:14px}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:#f1f5f9}.main-viewport{flex:1;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.top-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#fff;border-bottom:1px solid #e2e8f0;z-index:40}.page-content{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch}@media(max-width:768px){.app-layout{flex-direction:column}.main-viewport{width:100%;height:calc(100vh - 65px)}.top-header{padding:10px 15px;gap:10px}.search-bar{flex:1}.search-bar input{font-size:13px;padding:8px 10px}.page-content{padding:15px 10px 30px}.sidebar,.thanh-ben{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:65px!important;background:#0f172a!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;z-index:9999!important;padding:0 5px!important;box-shadow:0 -4px 10px #0000001a}.sidebar-logo,.sidebar-header,.sidebar-user,.logo-box{display:none!important}.sidebar-nav,.nav-menu{display:flex!important;flex-direction:row!important;width:100%!important;justify-content:space-between!important;gap:0!important;margin:0!important;padding:0!important}.sidebar-nav a,.nav-menu a,.nav-item{flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:6px!important;font-size:10px!important;gap:4px!important;width:20%;text-align:center;border-radius:8px!important}.sidebar-nav a svg,.nav-menu a svg,.nav-item svg{margin:0 auto!important;width:20px!important;height:20px!important}.sidebar-bottom,.logout-btn-container{display:none!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:11px;font-weight:700;color:#475569;letter-spacing:1px;margin:20px 0 10px 12px}.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: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(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:15px}.hero-banner-pro{padding:25px 20px;flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:1.8rem}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-graphics{display:none}.stats-grid-pro{grid-template-columns:1fr}.stat-card-pro{padding:15px}}.booking-wrapper{max-width:1000px;margin:0 auto;padding:20px;animation:fadeIn .5s ease}.main-form-card{background:#fff;border-radius:24px;padding:32px;border:1px solid #f1f5f9;box-shadow:0 10px 25px -5px #0000000d;margin-bottom:30px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #f8fafc;padding-bottom:15px}.booking-title{font-size:1.25rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:12px}.booking-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.input-group.full{grid-column:span 2}.input-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;margin-bottom:8px;letter-spacing:.5px}.input-box{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 12px;transition:all .3s ease}.input-box:focus-within{border-color:#eab308;background:#fff;box-shadow:0 0 0 4px #eab3081a}.input-box svg{color:#94a3b8}.input-box input,.input-box select,textarea{width:100%;padding:12px;border:none;background:transparent;outline:none;font-size:.95rem;color:#1e293b}textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:15px;resize:none}.submit-btn{grid-column:span 2;background:#0f172a;color:#fff;padding:16px;border-radius:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s;border:none;margin-top:10px}.submit-btn:hover{background:#eab308;color:#0f172a;transform:translateY(-2px)}.booking-history{background:#fff;border-radius:24px;padding:24px;border:1px solid #f1f5f9}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media(max-width:768px){.booking-form{grid-template-columns:1fr}.input-group.full{grid-column:span 1}}.history-card-modern{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:16px}.history-top{display:flex;justify-content:space-between;align-items:flex-start}.history-name-box{display:flex;align-items:center;gap:12px}.user-avatar-modern{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.name-text{display:block;font-size:1.05rem;color:#1e293b;margin-bottom:2px}.id-text{font-size:.8rem;color:#94a3b8;font-weight:500}.status-tag{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;background:#fef9c3;color:#a16207}.history-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#f8fafc;padding:15px;border-radius:12px}.detail-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#475569;font-weight:500}.detail-item svg{color:#64748b;flex-shrink:0}.history-note-box{background:#fff1f2;border-left:3px solid #fb7185;padding:10px 15px;border-radius:8px;font-size:.85rem;color:#881337}.history-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding-top:15px;border-top:1px dashed #e2e8f0}.timestamp{font-size:.75rem;color:#94a3b8;font-weight:500}.btn-delete-icon{background:#fff1f2;color:#e11d48;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-delete-icon:hover{background:#e11d48;color:#fff}:root{--bg-wrapper: #f1f5f9;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--success: #10b981;--warning: #f59e0b;--border-light: #e2e8f0}.gallery-wrapper{background:var(--bg-wrapper);min-height:100vh;padding:0 40px 40px;font-family:Inter,sans-serif}.kho-header-pro{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);background:#fff;margin-left:-40px;margin-right:-40px;padding:0 40px;margin-bottom:30px}.search-bar-pro{display:flex;align-items:center;background:#f8fafc;padding:10px 16px;border-radius:12px;width:400px;transition:.3s;border:1px solid var(--border-light)}.search-bar-pro:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.search-bar-pro input{border:none;background:transparent;outline:none;padding-left:12px;width:100%;font-size:.9rem}.header-actions-pro{display:flex;align-items:center;gap:20px}.icon-btn-pro{background:transparent;border:none;color:var(--text-muted);position:relative;cursor:pointer;transition:.2s}.icon-btn-pro:hover{color:var(--primary)}.notif-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar-pro{width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 4px 10px #f59e0b4d;cursor:pointer}.kho-banner-card{background:var(--bg-card);padding:25px 30px;border-radius:20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-light);margin-bottom:30px}.banner-icon-bg{background:#fef9c3;color:#f59e0b;padding:15px;border-radius:16px}.banner-text h2{margin:0 0 5px;font-size:1.25rem;font-weight:900;color:var(--text-main);letter-spacing:.5px}.banner-text p{margin:0;color:var(--text-muted);font-size:.85rem;flex-grow:1}.banner-stats{background:#f8fafc;padding:8px 16px;border-radius:10px;border:1px solid var(--border-light);font-size:.85rem;color:var(--text-muted)}.banner-stats b{color:var(--primary);font-size:1.1rem}.compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.compact-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);box-shadow:0 2px 4px #00000005;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.compact-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #00000014;border-color:#cbd5e1}.card-top-line{height:4px;width:100%;position:absolute;top:0;left:0}.c-header{padding:20px 20px 15px;display:flex;justify-content:space-between;align-items:flex-start}.c-info h3{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.c-info p{margin:0;font-size:.75rem;color:var(--text-muted);font-weight:500}.c-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px}.c-badge.process{background:#fffbeb;color:var(--warning)}.c-badge.done{background:#ecfdf5;color:var(--success)}.c-body{padding:0 20px 15px;flex-grow:1;display:flex;flex-direction:column;gap:15px}.client-link-area{background:#f8fafc;border:1px dashed #cbd5e1;padding:12px;border-radius:12px}.client-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--text-muted);margin-bottom:8px}.btn-send-client{width:100%;background:#fff;border:1px solid var(--border-light);padding:8px;border-radius:8px;font-size:.8rem;font-weight:700;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.2s}.btn-send-client:hover{background:var(--primary);color:#fff}.selected-codes{display:flex;gap:8px;align-items:center}.codes-text{flex-grow:1;margin:0;font-family:monospace;font-size:.8rem;color:var(--text-main);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;padding:6px;border-radius:6px;border:1px solid var(--border-light)}.btn-copy-codes{background:#fefce8;color:#ca8a04;border:1px solid #fef08a;padding:6px;border-radius:6px;cursor:pointer}.drive-links-area{display:flex;flex-direction:column;gap:10px}.mini-input-group{display:flex;align-items:center;gap:8px}.mini-label{font-size:.65rem;font-weight:800;color:var(--text-muted);background:#f1f5f9;padding:6px;border-radius:6px;width:40px;text-align:center}.mini-input-group input{flex-grow:1;border:1px solid var(--border-light);border-radius:8px;padding:6px 10px;font-size:.8rem;outline:none}.mini-input-group input:focus{border-color:var(--primary)}.mini-actions{display:flex;gap:4px}.mini-actions button{background:#fff;border:1px solid var(--border-light);color:var(--text-muted);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mini-actions button:hover{color:var(--primary);background:#f8fafc;border-color:#cbd5e1}.c-footer{padding:15px 20px;border-top:1px solid var(--border-light);background:#fcfcfc}.c-progress-info{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:10px}.c-progress-info span{color:var(--text-muted);font-weight:600}.c-progress-info strong{color:var(--text-main);font-weight:800}.c-timeline{display:flex;align-items:center;justify-content:space-between}.t-node{width:26px;height:26px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:.2s;z-index:2}.t-node:hover{transform:scale(1.1);border-color:var(--primary);color:var(--primary)}.t-node.active{background:var(--primary);border-color:var(--primary);color:#fff}.t-line{flex-grow:1;height:2px;background:#e2e8f0;margin:0 -4px;z-index:1;transition:.3s}.t-line.active{background:var(--primary)}.empty-state-modern{padding:60px;text-align:center;background:#fff;border-radius:20px;border:1px dashed #cbd5e1}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.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}.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}.calendar-page{padding:0 40px 40px;font-family:Inter,sans-serif}.cal-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.cal-header h2{margin:0 0 5px;font-size:1.5rem;font-weight:800;color:#0f172a}.cal-header p{margin:0;color:#64748b;font-size:.9rem}.btn-add-event{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 10px #3b82f633;transition:.2s}.btn-add-event:hover{background:#2563eb;transform:translateY(-2px)}.cal-layout{display:grid;grid-template-columns:1fr 300px;gap:25px}.cal-main{background:#fff;border-radius:20px;box-shadow:0 4px 6px #00000005;border:1px solid #e2e8f0;overflow:hidden}.cal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.cal-month{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a}.cal-nav{display:flex;gap:10px}.cal-nav button{background:#fff;border:1px solid #e2e8f0;padding:6px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.btn-today{font-weight:700;font-size:.85rem;padding:6px 15px!important;color:#3b82f6}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e2e8f0}.cal-grid-header span{padding:12px;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;text-align:center}.cal-cell{background:#fff;min-height:120px;padding:10px;display:flex;flex-direction:column;gap:5px}.cal-cell.empty{background:#f8fafc}.cal-date{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:5px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%}.cal-cell.today .cal-date{background:#3b82f6;color:#fff}.cal-events{display:flex;flex-direction:column;gap:4px}.event-pill{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.2s}.event-pill:hover{opacity:.8}.ev-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ev-time{opacity:.8}.event-pill.wedding{background:#fef2f2;color:#dc2626}.event-pill.wedding .ev-dot{background:#dc2626}.event-pill.profile{background:#eff6ff;color:#2563eb}.event-pill.profile .ev-dot{background:#2563eb}.event-pill.event{background:#fefce8;color:#ca8a04}.event-pill.event .ev-dot{background:#ca8a04}.event-pill.deadline{background:#ecfdf5;color:#059669;border:1px dashed #10b981}.event-pill.deadline .ev-dot{background:#059669}.cal-sidebar{background:#fff;border-radius:20px;padding:20px;border:1px solid #e2e8f0;height:fit-content}.cal-sidebar h3{margin:0 0 20px;font-size:1.1rem;font-weight:800;color:#0f172a}.upcoming-list{display:flex;flex-direction:column;gap:15px}.upcoming-card{display:flex;gap:15px;padding:15px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:.2s}.upcoming-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 10px #3b82f61a}.up-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eff6ff;color:#3b82f6;min-width:50px;border-radius:10px}.up-date span{font-size:.7rem;font-weight:700;text-transform:uppercase}.up-date strong{font-size:1.2rem;font-weight:900}.up-info h4{margin:0 0 5px;font-size:.9rem;font-weight:800;color:#0f172a}.up-info p{margin:0 0 3px;font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:6px}.calendar-page{padding:0 0 40px;font-family:Inter,-apple-system,sans-serif}.vip-header{background:#fff;padding:24px 30px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #00000005;border:1px solid #f1f5f9;margin-bottom:24px}.vip-btn{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0f172a33;transition:all .3s}.vip-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a4d}.cal-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.vip-shadow{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000000a;border:1px solid #f1f5f9;overflow:hidden}.cal-main{display:flex;flex-direction:column}.cal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}.cal-month{font-size:22px;font-weight:800;color:#0f172a;margin:0}.cal-nav{display:flex;align-items:center;gap:8px}.nav-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:.2s}.nav-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.btn-today{background:#f8fafc;border:1px solid #e2e8f0;padding:0 16px;height:38px;border-radius:10px;font-weight:600;color:#334155;cursor:pointer;transition:.2s}.btn-today:hover{background:#eab308;color:#fff;border-color:#eab308}.cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #f1f5f9}.cal-grid-header span{padding:14px 10px;text-align:center;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.cal-grid-body{display:grid;grid-template-columns:repeat(7,1fr);background:#e2e8f0;gap:1px}.cal-cell{background:#fff;min-height:130px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:background .2s}.cal-cell:hover:not(.empty){background:#fcfcfc}.cal-cell.empty{background:#f8fafc;color:#cbd5e1}.cal-cell.today{background:#fefce8}.cal-cell.today .cal-date{background:#eab308;color:#fff}.cal-date-wrapper{display:flex;justify-content:space-between;align-items:center}.cal-date{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;color:#475569}.cal-badge-count{background:#f1f5f9;color:#64748b;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.cal-events{display:flex;flex-direction:column;gap:5px;max-height:90px;overflow-y:auto}.event-pill{font-size:11px;padding:5px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .2s,filter .2s}.event-pill:hover{transform:translateY(-1px);filter:brightness(.95)}.ev-title{overflow:hidden;text-overflow:ellipsis}.ev-wedding{background:#fce7f3;color:#be185d;border-left:3px solid #ec4899}.ev-event{background:#f3e8ff;color:#6b21a8;border-left:3px solid #a855f7}.ev-family{background:#dcfce7;color:#166534;border-left:3px solid #22c55e}.ev-commercial{background:#e0f2fe;color:#075985;border-left:3px solid #0ea5e9}.ev-portrait{background:#ffedd5;color:#c2410c;border-left:3px solid #f97316}.cal-sidebar{display:flex;flex-direction:column;max-height:850px}.sidebar-header{padding:20px 24px;display:flex;justify-content:center;align-items:center}.sidebar-header h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.job-count-badge{background:#1e293b;color:#fff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.upcoming-list{padding:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.upcoming-card{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000005;transition:transform .2s,box-shadow .2s;cursor:pointer}.upcoming-card:hover{transform:translate(4px);box-shadow:0 6px 15px #0000000d;border-color:#cbd5e1}.up-date-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70px;padding:10px;background:#f8fafc;border-right:1px dashed #cbd5e1}.up-month{font-size:11px;font-weight:700;text-transform:uppercase;opacity:.8}.up-day{font-size:24px;font-weight:900;line-height:1;margin-top:2px}.up-info{padding:15px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.up-info h4{margin:0 0 6px;font-size:15px;font-weight:700;color:#0f172a}.up-info p{margin:0;font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px;font-weight:500}.type-icon{opacity:.7}@media(max-width:1200px){.cal-layout{grid-template-columns:1fr}.cal-sidebar{max-height:500px}}.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}}.client-portal{background-color:#f8fafc;min-height:100vh;padding-bottom:100px;font-family:Inter,sans-serif}.client-portal-empty{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.client-header{background:#fff;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #00000008}.client-title{font-size:20px;font-weight:800;color:#0f172a;margin:0}.client-subtitle{font-size:13px;color:#64748b;margin-top:4px}.client-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:30px 5%;max-width:1400px;margin:0 auto}.photo-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 4px 10px #0000000d;transition:transform .2s,box-shadow .2s;background:#e2e8f0;aspect-ratio:3/4}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.photo-card:hover img{transform:scale(1.03)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 40%,transparent 80%,rgba(0,0,0,.2) 100%);opacity:0;transition:opacity .3s}.photo-card.selected .photo-overlay{opacity:1;background:#eab30826;border:4px solid #eab308;border-radius:16px}.photo-id-badge{position:absolute;bottom:12px;left:12px;background:#0009;color:#fff;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;z-index:2}.select-indicator{position:absolute;top:12px;right:12px;z-index:2;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.photo-card:hover .select-indicator{opacity:.7;transform:scale(1)}.client-bottom-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:50px;display:flex;align-items:center;gap:30px;box-shadow:0 10px 30px #0003;z-index:100}.selection-info{display:flex;align-items:center;gap:10px;color:#fff;font-weight:500;font-size:15px}.selection-count{background:#eab308;color:#0f172a;font-weight:800;padding:4px 12px;border-radius:20px;font-size:16px}.btn-finish-selection{background:#fff;color:#0f172a;border:none;padding:10px 20px;border-radius:30px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-finish-selection:hover{background:#fefce8;color:#ca8a04;transform:scale(1.05)}.client-portal{background-color:#f1f5f9;min-height:100vh;padding-bottom:120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.client-loading,.client-empty{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:15px;font-weight:600;font-size:18px}.spinner{animation:spin 1s linear infinite;color:#eab308}@keyframes spin{to{transform:rotate(360deg)}}.client-header{background:#fff;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #0000000a}.client-title{font-size:20px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.client-subtitle{font-size:13px;color:#64748b;margin-top:6px}.studio-brand{font-weight:900;letter-spacing:2px;color:#eab308;font-size:14px}.client-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:30px 5%;max-width:1400px;margin:0 auto}.photo-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:#e2e8f0;aspect-ratio:3/4;box-shadow:0 4px 10px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.photo-card:hover img{transform:scale(1.05)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.4) 100%);opacity:0;transition:all .3s;pointer-events:none}.photo-card:hover .photo-overlay{opacity:1}.photo-card.selected .photo-overlay{opacity:1;background:#eab30833;border:4px solid #eab308;border-radius:12px}.photo-id-badge{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;z-index:2;letter-spacing:1px}.select-indicator{position:absolute;top:12px;right:12px;z-index:2;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.photo-card:hover .select-indicator{opacity:.8;transform:scale(1)}.photo-card.selected .select-indicator{opacity:1;transform:scale(1.1)}.client-bottom-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:50px;display:flex;align-items:center;gap:30px;box-shadow:0 10px 40px #0000004d;z-index:100;border:1px solid rgba(255,255,255,.1);width:max-content}.selection-info{display:flex;align-items:center;gap:12px;color:#fff;font-weight:500;font-size:15px}.selection-count{background:#eab308;color:#0f172a;font-weight:800;padding:6px 14px;border-radius:20px;font-size:16px;box-shadow:0 4px 10px #eab3084d}.btn-finish-selection{background:#fff;color:#0f172a;border:none;padding:12px 24px;border-radius:30px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-finish-selection:hover:not(:disabled){background:#fefce8;color:#ca8a04;transform:scale(1.05)}.btn-finish-selection:disabled{opacity:.5;cursor:not-allowed}.btn-finish-selection.saved{background:#22c55e;color:#fff}.fade-in{animation:fadeIn .4s ease-out}.slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,50px);opacity:0}to{transform:translate(-50%);opacity:1}}.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-body: #f1f5f9;--bg-card: #ffffff;--sidebar-bg: #090e17;--primary: #2563eb;--primary-hover: #1d4ed8;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--text-main: #0f172a;--text-muted: #64748b;--border-light: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05)}.admin-pro-layout *{font-family:Inter,sans-serif;box-sizing:border-box}.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}.admin-lock-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#020617;background-image:radial-gradient(circle at 50% -20%,#1e1b4b,#020617)}.glass-card{background:#ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);padding:40px;border-radius:24px;width:100%;max-width:420px;text-align:center;box-shadow:0 30px 60px #0006}.shield-wrapper{display:inline-flex;padding:20px;background:#ef44441a;border-radius:50%;color:var(--danger);margin-bottom:20px;border:1px solid rgba(239,68,68,.2)}.lock-header h2{color:#fff;letter-spacing:2px;font-weight:800;margin:0 0 8px;font-size:1.4rem}.lock-header p{color:#94a3b8;font-size:.9rem;margin-bottom:30px}.lock-input-group{display:flex;align-items:center;background:#0006;border:1px solid #334155;border-radius:12px;padding:0 16px;height:55px;transition:.3s}.lock-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.lock-input-group input{background:transparent;border:none;color:#fff;width:100%;padding-left:12px;outline:none;letter-spacing:4px;font-size:1rem}.btn-enter-glass{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:16px;border-radius:12px;font-weight:800;font-size:.95rem;cursor:pointer;margin-top:20px;transition:.3s;box-shadow:0 10px 20px #2563eb4d}.btn-enter-glass:hover{transform:translateY(-2px);box-shadow:0 15px 25px #2563eb66}.err-toast{background:#ef44441a;color:#fca5a5;padding:10px;border-radius:8px;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;border:1px solid rgba(239,68,68,.2)}.admin-pro-layout{display:flex;height:100vh;background:var(--bg-body);overflow:hidden}.ultimate-sidebar{width:280px;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:24px 20px;z-index:10}.sidebar-top{display:flex;align-items:center;gap:15px;margin-bottom:40px;padding:0 10px}.logo-box{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:10px;border-radius:12px;box-shadow:0 4px 15px #2563eb66}.logo-text span{display:block;color:#fff;font-weight:900;font-size:1.1rem;letter-spacing:1px}.logo-text small{color:#94a3b8;font-size:.65rem;letter-spacing:2px}.pro-nav{display:flex;flex-direction:column;gap:6px;flex-grow:1}.pro-nav button{display:flex;align-items:center;gap:14px;padding:14px 18px;background:transparent;border:none;color:#94a3b8;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:.2s}.pro-nav button:hover{background:#ffffff08;color:#fff}.pro-nav button.active{background:#ffffff14;color:#fff}.btn-logout-pro-red{background:transparent;color:var(--text-muted);border:1px solid #334155;width:100%;padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;cursor:pointer;transition:.2s}.btn-logout-pro-red:hover{background:#ef44441a;color:#f87171;border-color:#ef44444d}.pro-main{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.pro-header{height:76px;background:var(--bg-card);display:flex;justify-content:space-between;align-items:center;padding:0 40px;border-bottom:1px solid var(--border-light);z-index:5}.header-search{display:flex;align-items:center;background:var(--bg-body);padding:10px 16px;border-radius:10px;width:350px;border:1px solid transparent;transition:.3s}.header-search:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.header-search input{border:none;background:transparent;outline:none;width:100%;padding-left:10px;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:20px}.action-icon{color:var(--text-muted);cursor:pointer;transition:.2s}.action-icon:hover{color:var(--primary)}.admin-avatar{width:38px;height:38px;background:var(--sidebar-bg);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.pro-content-scroll{padding:30px 40px;overflow-y:auto}.toast-notification{position:fixed;top:20px;right:-400px;background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 15px 30px #0000001a;display:flex;align-items:center;gap:12px;z-index:9999;font-weight:600;font-size:.95rem;transition:right .4s cubic-bezier(.175,.885,.32,1.275);border-left:4px solid var(--success)}.toast-notification.show{right:30px}.toast-notification.success{color:var(--success);border-left-color:var(--success)}.toast-notification.error{color:var(--danger);border-left-color:var(--danger)}.toast-notification span{color:var(--text-main)}.panel-header-flex{margin-bottom:25px;display:flex;justify-content:space-between;align-items:flex-end}.panel-title{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:0 0 5px}.panel-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.box-title{font-size:1.05rem;font-weight:800;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-main)}.pro-box{background:var(--bg-card);padding:25px;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.admin-content-grid.pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}.admin-panel-card{background:var(--bg-card);padding:24px;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;gap:16px;align-items:center;transition:.3s}.admin-panel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-icon-box{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center}.card-blue .card-icon-box{background:#eff6ff;color:var(--primary)}.card-green .card-icon-box{background:#ecfdf5;color:var(--success)}.card-orange .card-icon-box{background:#fffbeb;color:var(--warning)}.card-red .card-icon-box{background:#fef2f2;color:var(--danger)}.card-info p{margin:0;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.card-info h3{margin:4px 0 0;font-size:1.8rem;font-weight:900;color:var(--text-main);line-height:1}.overview-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.logs-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:5px}.log-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:10px;font-size:.85rem;font-weight:600;background:#f8fafc}.log-left{display:flex;gap:15px;align-items:center}.log-time{color:var(--text-muted);font-family:monospace}.log-item.success .log-action{color:var(--success)}.log-item.warning .log-action{color:var(--warning)}.log-item.danger .log-action{color:var(--danger)}.log-user{background:#fff;padding:4px 10px;border-radius:6px;border:1px solid var(--border-light);font-size:.75rem}.server-status{display:flex;flex-direction:column;gap:20px}.status-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.server-status .bar{height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.server-status .fill{height:100%;border-radius:10px}.fill.cpu{background:var(--primary)}.fill.ram{background:var(--warning)}.fill.storage{background:var(--success)}.key-generator-pro{background:var(--bg-card);border-radius:16px;padding:25px 30px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.gen-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.gen-icon-glow{background:#facc1526;padding:8px;border-radius:8px;display:flex}.gen-header h3{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0}.gen-body{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:16px;align-items:flex-end}.gen-group{display:flex;flex-direction:column;gap:8px}.gen-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.gen-group select,.gen-group input{height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--border-light);background:#f8fafc;font-size:.9rem;font-weight:600;outline:none;transition:.2s;color:var(--text-main)}.gen-group select:focus,.gen-group input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.btn-create-pro{background:var(--sidebar-bg);color:#fff;height:44px;padding:0 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s;box-shadow:0 4px 10px #0000001a}.btn-create-pro:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.table-container{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column}.table-header-tools{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.table-title{font-size:1.05rem;font-weight:800;margin:0;color:var(--text-main)}.search-box-small{display:flex;align-items:center;background:#f8fafc;border:1px solid var(--border-light);border-radius:8px;padding:6px 12px;gap:8px;transition:.2s}.search-box-small:focus-within{background:#fff;border-color:var(--primary)}.search-box-small input{border:none;background:transparent;outline:none;font-size:.85rem;width:200px}.search-box-small svg{color:var(--text-muted)}.table-responsive{overflow-x:auto;max-height:500px}.pro-table{width:100%;border-collapse:collapse;text-align:left}.pro-table thead{position:sticky;top:0;background:#f8fafc;z-index:1;box-shadow:0 1px 0 var(--border-light)}.pro-table th{padding:16px 24px;font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pro-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;font-size:.9rem;font-weight:600;color:var(--text-main);vertical-align:middle}.pro-table tbody tr:hover{background:#f8fafc}.empty-table{text-align:center;padding:40px!important;color:var(--text-muted);font-style:italic}.code-box{background:#f1f5f9;border:1px solid var(--border-light);padding:6px 10px;border-radius:6px;font-family:monospace;font-weight:700;cursor:pointer;transition:.2s}.code-box:hover{background:#e2e8f0}.type-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px}.type-badge.Basic{background:#f1f5f9;color:#475569}.type-badge.Premium{background:#fefce8;color:#a16207}.type-badge.Agency{background:#eff6ff;color:#1d4ed8}.time-tag{color:#334155}.slot-text{color:var(--primary)}.user-tag{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:.8rem;color:#475569}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:20px}.status-dot.active{background:#ecfdf5;color:#059669}.status-dot.active:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981}.status-dot.unused{background:#f1f5f9;color:#64748b}.status-dot.unused:before{content:"";width:6px;height:6px;border-radius:50%;background:#94a3b8}.action-cell{display:flex;gap:6px}.act-btn{background:#fff;border:1px solid var(--border-light);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.act-btn:hover{background:#f8fafc;color:var(--primary);border-color:#cbd5e1}.act-btn.del:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.device-card{background:var(--bg-card);padding:20px;border-radius:16px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:.3s}.device-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.dev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dev-icon-bg{background:#eff6ff;padding:10px;border-radius:12px}.ip-badge{font-family:monospace;background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700}.dev-details h4{margin:0 0 10px;font-size:1.05rem;font-weight:800;color:var(--text-main)}.dev-details p{margin:0 0 5px;font-size:.85rem;color:var(--text-muted)}.dev-details b{color:var(--text-main)}.dev-details code{background:#f1f5f9;padding:2px 6px;border-radius:4px}.status-row{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--success);margin-top:15px}.online-pulse{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.btn-kick-pro{width:100%;margin-top:20px;background:#fff;color:var(--danger);border:1px solid #fecaca;padding:10px;border-radius:10px;font-weight:800;font-size:.8rem;cursor:pointer;transition:.2s}.btn-kick-pro:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-refresh{background:var(--sidebar-bg);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s}.btn-refresh:hover{background:#1e293b}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.blacklist{display:flex;flex-direction:column;gap:10px}.ip-item{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:12px 16px;border-radius:10px;font-weight:600;border:1px solid var(--border-light)}.btn-unblock{background:transparent;border:none;color:var(--primary);font-weight:700;cursor:pointer}.add-ip{display:flex;gap:10px;margin-top:10px}.admin-input-modern{flex-grow:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-light);outline:none;background:#f8fafc;font-weight:500}.admin-input-modern:focus{border-color:var(--primary);background:#fff}.btn-add-ip{background:var(--danger);color:#fff;border:none;padding:0 20px;border-radius:10px;font-weight:700;cursor:pointer}.setting-list{display:flex;flex-direction:column;gap:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #f1f5f9}.setting-item strong{display:block;font-size:.95rem;color:var(--text-main);margin-bottom:4px}.setting-item p{margin:0;font-size:.8rem;color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(20px)}.maintenance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.m-card{background:var(--bg-card);padding:30px;border-radius:16px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:center}.m-card.warning{border-color:#fecaca;background:#fffaf9}.m-icon{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.m-card h3{font-size:1.1rem;font-weight:800;margin:0 0 10px}.m-card p{font-size:.85rem;color:var(--text-muted);margin:0 0 25px;line-height:1.5}.btn-m{width:100%;padding:12px;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;gap:8px}.btn-m.outline{background:#fff;border:1px solid var(--border-light);color:var(--text-main)}.btn-m.outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-m.danger{background:var(--danger);color:#fff}.btn-m.danger:hover{background:#dc2626}.empty-state{grid-column:1 / -1;padding:40px;text-align:center;color:var(--text-muted);background:#fff;border-radius:16px;border:1px dashed var(--border-light)}@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)}}