@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes lgFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes lgGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes lgSpin{to{transform:rotate(1turn)}}@keyframes lgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lgPulse{0%,to{opacity:.3}50%{opacity:.6}}.lg{-webkit-font-smoothing:antialiased;align-items:center;background:#121218;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.lg-bg{animation:lgGradient 25s ease infinite;background:linear-gradient(135deg,#121218,#16141e 25%,#121218 50%,#181620 75%,#121218);background-size:400% 400%;inset:0;position:fixed;z-index:0}.lg:after,.lg:before{border-radius:50%;content:"";filter:blur(120px);pointer-events:none;position:fixed;z-index:0}.lg:before{animation:lgPulse 8s ease-in-out infinite;background:#7c6aed0f;height:400px;left:-5%;top:-10%;width:400px}.lg:after{animation:lgPulse 10s ease-in-out 3s infinite;background:#5b8af50a;bottom:-10%;height:300px;right:-5%;width:300px}.lg-container{border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 24px 64px #0006;display:flex;margin:24px;max-width:920px;min-height:560px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);width:100%;z-index:1}.lg-visible{opacity:1;transform:translateY(0)}.lg-brand{background:linear-gradient(160deg,#1a1822,#1e1a28 60%,#161420);color:#eae8e4;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:48px 40px;position:relative}.lg-brand:after{background-image:radial-gradient(#7c6aed08 1px,#0000 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:absolute}.lg-brand-inner{animation:lgFadeUp .8s ease-out .3s both;position:relative;z-index:1}.lg-brand-logo{align-items:center;animation:lgFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#7c6aed,#5b8af5);border-radius:12px;box-shadow:0 4px 20px #7c6aed40;color:#fff;display:flex;font-size:20px;font-weight:800;height:44px;justify-content:center;margin-bottom:24px;width:44px}.lg-brand-title{color:#eae8e4;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 8px}.lg-brand-tagline{color:#eae8e466;font-size:14px;font-weight:400;letter-spacing:.2px;margin:0 0 28px}.lg-brand-line{background:linear-gradient(90deg,#7c6aed,#7c6aed33);border-radius:1px;height:2px;margin-bottom:28px;width:40px}.lg-features{display:flex;flex-direction:column;gap:18px;margin-bottom:36px}.lg-feature{align-items:flex-start;display:flex;gap:12px}.lg-feature-dot{background:#7c6aed;border-radius:50%;flex-shrink:0;height:6px;margin-top:7px;opacity:.6;width:6px}.lg-feature-name{color:#eae8e4;font-size:13px;font-weight:600;margin-bottom:1px}.lg-feature-desc{color:#eae8e44d;font-size:11px}.lg-brand-footer{color:#eae8e426;font-size:12px;font-weight:500;letter-spacing:.5px}.lg-form-side{background:#121218;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px 44px}.lg-form{animation:lgFadeUp .8s ease-out .5s both;margin:0 auto;max-width:320px;width:100%}.lg-mobile-logo{display:none;gap:8px;margin-bottom:32px}.lg-mobile-logo,.lg-mobile-logo-mark{align-items:center;justify-content:center}.lg-mobile-logo-mark{background:linear-gradient(135deg,#7c6aed,#5b8af5);border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:800;height:32px;width:32px}.lg-mobile-logo-text{color:#eae8e4;font-size:17px;font-weight:700;letter-spacing:-.3px}.lg-form-header{margin-bottom:32px}.lg-form-header h2{color:#eae8e4;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.lg-form-header p{color:#7a7880;font-size:14px;margin:0}.lg-field{margin-bottom:20px}.lg-field label{color:#7a7880;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.lg-field input{background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:12px;box-sizing:border-box;color:#eae8e4;font-family:inherit;font-size:14px;outline:none;padding:13px 16px;transition:all .25s;width:100%}.lg-field input:focus{background:#7c6aed0f;border-color:#7c6aed;box-shadow:0 0 0 3px #7c6aed1a}.lg-field input::placeholder{color:#eae8e433}.lg-error{background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#f87171;font-size:13px;font-weight:500;margin-bottom:16px;padding:10px 14px}.lg-submit{background:linear-gradient(135deg,#7c6aed,#6554d4);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;overflow:hidden;padding:14px;position:relative;transition:all .25s;width:100%}.lg-submit:after{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:60%}.lg-submit:hover:not(:disabled):after{left:150%}.lg-submit:hover:not(:disabled){box-shadow:0 6px 24px #7c6aed59;transform:translateY(-1px)}.lg-submit:disabled{cursor:not-allowed;opacity:.5}.lg-submit-loading{align-items:center;display:flex;gap:8px;justify-content:center}.lg-spinner{animation:lgSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.lg-form-footer{color:#eae8e433;font-size:12px;margin-top:24px;text-align:center}@media (max-width:768px){.lg{align-items:stretch}.lg-container{border:none;border-radius:0;box-shadow:none;flex-direction:column;margin:0;min-height:100vh}.lg-brand{display:none}.lg-form-side{justify-content:center;min-height:100vh;padding:40px 24px}.lg-mobile-logo{display:flex}.lg-form-header{text-align:center}}@keyframes nxFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nxSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes nxWelcomeFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes nxWelcomeLine{0%{width:0}to{width:48px}}@keyframes nxWelcomeTagline{0%{letter-spacing:4px;opacity:0;transform:translateY(8px)}to{letter-spacing:1px;opacity:1;transform:translateY(0)}}@keyframes nxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes nxPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes nxGlow{0%,to{box-shadow:0 0 0 #7c6aed00}50%{box-shadow:0 0 20px #7c6aed14}}.nx-welcome{align-items:center;background:#121218;display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .7s ease,transform .7s ease;z-index:1000}.nx-welcome-out{opacity:0;transform:scale(1.02)}.nx-welcome-content{animation:nxWelcomeFadeIn .8s ease-out;text-align:center}.nx-welcome-logo{align-items:center;animation:nxFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#7c6aed,#5b8af5);border-radius:14px;box-shadow:0 8px 32px #7c6aed4d;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:24px;font-weight:800;height:56px;justify-content:center;margin:0 auto 24px;width:56px}.nx-welcome-title{color:#eae8e4;font-family:Inter,sans-serif;font-size:36px;font-weight:700;letter-spacing:-1px;margin:0 0 16px}.nx-welcome-line{animation:nxWelcomeLine .6s ease-out .4s both;background:linear-gradient(90deg,#7c6aed,#5b8af5);border-radius:1px;height:2px;margin:0 auto 16px}.nx-welcome-tagline{animation:nxWelcomeTagline .6s ease-out .7s both;color:#7a7880;font-size:15px;font-weight:400;margin:0}.nx{-webkit-font-smoothing:antialiased;background:#121218;color:#eae8e4;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.nx-nav{animation:nxSlideDown .5s ease-out;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#121218cc;border-bottom:1px solid #ffffff0d;position:sticky;top:0;z-index:100}.nx-nav-inner{justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 40px}.nx-nav-brand,.nx-nav-inner{align-items:center;display:flex}.nx-nav-brand{gap:10px}.nx-logo{align-items:center;background:linear-gradient(135deg,#7c6aed,#5b8af5);border-radius:7px;color:#fff;display:flex;font-size:14px;font-weight:800;height:28px;justify-content:center;width:28px}.nx-nav-title{color:#eae8e4;font-size:16px;font-weight:600;letter-spacing:-.3px}.nx-nav-right{align-items:center;display:flex;gap:16px}.nx-nav-credits{align-items:baseline;background:#7c6aed1a;border:1px solid #7c6aed26;border-radius:980px;cursor:pointer;display:flex;gap:4px;padding:5px 12px;transition:all .2s}.nx-nav-credits:hover{background:#7c6aed2e;border-color:#7c6aed4d;transform:scale(1.03)}.nx-nav-credits-num{color:#a99cf5;font-size:15px;font-weight:700}.nx-nav-credits-label{color:#a99cf599;font-size:11px;font-weight:500}.nx-nav-admin{color:#a99cf5;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.nx-nav-user{color:#7a7880;font-size:13px}.nx-nav-logout{background:none;border:none;color:#7a7880;cursor:pointer;font-family:inherit;font-size:12px;transition:color .2s}.nx-nav-logout:hover{color:#f87171}.nx-main{margin:0 auto;max-width:1200px;opacity:0;padding:48px 40px 80px;transition:opacity .5s ease}.nx-main-visible{opacity:1}.nx-notif{align-items:center;animation:nxFadeUp .5s ease-out;background:#22c55e0f;border:1px solid #22c55e1f;border-radius:12px;color:#86efac;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:40px;padding:14px 18px;transition:all .2s}.nx-notif:hover{background:#22c55e1a;transform:translateY(-1px)}.nx-notif-dot{animation:nxPulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.nx-notif button{background:none;border:none;color:#86efac66;cursor:pointer;font-size:14px;margin-left:auto}.nx-hero{animation:nxFadeUp .6s ease-out .1s both;margin-bottom:40px}.nx-hero-eyebrow{color:#7a7880;font-size:13px;font-weight:500;letter-spacing:.2px;margin:0 0 8px}.nx-hero-title{color:#eae8e4;font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin:0}.nx-hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#eae8e4,#a99cf5);-webkit-background-clip:text;background-clip:text}.nx-credits{align-items:center;animation:nxFadeUp .6s ease-out .2s both;background:#1c1c24;border:1px solid #ffffff0d;border-radius:16px;display:flex;margin-bottom:48px;padding:24px 28px;transition:all .3s}.nx-credits:hover{animation:nxGlow 3s ease-in-out infinite;border-color:#7c6aed26}.nx-credits-main{margin-right:auto}.nx-credits-num{color:#eae8e4;font-size:42px;font-weight:700;letter-spacing:-2px;line-height:1}.nx-credits-sub{color:#7a7880;font-size:12px;font-weight:500;margin-top:4px}.nx-credits-breakdown{align-items:center;display:flex;gap:20px;margin-right:24px}.nx-credits-item{text-align:center}.nx-credits-item-num{color:#eae8e4;display:block;font-size:20px;font-weight:600}.nx-credits-item-label{color:#7a7880;display:block;font-size:10px;font-weight:500;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.nx-credits-divider{background:#ffffff0f;height:32px;width:1px}.nx-credits-btn{background:linear-gradient(135deg,#7c6aed,#6554d4);border:none;border-radius:980px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;overflow:hidden;padding:10px 22px;position:relative;transition:all .25s;white-space:nowrap}.nx-credits-btn:after{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:60%}.nx-credits-btn:hover:after{left:150%}.nx-credits-btn:hover{box-shadow:0 4px 20px #7c6aed59;transform:scale(1.04)}.nx-section-label{animation:nxFadeIn .5s ease-out .3s both;color:#7a7880;font-size:11px;font-weight:600;letter-spacing:1.5px;margin-bottom:12px;margin-top:8px;text-transform:uppercase}.nx-primary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.nx-pcard{animation:nxFadeUp .6s ease-out .35s both;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;min-height:220px;overflow:hidden;padding:32px 28px 24px;position:relative;transition:all .35s ease}.nx-pcard:nth-child(2){animation-delay:.45s}.nx-pcard:hover{transform:scale(1.02) translateY(-3px)}.nx-pcard-design{background:linear-gradient(160deg,#1e1a2e,#1c1c24);border:1px solid #7c6aed1a;color:#eae8e4}.nx-pcard-design:hover{border-color:#7c6aed40;box-shadow:0 16px 48px #7c6aed1a}.nx-pcard-shoots{background:#1c1c24;border:1px solid #ffffff0d;color:#eae8e4}.nx-pcard-shoots:hover{border-color:#ffffff1a;box-shadow:0 16px 48px #0000004d}.nx-pcard-tag{color:#a99cf5;font-size:10px;font-weight:600;letter-spacing:1.5px;margin-bottom:14px;text-transform:uppercase}.nx-pcard h2{font-size:26px;font-weight:700;letter-spacing:-.8px;line-height:1.15;margin:0 0 10px}.nx-pcard p{color:#7a7880;flex:1 1;font-size:13px;line-height:1.5;margin:0}.nx-pcard-foot{align-items:center;border-top:1px solid #ffffff0d;color:#a99cf5;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-top:18px;padding-top:14px}.nx-arrow{font-size:16px;transition:transform .25s}.nx-pcard:hover .nx-arrow{transform:translateX(5px)}.nx-secondary{grid-gap:12px;animation:nxFadeUp .5s ease-out .5s both;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.nx-scard{align-items:center;background:#1c1c24;border:1px solid #ffffff0a;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:all .25s}.nx-scard:hover{background:#22222c;border-color:#ffffff1a;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.nx-scard-muted{opacity:.45}.nx-scard h3{color:#eae8e4;font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0 0 3px}.nx-scard p{color:#7a7880;font-size:12px;margin:0}.nx-scard-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.nx-scard-badge{background:#ffffff0f;border-radius:980px;color:#eae8e4;font-size:12px;font-weight:600;padding:3px 10px}.nx-badge-warm{background:#fb923c1a;color:#fdba74}.nx-badge-dark{background:linear-gradient(135deg,#7c6aed,#6554d4);color:#fff}.nx-chevron{color:#ffffff26;font-size:20px;font-weight:300;transition:all .2s}.nx-scard:hover .nx-chevron{color:#ffffff4d;transform:translateX(2px)}.nx-protag{background:#7c6aed1a;border-radius:4px;color:#a99cf5;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:6px;padding:2px 6px;vertical-align:middle}.nx-admin{animation:nxFadeUp .5s ease-out .6s both;margin-top:8px}.nx-admin-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.nx-admin-item{background:#1c1c24;border:1px solid #ffffff0a;border-radius:12px;color:#7a7880;cursor:pointer;font-size:13px;font-weight:500;padding:14px 16px;text-align:center;transition:all .2s}.nx-admin-item:hover{background:#22222c;border-color:#ffffff1a;box-shadow:0 2px 8px #0003;color:#eae8e4;transform:translateY(-2px)}.nx-admin-hl{background:#22c55e0f;border-color:#22c55e1f;color:#86efac;font-weight:600}.nx-admin-hl:hover{background:#22c55e1f;border-color:#22c55e40;color:#86efac}.nx-footer{animation:nxFadeIn .5s ease-out .7s both;color:#eae8e426;font-size:11px;letter-spacing:.3px;padding:48px 0 0;text-align:center}@media (max-width:768px){.nx-nav-inner{padding:10px 16px}.nx-nav-title{font-size:14px}.nx-nav-user{display:none}.nx-main{padding:28px 16px 60px}.nx-hero-title{font-size:28px;letter-spacing:-1px}.nx-hero{margin-bottom:28px}.nx-credits{flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:20px}.nx-credits-num{font-size:32px}.nx-credits-breakdown{margin-right:0}.nx-credits-btn{padding:12px;text-align:center;width:100%}.nx-primary{gap:12px;grid-template-columns:1fr}.nx-pcard{min-height:170px;padding:24px 22px 20px}.nx-pcard h2{font-size:22px}.nx-secondary{gap:8px;grid-template-columns:1fr}.nx-admin-grid{grid-template-columns:repeat(2,1fr)}.nx-welcome-title{font-size:26px}.nx-welcome-logo{border-radius:11px;font-size:20px;height:44px;width:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dashboard-container{min-height:100vh}.dashboard-header,.dashboard-main{display:none}.admin-page{background:#0a0a0a;color:#fff;min-height:100vh;padding:32px}.admin-page-header{align-items:center;display:flex;gap:20px;margin-bottom:32px}.admin-page-header h2{flex:1 1;font-size:24px;font-weight:600;margin:0}.back-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#ffffff26}.add-btn{background:linear-gradient(135deg,#4f8cff,#3b6de0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 20px #4f8cff4d;transform:translateY(-2px)}.alert{border-radius:10px;font-size:14px;margin-bottom:20px;padding:14px 20px}.alert-error{background:#ff3b3026;border:1px solid #ff3b304d;color:#ff6b6b}.alert-success{background:#34c75926;border:1px solid #34c7594d;color:#34c759}.form-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;padding:32px}.form-card h3{font-size:18px;font-weight:600;margin:0 0 24px}.form-grid{grid-gap:20px;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff9;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:12px 14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#ffffff1a;border-color:#4f8cff}.form-group input::placeholder{color:#ffffff4d}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}.submit-btn{background:linear-gradient(135deg,#34c759,#28a745);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 40px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px #34c7594d;transform:translateY(-2px)}.clients-list{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.clients-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:12px;letter-spacing:1px;padding:16px 24px;text-transform:uppercase}.client-row,.clients-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr}.client-row{align-items:center;border-bottom:1px solid #ffffff0d;font-size:14px;padding:18px 24px;transition:background .2s ease}.client-row:hover{background:#ffffff08}.client-row:last-child{border-bottom:none}.company-name,.plan-badge{font-weight:600}.plan-badge{background:#4f8cff26;border-radius:20px;color:#4f8cff;display:inline-block;font-size:12px;padding:4px 12px}.credits-count{color:#4f8cff;font-size:16px;font-weight:700}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#34c75926;color:#34c759}.status-badge.cancelled{background:#ff3b3026;color:#ff6b6b}.status-badge.trial{background:#ffcc0026;color:#fc0}.actions{display:flex;gap:8px}.action-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s ease}.action-btn:hover{background:#ffffff1f}.empty-state{color:#fff6;font-size:15px}.empty-state,.loading{padding:48px;text-align:center}.loading{color:#ffffff80;font-size:16px}.dc-container{-webkit-font-smoothing:antialiased;background:#121218;color:#eae8e4;font-family:Inter,-apple-system,sans-serif;min-height:100vh;padding-bottom:60px}.dc-header{align-items:center;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#121218cc;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:50}.dc-back-btn{background:none;border:none;color:#a99cf5;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:6px 0;transition:opacity .2s}.dc-back-btn:hover{opacity:.7}.dc-header-center{flex:1 1;text-align:center}.dc-title{color:#eae8e4;font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}.dc-credits-badge{align-items:baseline;background:#7c6aed1a;border:1px solid #7c6aed26;border-radius:980px;display:flex;gap:4px;padding:5px 12px}.dc-credits-num{color:#a99cf5;font-size:15px;font-weight:700}.dc-credits-label{color:#a99cf599;font-size:10px;font-weight:500}.dc-error{background:#ef444414;border:1px solid #ef444426;border-radius:10px;color:#f87171}.dc-error,.dc-success{font-size:13px;margin:16px 24px 0;padding:12px 20px}.dc-success{background:#22c55e0f;border:1px solid #22c55e1f;border-radius:10px;color:#86efac}.dc-loading{align-items:center;color:#7a7880;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.dc-spinner{animation:dcspin .8s linear infinite;border:3px solid #7c6aed1f;border-radius:50%;border-top-color:#7c6aed;height:36px;width:36px}@keyframes dcspin{to{transform:rotate(1turn)}}.dc-home{margin:0 auto;max-width:940px;padding:32px 24px}.dc-tabs{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.dc-tab{background:none;border:none;border-radius:8px;color:#7a7880;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:10px 16px;position:relative;transition:all .2s}.dc-tab.active{background:#7c6aed1a;color:#a99cf5}.dc-tab:hover:not(.active){color:#eae8e4}.dc-tab-dot{background:#7c6aed;border-radius:50%;height:6px;position:absolute;right:8px;top:8px;width:6px}.dc-home-actions{margin-bottom:20px}.dc-empty{color:#7a7880;padding:60px 20px;text-align:center}.dc-empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.dc-empty h3{color:#eae8e4;font-size:20px;font-weight:600;margin:0 0 8px}.dc-empty p{font-size:14px;margin:0 0 20px}.dc-presets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dc-preset-card{background:#1c1c24;border:1px solid #ffffff0a;border-radius:16px;cursor:pointer;padding:24px;transition:all .25s}.dc-preset-card:hover{border-color:#7c6aed26;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.dc-preset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dc-preset-icon{font-size:24px}.dc-preset-status-dot{background:#7a7880;border-radius:50%;height:8px;width:8px}.dc-preset-status-dot[data-status=ready]{background:#22c55e}.dc-preset-status-dot[data-status=analyzing]{background:#7c6aed}.dc-preset-status-dot[data-status=failed]{background:#ef4444}.dc-preset-name{color:#eae8e4;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 6px}.dc-preset-desc{color:#7a7880;font-size:13px;line-height:1.4;margin:0 0 12px}.dc-preset-meta{color:#7a7880;display:flex;font-size:12px;gap:12px;margin-bottom:10px}.dc-preset-category{text-transform:capitalize}.dc-preset-dna-status{font-size:12px;font-weight:600;margin-bottom:12px}.dc-status-ready{color:#86efac}.dc-status-analyzing{color:#a99cf5}.dc-status-failed{color:#f87171}.dc-status-pending{color:#7a7880}.dc-btn{border:none;border-radius:980px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.dc-btn-primary{background:linear-gradient(135deg,#7c6aed,#6554d4);color:#fff}.dc-btn-primary:hover{box-shadow:0 4px 16px #7c6aed4d;transform:translateY(-1px)}.dc-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.dc-btn-secondary{background:#ffffff0f;border:1px solid #ffffff0f;color:#eae8e4}.dc-btn-secondary:hover{background:#ffffff1a}.dc-btn-generate{background:linear-gradient(135deg,#7c6aed,#6554d4);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:12px;transition:all .2s;width:100%}.dc-btn-generate:hover{box-shadow:0 4px 16px #7c6aed4d}.dc-btn-generate:disabled{cursor:not-allowed;opacity:.4}.dc-btn-sm{background:#7c6aed1a;border:1px solid #7c6aed1f;border-radius:8px;color:#a99cf5;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 12px}.dc-btn-lg{font-size:15px;padding:14px 32px}.dc-btn-danger-sm{background:#ef444414;border:1px solid #ef44441f;border-radius:8px;color:#f87171;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 14px}.dc-btn-danger-sm:hover{background:#ef444426}.dc-btn-option{background:#ffffff0a;border:1.5px solid #ffffff0f;border-radius:10px;color:#7a7880;cursor:pointer;font-family:inherit;font-size:13px;padding:8px 16px;transition:all .2s}.dc-btn-option:hover{border-color:#7c6aed33;color:#eae8e4}.dc-btn-option.active{background:#7c6aed1a;border-color:#7c6aed4d;color:#a99cf5;font-weight:600}.dc-btn-group{display:flex;flex-wrap:wrap;gap:8px}.dc-sessions-list{display:flex;flex-direction:column;gap:10px}.dc-session-card{background:#1c1c24;border:1px solid #ffffff0a;border-radius:14px;cursor:pointer;padding:18px 20px;transition:all .2s}.dc-session-card:hover{border-color:#ffffff14}.dc-session-complete{border-color:#22c55e1a}.dc-session-failed{opacity:.5}.dc-session-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.dc-session-info{display:flex;flex-direction:column;gap:2px}.dc-session-preset{color:#eae8e4;font-size:14px;font-weight:600}.dc-session-meta{color:#7a7880;font-size:12px}.dc-session-date{color:#555;font-size:11px}.dc-session-right{display:flex;flex-direction:column;gap:4px;text-align:right}.dc-session-time{color:#7a7880;font-size:11px}.dc-session-view-hint{color:#a99cf5;font-size:11px;font-weight:600}.dc-session-progress-bar{background:#ffffff0a;border-radius:2px;height:3px;margin-bottom:6px;overflow:hidden}.dc-session-progress-fill{border-radius:2px;height:100%;transition:width .3s}.dc-session-progress-text{color:#7a7880;display:flex;font-size:11px;gap:8px}.dc-session-pct{color:#a99cf5;font-weight:600}.dc-session-done-text{color:#86efac;font-weight:600}.dc-session-fail-count,.dc-session-fail-text{color:#f87171}.dc-create-dna,.dc-dna-detail,.dc-new-session,.dc-results{margin:0 auto;max-width:700px;padding:32px 24px}.dc-create-dna h2,.dc-dna-detail h2,.dc-new-session h2,.dc-results-header h2{color:#eae8e4;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.dc-form-hint{color:#7a7880;font-size:13px;line-height:1.5;margin:0 0 24px}.dc-form-group{margin-bottom:20px}.dc-form-group label{color:#7a7880;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.dc-input,.dc-select,.dc-textarea{background:#ffffff0a;border:1.5px solid #ffffff0f;border-radius:12px;box-sizing:border-box;color:#eae8e4;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.dc-input:focus,.dc-select:focus,.dc-textarea:focus{background:#7c6aed0f;border-color:#7c6aed;box-shadow:0 0 0 3px #7c6aed14;outline:none}.dc-select{appearance:none;cursor:pointer}.dc-textarea{min-height:60px;resize:vertical}.dc-upload-zone{align-items:center;border:1.5px dashed #ffffff14;border-radius:14px;color:#7a7880;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:32px 20px;text-align:center;transition:all .2s}.dc-upload-zone:hover{background:#7c6aed08;border-color:#7c6aed4d;color:#a99cf5}.dc-upload-sm{padding:16px}.dc-upload-icon{font-size:28px;opacity:.4}.dc-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:12px}.dc-preview-thumb{border-radius:10px;overflow:hidden;position:relative}.dc-preview-thumb img{aspect-ratio:3/4;display:block;object-fit:cover;width:100%}.dc-preview-remove{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:22px;position:absolute;right:4px;top:4px;width:22px}.dc-preview-more,.dc-preview-remove{align-items:center;display:flex;justify-content:center}.dc-preview-more{aspect-ratio:3/4;background:#1c1c24;border:1px solid #ffffff0a;border-radius:10px;color:#7a7880;font-size:13px}.dc-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.dc-progress-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121218f2;color:#eae8e4;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:200}.dc-progress-hint{color:#7a7880;font-size:13px}.dc-toggle-group{align-items:center;display:flex;justify-content:space-between}.dc-toggle-info{flex:1 1}.dc-toggle-info label{margin-bottom:2px}.dc-toggle-hint{color:#7a7880;display:block;font-size:12px}.dc-toggle{background:#ffffff14;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:44px}.dc-toggle.active{background:#7c6aed}.dc-toggle-knob{background:#eae8e4;border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.dc-toggle.active .dc-toggle-knob{transform:translateX(20px)}.dc-variation-types{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.dc-variation-btn{background:#1c1c24;border:1.5px solid #ffffff0a;border-radius:12px;cursor:pointer;font-family:inherit;padding:12px 14px;text-align:left;transition:all .2s}.dc-variation-btn:hover{border-color:#7c6aed26}.dc-variation-btn.active{background:#7c6aed0f;border-color:#7c6aed4d}.dc-var-locked{cursor:not-allowed!important;opacity:.4}.dc-var-label{color:#eae8e4;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.dc-var-desc{color:#7a7880;display:block;font-size:11px}.dc-color-lock-input{display:flex;gap:8px}.dc-color-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dc-color-chip{background:#7c6aed14;border:1px solid #7c6aed1f;border-radius:980px;color:#a99cf5;font-size:12px;padding:4px 10px}.dc-color-chip-removable{cursor:pointer}.dc-color-chip-removable:hover{background:#7c6aed26}.dc-ref-preview{border-radius:12px;display:inline-block;overflow:hidden;position:relative}.dc-ref-preview img{display:block;height:160px;object-fit:cover;width:120px}.dc-generate-bar{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-top:24px;padding:20px 0}.dc-generate-info{display:flex;flex-direction:column;gap:2px}.dc-generate-cost{color:#eae8e4;font-size:18px;font-weight:700}.dc-generate-balance{color:#7a7880;font-size:12px}.dc-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.dc-detail-desc{color:#7a7880;font-size:14px;margin:4px 0 0}.dc-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:20px}.dc-detail-card{background:#1c1c24;border:1px solid #ffffff0a;border-radius:14px;padding:18px}.dc-detail-card h4{color:#7a7880;font-size:11px;font-weight:600;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.dc-detail-card p{color:#7a7880;font-size:13px;line-height:1.4;margin:6px 0 0}.dc-detail-card-wide{grid-column:span 2}.dc-dna-text{color:#eae8e4;font-size:13px;line-height:1.6;white-space:pre-wrap}.dc-taste-rules{display:flex;flex-direction:column;gap:6px}.dc-taste-rule{display:flex;font-size:12px;justify-content:space-between}.dc-taste-key{color:#7a7880;text-transform:capitalize}.dc-taste-val{color:#eae8e4;font-weight:500}.dc-tag-list{display:flex;flex-wrap:wrap;gap:6px}.dc-tag{background:#7c6aed0f;border:1px solid #7c6aed14;border-radius:980px;color:#a99cf5;font-size:11px;padding:4px 10px}.dc-detail-danger{margin:16px 0}.dc-detail-images{margin-top:24px}.dc-detail-images h4{color:#7a7880;font-size:14px;margin:0 0 12px}.dc-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dc-results-actions{display:flex;gap:8px}.dc-results-hint{color:#7a7880;font-size:13px;margin:0 0 24px}.dc-results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dc-result-card{background:#1c1c24;border:1px solid #ffffff0a;border-radius:16px;overflow:hidden;transition:all .2s}.dc-result-card:hover{border-color:#7c6aed26;box-shadow:0 4px 16px #0003}.dc-result-image{cursor:pointer;position:relative}.dc-result-image img{aspect-ratio:3/4;display:block;object-fit:cover;width:100%}.dc-result-download{align-items:center;background:#00000080;border:none;border-radius:8px;bottom:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;transition:opacity .2s;width:32px}.dc-result-image:hover .dc-result-download{opacity:1}.dc-result-info{padding:12px 14px}.dc-result-reasoning{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#7a7880;display:-webkit-box;font-size:12px;line-height:1.5;margin:0;overflow:hidden}.dc-score-row{align-items:center;display:flex;gap:8px;padding:10px 14px 14px}.dc-score-label{color:#7a7880;font-size:12px;font-weight:600}.dc-score-buttons{display:flex;gap:3px}.dc-score-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;color:#7a7880;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;height:28px;justify-content:center;transition:all .15s;width:28px}.dc-score-btn:hover{border-color:#7c6aed4d;color:#eae8e4}.dc-score-btn.active.high{background:#22c55e1a;border-color:#22c55e40;color:#86efac}.dc-score-btn.active.mid{background:#7c6aed1a;border-color:#7c6aed40;color:#a99cf5}.dc-score-btn.active.low{background:#ef44441a;border-color:#ef444433;color:#f87171}.dc-failed-note{color:#7a7880;font-size:13px;padding:16px;text-align:center}.dc-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.dc-modal-content{max-height:90vh;max-width:90vw;position:relative}.dc-modal-content img{border-radius:12px;max-height:85vh;max-width:90vw;object-fit:contain}.dc-modal-close{background:#ffffff26;border:none;border-radius:50%;font-size:18px;height:32px;right:-12px;top:-12px;width:32px}.dc-modal-close,.dc-modal-download{color:#fff;cursor:pointer;position:absolute}.dc-modal-download{background:linear-gradient(135deg,#7c6aed,#6554d4);border:none;border-radius:980px;bottom:12px;font-size:13px;font-weight:600;padding:8px 16px;right:12px}@media (max-width:768px){.dc-header{padding:10px 14px}.dc-title{font-size:15px}.dc-home{padding:20px 14px}.dc-presets-grid{grid-template-columns:1fr}.dc-create-dna,.dc-dna-detail,.dc-new-session,.dc-results{padding:20px 14px}.dc-detail-grid{grid-template-columns:1fr}.dc-detail-card-wide{grid-column:span 1}.dc-results-grid,.dc-variation-types{grid-template-columns:1fr}.dc-generate-bar{flex-direction:column;gap:12px}}.shoots-page{margin:0 auto;max-width:900px;padding:24px 20px 100px}.shoots-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.shoots-back-btn{background:none;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.shoots-back-btn:hover{background:#f5f5f5;border-color:#bbb}.shoots-title{color:#1a1a1a;flex:1 1;font-size:22px;font-weight:600;margin:0}.shoots-credits-badge{background:#f0f7ff;border-radius:20px;color:#1a6dd4;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.shoots-steps{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:32px}.shoots-step{border-radius:8px;gap:8px;padding:8px 16px}.shoots-step,.shoots-step .step-num{align-items:center;display:flex;transition:all .2s}.shoots-step .step-num{background:#eee;border-radius:50%;color:#999;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.shoots-step.active .step-num{background:#1a6dd4;color:#fff}.shoots-step.done .step-num{background:#22c55e;color:#fff}.shoots-step .step-label{color:#999;font-size:14px;font-weight:500}.shoots-step.active .step-label{color:#1a1a1a}.shoots-step.done .step-label{color:#22c55e}.step-connector{background:#e0e0e0;height:2px;margin:0 4px;width:40px}.shoots-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.shoots-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:0 4px}.shoots-form{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:28px}.form-section-title{border-bottom:1px solid #f0f0f0;color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.form-hint{color:#888;font-size:13px;margin:0 0 12px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:4px}.form-field.full-width{grid-column:1/-1}.form-field label{color:#555;font-size:13px;font-weight:500}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #ddd;border-radius:8px;color:#1a1a1a;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#1a6dd4;box-shadow:0 0 0 3px #1a6dd41a}.form-field textarea{min-height:60px;resize:vertical}.piece-selector{display:flex;gap:8px}.piece-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:15px;font-weight:600;height:40px;transition:all .2s;width:48px}.piece-btn.selected{background:#1a6dd4;border-color:#1a6dd4;color:#fff}.piece-btn:hover:not(.selected){border-color:#1a6dd4;color:#1a6dd4}.toggle-container{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 0}.toggle-track{background:#ddd;border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:44px}.toggle-track.on{background:#1a6dd4}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-track.on .toggle-thumb{transform:translateX(20px)}.toggle-label{color:#555;font-size:14px}.preset-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preset-card{background:#fff;border:1.5px solid #e8e8e8;cursor:pointer;padding:16px;position:relative}.preset-card:hover:not(.locked){border-color:#1a6dd4;box-shadow:0 2px 8px #1a6dd41a}.preset-card.selected{background:#f0f7ff;border-color:#1a6dd4;box-shadow:0 2px 8px #1a6dd426}.preset-card.locked{cursor:not-allowed;opacity:.5}.lock-badge{background:#f59e0b;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.preset-name{color:#1a1a1a;font-size:15px;font-weight:600;margin-bottom:4px}.preset-desc{color:#888;font-size:12px;line-height:1.4;margin-bottom:8px}.preset-keywords{display:flex;flex-wrap:wrap;gap:4px}.keyword-pill{background:#f5f5f5;border-radius:10px;color:#666;font-size:11px;padding:2px 8px}.preset-card.selected .keyword-pill{background:#dbeafe;color:#1a6dd4}.accessories-grid{display:flex;flex-wrap:wrap;gap:8px}.acc-pill{background:#fff;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.acc-pill.selected{background:#1a6dd4;border-color:#1a6dd4;color:#fff}.acc-pill:disabled{cursor:not-allowed;opacity:.4}.acc-pill:hover:not(.selected):not(:disabled){border-color:#1a6dd4;color:#1a6dd4}.credit-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.credit-number{color:#1a1a1a;font-size:22px;font-weight:700}.credit-delivery{color:#1a6dd4;font-size:16px;font-weight:600;text-align:right}.credit-detail{color:#888;font-size:13px}.credit-preview-right{text-align:right}.color-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.color-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:12px}.color-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.color-label{color:#1a1a1a;font-size:14px;font-weight:600}.color-count{color:#888;font-size:12px}.color-previews{display:flex;flex-wrap:wrap;gap:6px}.color-thumb{border-radius:8px;height:56px;overflow:hidden;position:relative;width:56px}.color-thumb img{height:100%;object-fit:cover;width:100%}.remove-thumb{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s;width:18px}.color-thumb:hover .remove-thumb{opacity:1}.add-photo-btn{align-items:center;border:1.5px dashed #ccc;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:12px;height:56px;justify-content:center;transition:all .2s;width:56px}.add-photo-btn:hover{border-color:#1a6dd4;color:#1a6dd4}.highlights-area{display:flex;flex-wrap:wrap;gap:8px}.highlight-thumb{border-radius:8px;height:72px;overflow:hidden;position:relative;width:72px}.highlight-thumb img{height:100%;object-fit:cover;width:100%}.add-highlight-btn{align-items:center;border:1.5px dashed #ccc;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:13px;height:72px;justify-content:center;transition:all .2s;width:120px}.add-highlight-btn:hover{border-color:#1a6dd4;color:#1a6dd4}.face-grid{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.face-card{cursor:pointer;flex-shrink:0;position:relative;text-align:center;transition:all .2s;width:90px}.face-card.locked{cursor:not-allowed;opacity:.4}.face-img{border:3px solid #0000;border-radius:50%;height:80px;object-fit:cover;transition:border-color .2s;width:80px}.face-card.selected .face-img{border-color:#1a6dd4}.face-card:hover:not(.locked) .face-img{border-color:#93c5fd}.face-name{color:#555;font-size:12px;margin-top:4px}.lock-overlay{color:#f59e0b;font-size:10px;inset:0}.lock-overlay,.selected-badge{align-items:center;display:flex;font-weight:600;justify-content:center;position:absolute}.selected-badge{background:#1a6dd4;border-radius:50%;color:#fff;font-size:12px;height:22px;right:0;top:0;width:22px}.backdrop-grid{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.backdrop-card{background:#f5f5f5;border:2px solid #0000;border-radius:12px;cursor:pointer;flex-shrink:0;min-width:120px;overflow:hidden;position:relative;transition:all .2s;width:120px}.backdrop-card:hover:not(.locked){border-color:#93c5fd;box-shadow:0 2px 8px #00000014}.backdrop-card.selected{border-color:#1a6dd4;box-shadow:0 2px 12px #1a6dd433}.backdrop-card.locked{cursor:not-allowed;opacity:.4}.backdrop-img{display:block;height:180px;object-fit:cover;width:100%}.backdrop-name{background:#fff;color:#555;font-size:12px;padding:6px 8px;text-align:center}.backdrop-card.selected .backdrop-name{color:#1a6dd4;font-weight:600}.confirm-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;bottom:16px;box-shadow:0 -4px 20px #00000014;display:flex;justify-content:space-between;margin-top:24px;padding:20px 24px;position:sticky}.confirm-credits{color:#1a1a1a;font-size:24px;font-weight:700}.confirm-detail{color:#888;font-size:13px;margin-top:2px}.confirm-warning{color:#dc2626;font-size:13px;font-weight:500;margin-top:4px}.confirm-actions{align-items:center;display:flex;gap:12px}.step-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-back{background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#f5f5f5}.btn-next{background:#1a6dd4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-next:disabled{cursor:not-allowed;opacity:.5}.btn-next:hover:not(:disabled){background:#1558b0}.btn-generate{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s;white-space:nowrap}.btn-generate:disabled{cursor:not-allowed;opacity:.5}.btn-generate:hover:not(:disabled){background:#16a34a}.generating-overlay{align-items:center;background:#fffffff2;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.generating-content{max-width:400px;padding:40px;text-align:center}.generating-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#1a6dd4;height:48px;margin:0 auto 20px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.generating-text{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:8px}.generating-hint{color:#888;font-size:14px;line-height:1.5;margin-bottom:20px}.btn-dashboard{background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s}.btn-dashboard:hover{background:#f5f5f5}@media (max-width:600px){.shoots-page{padding:16px 12px 100px}.color-grid,.form-grid,.preset-grid{grid-template-columns:1fr}.backdrop-grid{grid-template-columns:repeat(3,1fr)}.confirm-bar,.credit-preview{flex-direction:column;gap:12px;text-align:center}.credit-preview-right{text-align:center}.shoots-header{flex-wrap:wrap}}.preset-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:14px;outline:none;padding:10px 12px;width:100%}.preset-dropdown:focus{border-color:#1a6dd4;box-shadow:0 0 0 3px #1a6dd41a}.preset-preview{background:#f0f7ff;border:1px solid #dbeafe;border-radius:10px;margin-top:10px;padding:12px 16px}.preset-preview-name{color:#1a6dd4;font-size:15px;font-weight:600;margin-bottom:4px}.preset-preview-desc{color:#555;font-size:13px;line-height:1.4;margin-bottom:8px}.color-upload-grid{display:flex;flex-direction:column;gap:16px}.color-upload-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.color-upload-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 16px}.color-upload-body{display:flex;gap:20px;padding:16px}.color-upload-body.two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.upload-column{display:flex;flex-direction:column;gap:12px}.column-label{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding-bottom:4px;text-transform:uppercase}.upload-slot{display:flex;flex-direction:column;gap:6px}.slot-label{color:#9ca3af;font-size:12px;font-weight:500}.primary-slot .slot-label{color:#6b7280;font-weight:600}.slot-preview{border:2px solid #3b82f6;border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.slot-preview img{height:100%;object-fit:cover;width:100%}.slot-upload-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;height:120px;justify-content:center;transition:all .2s;width:120px}.slot-upload-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.secondary-previews{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sec-thumb{border:1px solid #e5e7eb;border-radius:6px;height:64px;overflow:hidden;position:relative;width:64px}.sec-thumb img{height:100%;object-fit:cover;width:100%}.sec-add-btn{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:64px;justify-content:center;transition:all .2s;width:64px}.sec-add-btn:hover{border-color:#3b82f6;color:#3b82f6}.sec-thumb .remove-thumb,.slot-preview .remove-thumb{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s;width:20px}.sec-thumb:hover .remove-thumb,.slot-preview:hover .remove-thumb{opacity:1}@media (max-width:640px){.color-upload-body.two-columns{grid-template-columns:1fr}}.select-trigger{align-items:center;background:#151515;border:2px dashed #333;border-radius:12px;color:#888;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:16px 20px;transition:border-color .2s}.select-trigger:hover{border-color:#7c3aed;color:#aaa}.select-trigger-icon{font-size:24px}.selected-backdrop-row,.selected-faces-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.selected-backdrop-chip,.selected-face-chip{align-items:center;background:#1a1a2e;border:1px solid #7c3aed;border-radius:30px;display:flex;gap:8px;padding:6px 14px 6px 6px}.selected-backdrop-chip img,.selected-face-chip img{border-radius:50%;height:36px;object-fit:cover;width:36px}.selected-backdrop-chip img{border-radius:8px;height:36px;width:48px}.selected-backdrop-chip span,.selected-face-chip span{color:#e5e5e5;font-size:13px;font-weight:500}.selected-face-chip button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;margin-left:4px}.selected-face-chip button:hover{color:#ef4444}.add-face-btn{border:1px dashed #444;border-radius:20px;color:#888;cursor:pointer;font-size:13px;padding:8px 16px}.add-face-btn:hover{border-color:#7c3aed;color:#aaa}.change-face-btn{background:#222;border-radius:8px;color:#aaa;cursor:pointer;font-size:12px;margin-left:auto;padding:6px 14px}.change-face-btn:hover{background:#333;color:#fff}.selection-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.selection-modal{background:#111;border:1px solid #222;border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:100%}.selection-modal-header{align-items:center;border-bottom:1px solid #222;display:flex;gap:12px;padding:18px 24px}.selection-modal-header h3{color:#fff;font-size:18px;margin:0}.selection-modal-hint{color:#888;flex:1 1;font-size:12px}.selection-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:24px}.selection-modal-close:hover{color:#fff}.selection-modal-tabs{border-bottom:1px solid #1a1a1a;display:flex;gap:4px;overflow-x:auto;padding:12px 16px}.selection-tab{background:#0a0a0a;border:1px solid #333;border-radius:20px;color:#aaa;cursor:pointer;font-size:12px;font-weight:500;padding:7px 16px;transition:all .2s;white-space:nowrap}.selection-tab.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.selection-tab.locked-tab{color:#555}.selection-modal-grid{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:16px}.backdrop-modal-grid{grid-template-columns:repeat(3,1fr)}.selection-item{background:#1a1a1a;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;text-align:center;transition:border-color .2s,transform .15s}.selection-item:hover{transform:scale(1.03)}.selection-item.selected{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed40}.selection-item.locked{cursor:not-allowed;opacity:.35}.selection-item img{aspect-ratio:1;display:block;object-fit:cover;width:100%}.backdrop-item img{aspect-ratio:3/4}.selection-item-name{color:#ccc;font-size:11px;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;white-space:nowrap}.selection-item-lock{background:#000000b3;border-radius:6px;color:#f59e0b;font-size:12px;font-weight:600;left:50%;padding:4px 10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.selection-item-check{align-items:center;background:#7c3aed;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.selection-modal-footer{align-items:center;background:#0a0a0a;border-top:1px solid #222;display:flex;justify-content:space-between;padding:12px 24px}.selection-modal-footer span{color:#888;font-size:13px}.selection-done-btn{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px}.selection-done-btn:hover{background:#6d28d9}.tier-group{margin-bottom:20px}.tier-heading{align-items:center;border-bottom:1px solid #222;color:#aaa;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.tier-count{color:#666;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.face-grid-vertical{display:flex;flex-wrap:wrap;gap:10px}.face-card-sm{cursor:pointer;position:relative;text-align:center;transition:transform .2s;width:70px}.face-card-sm:hover{transform:scale(1.05)}.face-card-sm.locked{cursor:not-allowed;opacity:.4}.face-img-sm{border:3px solid #0000;border-radius:50%;height:60px;object-fit:cover;transition:border-color .2s;width:60px}.face-card-sm.selected .face-img-sm{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed4d}.face-name-sm{color:#ccc;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-badge-sm{align-items:center;background:#7c3aed;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:2px;top:-2px;width:20px}.lock-overlay-sm{font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.backdrop-grid-vertical{display:flex;flex-wrap:wrap;gap:10px}.backdrop-card-sm{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s,transform .2s;width:100px}.backdrop-card-sm:hover{transform:scale(1.03)}.backdrop-card-sm.selected{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed4d}.backdrop-card-sm.locked{cursor:not-allowed;opacity:.4}.backdrop-img-sm{display:block;height:130px;object-fit:cover;width:100%}.backdrop-name-sm{background:#111;color:#ccc;font-size:10px;overflow:hidden;padding:4px 2px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.selection-modal{border-radius:16px;margin:10px;max-height:90vh}.selection-modal-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:12px}.backdrop-modal-grid{grid-template-columns:repeat(2,1fr)}}.fb-tabs{background:#13131e;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:0;margin-bottom:1.5rem;padding:4px}.fb-tab{background:#0000;border:none;border-radius:8px;color:#777;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.7rem 1rem;transition:all .2s}.fb-tab.active{background:#6366f1;color:#fff}.fb-tab:hover:not(.active){color:#bbb}.fb-file-upload{align-items:center;display:flex;gap:1rem}.fb-file-input{display:none}.fb-file-label{cursor:pointer}.fb-file-btn{background:#1a1a28;border:1px dashed #ffffff26;border-radius:8px;color:#999;display:inline-block;font-size:.85rem;padding:.6rem 1.2rem;transition:all .2s}.fb-file-btn:hover{border-color:#6366f1;color:#a5b4fc}.fb-upload-preview{border:1px solid #ffffff1a;border-radius:8px;height:60px;object-fit:cover;width:60px}.fb-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.fb-card{background:#13131e;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;transition:all .2s}.fb-card:hover{border-color:#ffffff1f}.fb-card.inactive{opacity:.55}.fb-card-img-wrap{background:#0e0e18;overflow:hidden;position:relative}.fb-card-img-square{aspect-ratio:1/1}.fb-card-img-portrait{aspect-ratio:2/3}.fb-card-img{height:100%;object-fit:cover;width:100%}.fb-card-placeholder{font-size:3rem;height:100%;opacity:.3;width:100%}.fb-card-placeholder,.fb-inactive-overlay{align-items:center;display:flex;justify-content:center}.fb-inactive-overlay{background:#0009;color:#f87171;font-size:.85rem;font-weight:700;inset:0;letter-spacing:1px;position:absolute}.fb-category-tag{background:#000000b3;border-radius:6px;bottom:6px;color:#a5b4fc;font-size:.65rem;font-weight:600;left:6px;padding:.15rem .5rem;position:absolute;text-transform:capitalize}.fb-card-info{padding:.7rem}.fb-card-info h4{color:#e0e0e5;font-size:.85rem;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-card-tier{align-items:center;display:flex;gap:.4rem;margin-bottom:.5rem}.fb-tier-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.fb-tier-select{background:#0e0e18;border:1px solid #ffffff14;border-radius:6px;color:#bbb;cursor:pointer;flex:1 1;font-size:.75rem;padding:.3rem .4rem}.fb-tier-select:focus{border-color:#6366f1;outline:none}.fb-card-actions{display:flex;gap:.4rem}.fb-toggle-btn{background:#f871711a;border:1px solid #f8717133;border-radius:6px;color:#f87171;cursor:pointer;flex:1 1;font-size:.72rem;font-weight:600;padding:.35rem;transition:all .2s}.fb-toggle-btn.active{background:#22c55e1a;border-color:#22c55e33;color:#86efac}.fb-delete-btn{background:#f8717114;border:1px solid #f8717126;border-radius:6px;cursor:pointer;font-size:.75rem;padding:.35rem .5rem;transition:all .2s}.fb-delete-btn:hover{background:#f8717133}@media (max-width:600px){.fb-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)}.fb-card-info h4{font-size:.78rem}}.preset-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-top:1.2rem;padding:1rem}.preset-section-title{color:#ccc;font-size:.9rem;margin:0 0 .2rem}.preset-section-hint{color:#666;font-size:.75rem;margin:0 0 .8rem}.preset-tags{display:flex;flex-wrap:wrap;gap:.4rem}.preset-tag{background:#13131e;border:1px solid #ffffff14;border-radius:16px;color:#888;cursor:pointer;font-size:.78rem;padding:.35rem .8rem;transition:all .2s}.preset-tag:hover{border-color:#6366f14d;color:#bbb}.preset-tag.selected{background:#6366f11f;border-color:#6366f1;color:#a5b4fc}.presets-list{display:flex;flex-direction:column;gap:.8rem}.preset-card{align-items:flex-start;background:#13131e;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.2rem;transition:all .2s}.preset-card:hover{border-color:#ffffff1f}.preset-card.inactive{opacity:.5}.preset-card-left{display:flex;flex:1 1;gap:1rem;min-width:0}.preset-card-icon{flex-shrink:0;font-size:2rem;margin-top:.1rem}.preset-card-info{flex:1 1;min-width:0}.preset-card-info h4{color:#e0e0e5;font-size:1rem;margin:0 0 .2rem}.preset-card-desc{color:#777;font-size:.8rem;line-height:1.3;margin:0 0 .5rem}.preset-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.preset-meta-badge{border:1px solid;border-radius:6px;display:inline-block;font-size:.68rem;font-weight:600;padding:.15rem .5rem}.preset-meta-badge.quality{border-color:#6366f14d;color:#a5b4fc}.preset-meta-badge.assigned{border-color:#fbbf244d;color:#fbbf24}.preset-meta-tags{color:#666;font-size:.68rem;font-style:italic}.preset-card-prompts{display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin-top:.3rem}.preset-card-prompts span{color:#555;font-size:.7rem}.preset-card-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.4rem}.preset-edit-btn{background:#6366f114;border:1px solid #6366f133;border-radius:6px;color:#a5b4fc;cursor:pointer;font-size:.72rem;font-weight:600;padding:.35rem .6rem;transition:all .2s}.preset-edit-btn:hover{background:#6366f126}@media (max-width:600px){.preset-card{flex-direction:column}.preset-card-actions{flex-direction:row;width:100%}.preset-card-actions button{flex:1 1}}.billing-container{background:#0a0a0a;color:#e5e5e5;min-height:100vh;padding-bottom:40px}.billing-header{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.billing-header h1{color:#fff;font-size:20px;font-weight:700}.billing-back-btn{background:none;border:1px solid #333;border-radius:8px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 14px}.billing-back-btn:hover{border-color:#555;color:#fff}.billing-credits-badge{align-items:center;background:#1a1a2e;border:1px solid #333;border-radius:10px;display:flex;flex-direction:column;padding:6px 14px}.billing-credits-num{color:#7c3aed;font-size:18px;font-weight:700}.billing-credits-label{color:#888;font-size:10px;text-transform:uppercase}.billing-error{background:#dc2626}.billing-error,.billing-success{border-radius:8px;color:#fff;font-size:14px;margin:12px 20px;padding:12px 20px}.billing-success{background:#16a34a}.billing-loading{color:#888;padding:60px 20px;text-align:center}.billing-tabs{background:#0d0d0d;border-bottom:1px solid #1a1a1a;display:flex;gap:4px;padding:12px 20px}.billing-tab{background:#111;border:1px solid #222;border-radius:8px;color:#888;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px}.billing-tab.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.billing-content{padding:16px 20px}.bp-plan-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #333;border-radius:16px;margin-bottom:20px;padding:20px}.bp-plan-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.bp-plan-label{color:#888;font-size:12px;letter-spacing:1px;text-transform:uppercase}.bp-plan-name{color:#fff;font-size:28px;font-weight:800;margin:4px 0}.bp-plan-price{color:#7c3aed;font-size:24px;font-weight:700}.bp-plan-price span{color:#888;font-size:14px}.bp-plan-meta{color:#aaa;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:8px}.bp-plan-renewal{color:#666;font-size:12px;margin-bottom:12px}.bp-plan-actions{display:flex;flex-wrap:wrap;gap:10px}.bp-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .2s}.bp-btn:disabled{cursor:not-allowed;opacity:.5}.bp-btn-upgrade{background:#7c3aed;color:#fff}.bp-btn-upgrade:hover:not(:disabled){background:#6d28d9}.bp-btn-renew{background:#222;border:1px solid #444;color:#ccc}.bp-btn-renew:hover:not(:disabled){background:#333}.bp-btn-current{background:#222;border:1px solid #333;color:#666}.bp-btn-select{border:none;color:#fff;padding:12px;width:100%}.bp-btn-select:hover:not(:disabled){opacity:.9}.bp-plan-selector-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.bp-plan-selector{background:#1a1a1a;border:1px solid #333;border-radius:16px;max-height:90vh;max-width:720px;overflow-y:auto;padding:24px;width:100%}.bp-plan-selector h3{color:#fff;font-size:20px;margin-bottom:16px;text-align:center}.bp-plan-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.bp-plan-option{background:#111;border:1px solid #333;border-radius:12px;padding:16px;text-align:center}.bp-plan-option.current{background:#1a1a2e;border-color:#7c3aed}.bp-plan-option-header{border-bottom:2px solid #333;margin-bottom:10px;padding-bottom:10px}.bp-plan-option-header h4{color:#fff;font-size:18px;margin-bottom:4px}.bp-plan-option-price{color:#7c3aed;font-size:22px;font-weight:700}.bp-plan-option-price span{color:#888;font-size:13px}.bp-plan-option-credits{color:#22c55e;font-size:14px;font-weight:600;margin-bottom:10px}.bp-plan-option-features{color:#888;font-size:12px;line-height:1.8;margin-bottom:12px;text-align:left}.bp-plan-selector-close{background:none;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;display:block;font-size:14px;margin:16px auto 0;padding:8px 24px}.bp-section-title{color:#ccc;font-size:16px;font-weight:600;margin-bottom:12px}.bp-credits-section{margin-bottom:24px}.bp-credits-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.bp-credit-card{background:#151515;border:1px solid #222;border-radius:12px;padding:14px;text-align:center}.bp-cc-label{color:#888;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.bp-cc-value{display:block;font-size:28px;font-weight:700}.bp-cc-total .bp-cc-value{color:#7c3aed}.bp-cc-monthly .bp-cc-value{color:#22c55e}.bp-cc-topup .bp-cc-value{color:#60a5fa}.bp-cc-bar{background:#222;border-radius:2px;height:4px;margin:8px 0 4px}.bp-cc-bar-fill{background:#22c55e;border-radius:2px;height:100%;transition:width .3s}.bp-cc-sub{color:#666;font-size:11px}.bp-btn-topup{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin-top:4px;padding:14px;width:100%}.bp-btn-topup:hover:not(:disabled){opacity:.9}.bp-btn-topup:disabled{cursor:not-allowed;opacity:.5}.bp-pricing-info{margin-bottom:24px}.bp-pricing-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.bp-pricing-item{background:#151515;border:1px solid #222;border-radius:12px;padding:14px;text-align:center}.bp-pricing-icon{display:block;font-size:24px;margin-bottom:6px}.bp-pricing-label{color:#888;display:block;font-size:12px;margin-bottom:4px}.bp-pricing-cost{color:#e5e5e5;display:block;font-size:14px;font-weight:600}.bp-usage-section{margin-bottom:24px}.bp-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.bp-stat{background:#151515;border:1px solid #222;border-radius:12px;padding:14px;text-align:center}.bp-stat-value{color:#fff;display:block;font-size:24px;font-weight:700}.bp-stat-label{color:#888;display:block;font-size:11px;margin-top:4px}.bp-empty{color:#666;padding:40px 20px;text-align:center}.bp-tx-full-list,.bp-tx-list{display:flex;flex-direction:column;gap:2px}.bp-tx-full-row,.bp-tx-row{align-items:center;background:#151515;border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px}.bp-tx-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.bp-tx-icon{flex-shrink:0;font-size:18px}.bp-tx-info{display:flex;flex-direction:column;min-width:0}.bp-tx-desc{color:#e5e5e5;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-tx-date{color:#666;font-size:11px}.bp-tx-badges{display:flex;gap:4px;margin-top:4px}.bp-tx-badge{background:#222;border-radius:4px;color:#888;font-size:10px;padding:1px 6px}.bp-tx-badge-type{color:#aaa}.bp-tx-amount{flex-shrink:0;font-size:16px;font-weight:700}.bp-tx-right{align-items:flex-end;display:flex;flex-direction:column}.bp-tx-balance{color:#555;font-size:10px}.bp-payments-list{display:flex;flex-direction:column;gap:2px}.bp-payment-row{align-items:center;background:#151515;border-radius:10px;display:flex;justify-content:space-between;padding:14px}.bp-payment-left{align-items:center;display:flex;flex:1 1;gap:10px}.bp-payment-icon{font-size:20px}.bp-payment-info{display:flex;flex-direction:column}.bp-payment-desc{color:#e5e5e5;font-size:14px}.bp-payment-date{color:#666;font-size:11px}.bp-payment-id{color:#555;font-family:monospace;font-size:10px}.bp-payment-right{align-items:flex-end;display:flex;flex-direction:column}.bp-payment-amount{color:#fff;font-size:18px;font-weight:700}.bp-payment-status{font-size:12px}.bp-payment-paid{color:#22c55e}.bp-success-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.bp-success-modal{background:#1a1a1a;border:1px solid #333;border-radius:20px;max-width:420px;padding:32px 28px;text-align:center;width:100%}.bp-success-icon{font-size:56px;margin-bottom:12px}.bp-success-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:6px}.bp-success-msg{color:#22c55e;font-size:14px;margin-bottom:20px}.bp-success-details{background:#111;border:1px solid #222;border-radius:12px;margin-bottom:20px;padding:14px;text-align:left}.bp-success-row{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.bp-success-row:last-child{border-bottom:none}.bp-success-row span:first-child{color:#888}.bp-success-row span:last-child{color:#e5e5e5;font-weight:500}.bp-success-amount{color:#22c55e!important;font-size:18px!important;font-weight:700!important}.bp-success-id{color:#888!important;font-family:monospace;font-size:11px!important}.bp-success-actions{display:flex;gap:10px}.bp-btn-receipt{background:#222;border:1px solid #444;border-radius:10px;color:#ccc;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.bp-btn-receipt:hover{background:#333}.bp-btn-done{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.bp-btn-done:hover{background:#16a34a}.bp-recent-section{margin-bottom:24px}@media (max-width:640px){.billing-header{padding:12px 16px}.billing-header h1{font-size:17px}.billing-content{padding:12px 16px}.billing-tabs{padding:10px 16px}.bp-credits-cards,.bp-pricing-grid{grid-template-columns:1fr}.bp-stats-grid{grid-template-columns:repeat(2,1fr)}.bp-plan-options{grid-template-columns:1fr}.bp-plan-top{flex-direction:column}}.staff-page{margin:0 auto;max-width:1100px;padding:24px 20px 100px}.staff-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.staff-back-btn{background:none;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:14px;padding:8px 16px}.staff-back-btn:hover{background:#f5f5f5}.staff-title{color:#1a1a1a;flex:1 1;font-size:22px;font-weight:600;margin:0}.staff-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.staff-badge,.staff-status{background:#f0f7ff;color:#1a6dd4}.staff-status{border:1px solid #dbeafe;border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px 16px}.staff-tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:0;margin-bottom:24px}.staff-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.staff-tab.active{color:#1a1a1a}.staff-tab:hover:not(.active){color:#555}.tab-count{color:#999;font-size:12px;margin-left:6px}.staff-empty,.staff-loading{color:#888;font-size:15px;padding:60px 0;text-align:center}.catalogue-list{display:flex;flex-direction:column;gap:12px}.catalogue-item{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.catalogue-item:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000a}.cat-brand{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:2px}.cat-meta{color:#888;font-size:13px;margin-bottom:2px}.cat-date{color:#aaa;font-size:12px}.cat-deadline{color:#f59e0b;font-weight:500}.cat-actions{display:flex;flex-shrink:0;gap:8px}.btn-assign{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.btn-assign:hover{background:#d97706}.btn-review{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px}.btn-review:hover{background:#2563eb}.btn-view{background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px}.btn-view:hover{background:#f5f5f5}.generating-badge{background:#f3e8ff;border-radius:16px;color:#7c3aed;font-size:12px;font-weight:600;padding:6px 14px}.review-info-bar{background:#f8fafc;border-radius:10px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:12px 20px}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#999;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:14px;font-weight:500}.review-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stat-pill{border-radius:16px;font-size:13px;font-weight:500;padding:4px 12px}.stat-success{background:#dcfce7;color:#166534}.stat-deleted{background:#fef2f2;color:#991b1b}.stat-failed{background:#fff7ed;color:#9a3412}.stat-pending{background:#f3e8ff;color:#6b21a8}.btn-refresh{background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;font-size:13px;margin-left:auto;padding:6px 14px}.btn-refresh:hover{background:#f5f5f5}.review-section{margin-bottom:24px}.review-section-title{border-bottom:1px solid #f0f0f0;color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.reference-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.reference-thumb{flex-shrink:0;min-width:80px;text-align:center}.reference-thumb img{border:1px solid #e8e8e8;border-radius:8px;height:100px;object-fit:cover;width:80px}.ref-label{color:#888;display:block;font-size:11px;margin-top:4px}.image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;position:relative;transition:all .2s}.image-card:hover{box-shadow:0 2px 8px #00000014}.image-card.deleted{opacity:.4}.gen-image{aspect-ratio:2/3;display:block;object-fit:cover;width:100%}.gen-placeholder{aspect-ratio:2/3;background:#f5f5f5;color:#ccc;font-size:13px;justify-content:center;width:100%}.gen-placeholder,.image-info{align-items:center;display:flex}.image-info{justify-content:space-between;padding:6px 8px}.shot-type-badge{background:#f0f7ff;border-radius:8px;color:#1a6dd4;font-size:11px;font-weight:600;padding:2px 8px}.product-idx{color:#999;font-size:11px}.deleted-overlay{background:#dc2626cc;border-radius:6px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-actions{display:flex;gap:4px;padding:4px 8px 8px}.btn-delete-img,.btn-regen-img,.btn-restore-img{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:32px}.btn-delete-img{color:#dc2626}.btn-delete-img:hover{background:#fef2f2;border-color:#fca5a5}.btn-restore-img{color:#22c55e}.btn-restore-img:hover{background:#dcfce7;border-color:#86efac}.btn-regen-img{color:#3b82f6}.btn-regen-img:hover{background:#eff6ff;border-color:#93c5fd}.failed-list{display:flex;flex-direction:column;gap:6px}.failed-item{align-items:center;background:#fff7ed;border-radius:8px;color:#9a3412;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.btn-regen-small{background:#fff;border:1px solid #fed7aa;border-radius:6px;color:#9a3412;cursor:pointer;font-size:12px;padding:4px 12px}.btn-regen-small:hover{background:#fff7ed}.review-action-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:16px;box-shadow:0 -4px 20px #00000014;display:flex;justify-content:space-between;margin-top:24px;padding:16px 24px;position:sticky}.action-info{color:#555;font-size:14px;font-weight:500}.btn-mark-ready{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-mark-ready:hover{background:#16a34a}@media (max-width:600px){.staff-page{padding:16px 12px 100px}.catalogue-item{align-items:flex-start;flex-direction:column;gap:12px}.image-grid{grid-template-columns:repeat(2,1fr)}.review-info-bar{gap:12px}.review-action-bar{flex-direction:column;gap:12px;text-align:center}}.enlarge-overlay{align-items:center;background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.enlarge-content{align-items:center;display:flex;flex-direction:column;gap:12px;max-height:90vh;max-width:90vw}.enlarge-img{border-radius:8px;max-height:80vh;max-width:90vw;object-fit:contain}.enlarge-actions{display:flex;gap:12px}.enlarge-actions button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.enlarge-actions button:hover{background:#fff3}.progress-section{margin-bottom:16px}.progress-bar-track{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.progress-bar-fill{background:#8b5cf6;border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#888;font-size:13px}.poster-bar{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 0 16px;padding:14px 20px}.poster-info{color:#92400e;font-size:14px;font-weight:500}.poster-controls{align-items:center;display:flex;gap:10px}.poster-layout-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px}.btn-generate-poster{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-generate-poster:hover{background:#d97706}.btn-generate-poster:disabled{cursor:not-allowed;opacity:.5}.image-card.poster-selected{outline:3px solid #f59e0b;outline-offset:-3px;position:relative}.poster-check{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px;z-index:5}.btn-refresh.active-mode{background:#fef3c7;border-color:#f59e0b;color:#92400e}.shot-type-badge.staff-badge{background:#dbeafe;color:#1e40af}.shot-type-badge.poster-type-badge{background:#fef3c7;color:#92400e}.btn-download-raw{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;margin-left:12px;padding:4px 12px}.btn-download-raw:hover{background:#f3f4f6;color:#111}.reference-thumb{position:relative}.ref-download{background:#0009;border:none;border-radius:4px;bottom:24px;color:#fff;cursor:pointer;display:none;font-size:12px;height:24px;position:absolute;right:4px;width:24px}.reference-thumb:hover .ref-download{align-items:center;display:flex;justify-content:center}.qs-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:960px;padding:24px 20px 120px}.qs-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.qs-back{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px}.qs-back:hover{background:#f1f5f9}.qs-title{color:#0f172a;font-size:28px;font-weight:700;margin:0}.qs-subtitle{color:#64748b;font-size:14px;margin:2px 0 0}.qs-credit-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#16a34a;font-size:14px;font-weight:600;margin-left:auto;padding:8px 16px}.qs-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.qs-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px}.qs-section-title{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 4px}.qs-section-hint{color:#94a3b8;font-size:13px;margin:0 0 16px}.qs-row{display:flex;gap:16px;margin-bottom:16px}.qs-row:last-child{margin-bottom:0}.qs-field{flex:1 1}.qs-field label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.qs-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:10px 14px;width:100%}.qs-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.qs-piece-selector{display:flex;gap:8px}.qs-piece-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:16px;font-weight:600;height:40px;transition:all .15s;width:48px}.qs-piece-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.qs-piece-btn:hover:not(.active){background:#f1f5f9}.qs-toggle-row{align-items:center;display:flex;gap:10px}.qs-toggle{background:#cbd5e1;border:none;border-radius:13px;cursor:pointer;height:26px;padding:0;position:relative;transition:background .2s;width:48px}.qs-toggle.on{background:#3b82f6}.qs-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s;width:20px}.qs-toggle.on .qs-toggle-knob{transform:translateX(22px)}.qs-toggle-label{color:#64748b;font-size:14px}.qs-upload-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.qs-color-card{background:#fafbfc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.qs-color-header{color:#334155;font-size:14px;font-weight:600;margin-bottom:10px;text-align:center}.qs-upload-section{margin-bottom:8px}.qs-upload-label{color:#94a3b8;display:block;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.qs-thumbs{display:flex;flex-wrap:wrap;gap:6px}.qs-thumb{border:1px solid #e2e8f0;border-radius:6px;height:52px;overflow:hidden;position:relative;width:52px}.qs-thumb img{height:100%;object-fit:cover;width:100%}.qs-thumb-remove{background:#ef4444;border:none;border-radius:50%;color:#fff;font-size:12px;height:18px;line-height:1;position:absolute;right:-2px;top:-2px;width:18px}.qs-thumb-add,.qs-thumb-remove{align-items:center;cursor:pointer;display:flex;justify-content:center}.qs-thumb-add{border:2px dashed #cbd5e1;border-radius:6px;color:#94a3b8;font-size:22px;height:52px;transition:all .15s;width:52px}.qs-thumb-add:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.qs-color-status{background:#f8fafc;border-radius:4px;color:#94a3b8;font-size:11px;margin-top:6px;padding:4px;text-align:center}.qs-color-status.done{background:#f0fdf4;color:#16a34a}.qs-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -4px 12px #0000000f;display:flex;gap:16px;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;z-index:100}.qs-cost-info{flex:1 1}.qs-cost-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;margin-bottom:2px}.qs-cost-value{color:#0f172a;font-weight:700}.qs-cost-sub{color:#94a3b8;font-size:13px}.qs-cost-warning{color:#dc2626;font-size:13px;font-weight:600;margin-top:4px}.qs-btn-primary{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:background .15s;white-space:nowrap}.qs-btn-primary:hover:not(:disabled){background:#2563eb}.qs-btn-primary:disabled{cursor:not-allowed;opacity:.5}.qs-success{padding:80px 20px;text-align:center}.qs-success-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.qs-success h2{color:#0f172a;font-size:24px;margin:0 0 8px}.qs-success p{color:#64748b;font-size:15px;margin:0 0 6px}.qs-success-detail{color:#0f172a!important;font-size:16px!important;font-weight:600;margin-top:12px!important}.qs-success-note{color:#16a34a!important;font-weight:600}.qs-success .qs-btn-primary{margin-top:24px}@media (max-width:640px){.qs-row{flex-direction:column}.qs-upload-grid{grid-template-columns:repeat(2,1fr)}.qs-footer{flex-direction:column;text-align:center}.qs-header{align-items:flex-start;flex-direction:column}.qs-credit-badge{margin-left:0}}.as-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1100px;padding:24px 20px}.as-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.as-back{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px}.as-back:hover{background:#f1f5f9}.as-title{color:#0f172a;flex:1 1;font-size:24px;font-weight:700;margin:0}.as-header-actions{display:flex;gap:8px}.as-btn-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;padding:8px 16px}.as-btn-toggle:hover{background:#e2e8f0}.as-btn-create{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px}.as-btn-create:hover{background:#2563eb}.as-btn-create:disabled{cursor:not-allowed;opacity:.5}.as-status{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:14px;margin-bottom:16px;padding:10px 16px}.as-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px}.as-form h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 12px}.as-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.as-form-field{flex:1 1;min-width:160px}.as-form-field label{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.as-form-field input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 12px;width:100%}.as-form-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.as-empty,.as-loading{color:#94a3b8;font-size:15px;padding:40px;text-align:center}.as-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.as-table{border-collapse:collapse;font-size:14px;width:100%}.as-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.as-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 16px}.as-table tr:last-child td{border-bottom:none}.as-inactive-row{opacity:.5}.as-inactive-row:hover{opacity:.8}.as-name{color:#0f172a;font-weight:600}.as-username{color:#6366f1;font-weight:600}.as-password,.as-username{font-family:Courier New,monospace}.as-password{font-size:13px}.as-password span{align-items:center;display:flex;gap:6px}.as-btn-edit-pw{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:2px}.as-btn-edit-pw:hover{opacity:1}.as-edit-pw{align-items:center;display:flex;gap:4px}.as-edit-pw input{border:1px solid #e2e8f0;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:4px 8px;width:120px}.as-edit-pw button{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.as-edit-pw button:last-child{background:#ef4444}.as-reviews{color:#16a34a;font-weight:700;text-align:center}.as-date{color:#94a3b8;font-size:12px}.as-status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:3px 10px}.as-status-badge.active{background:#dcfce7;color:#16a34a}.as-status-badge.inactive{background:#fef2f2;color:#dc2626}.as-actions{display:flex;gap:6px}.as-btn-toggle-status{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px}.as-btn-toggle-status.deactivate{background:#fef3c7;color:#d97706}.as-btn-toggle-status.deactivate:hover{background:#fde68a}.as-btn-toggle-status.activate{background:#dcfce7;color:#16a34a}.as-btn-toggle-status.activate:hover{background:#bbf7d0}.as-btn-delete{background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px}.as-btn-delete:hover{background:#fecaca}.as-summary{color:#64748b;display:flex;font-size:13px;gap:24px;justify-content:center;margin-top:16px;padding:16px}.as-summary span{background:#f8fafc;border-radius:6px;padding:4px 12px}@media (max-width:768px){.as-header{align-items:flex-start}.as-form-row,.as-header{flex-direction:column}.as-table{font-size:12px}.as-table td,.as-table th{padding:8px 10px}}.sa-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1100px;padding:24px 20px}.sa-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.sa-back{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px}.sa-back:hover{background:#f1f5f9}.sa-title{color:#0f172a;flex:1 1;font-size:24px;font-weight:700;margin:0}.sa-time-filter{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:3px}.sa-filter-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .15s}.sa-filter-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#0f172a;font-weight:600}.sa-filter-btn:hover:not(.active){color:#0f172a}.sa-empty,.sa-loading{color:#94a3b8;font-size:15px;padding:40px;text-align:center}.sa-overview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.sa-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.sa-stat-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1.2}.sa-stat-label{color:#94a3b8;font-size:12px;font-weight:500;margin-top:4px}.sa-stat-card.sa-green{border-left:4px solid #22c55e}.sa-stat-card.sa-green .sa-stat-value{color:#16a34a}.sa-stat-card.sa-yellow{border-left:4px solid #f59e0b}.sa-stat-card.sa-yellow .sa-stat-value{color:#d97706}.sa-stat-card.sa-red{border-left:4px solid #ef4444}.sa-stat-card.sa-red .sa-stat-value{color:#dc2626}.sa-stat-card.sa-blue{border-left:4px solid #3b82f6}.sa-stat-card.sa-blue .sa-stat-value{color:#2563eb}.sa-stat-card.sa-purple{border-left:4px solid #8b5cf6}.sa-stat-card.sa-purple .sa-stat-value{color:#7c3aed}.sa-alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#c2410c;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.sa-section{margin-bottom:24px}.sa-section-title{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 12px}.sa-staff-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sa-staff-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:box-shadow .15s}.sa-staff-card:hover{box-shadow:0 4px 12px #0000000f}.sa-staff-card.inactive{opacity:.5}.sa-staff-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sa-staff-name{color:#0f172a;font-size:18px;font-weight:700}.sa-staff-status{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.sa-staff-status.active{background:#dcfce7;color:#16a34a}.sa-staff-status.inactive{background:#fef2f2;color:#dc2626}.sa-staff-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.sa-metric{background:#f8fafc;border-radius:8px;padding:8px 4px;text-align:center}.sa-metric-value{color:#0f172a;font-size:20px;font-weight:800}.sa-metric-label{color:#94a3b8;font-size:10px;font-weight:500;margin-top:2px}.sa-staff-footer{border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:11px;gap:12px;padding-top:10px}.sa-activity-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sa-activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 16px}.sa-activity-item:last-child{border-bottom:none}.sa-activity-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.sa-activity-content{flex:1 1;min-width:0}.sa-activity-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2px}.sa-activity-brand{color:#0f172a;font-size:14px;font-weight:700}.sa-activity-client{color:#64748b;font-size:13px}.sa-activity-staff{color:#3b82f6;font-size:13px;font-weight:600}.sa-activity-meta{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.sa-activity-status{font-size:11px;font-weight:600;text-transform:uppercase}.sa-activity-time{color:#16a34a;font-weight:600}.sa-activity-date{color:#cbd5e1}@media (max-width:768px){.sa-overview{grid-template-columns:repeat(2,1fr)}.sa-staff-grid{grid-template-columns:1fr}.sa-staff-metrics{grid-template-columns:repeat(2,1fr)}.sa-header{align-items:flex-start;flex-direction:column}.sa-time-filter{align-self:stretch}}.at-container{background:#0a0a0a;color:#e5e5e5;min-height:100vh;padding:0 0 40px}.at-header{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:10}.at-back-btn{background:none;border:1px solid #333;border-radius:8px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 16px}.at-back-btn:hover{border-color:#555;color:#fff}.at-title{color:#fff;font-size:20px;font-weight:700}.at-add-btn{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.at-add-btn:hover{background:#6d28d9}.at-error{background:#dc2626}.at-error,.at-success{border-radius:8px;color:#fff;font-size:14px;margin:12px 24px;padding:12px 20px}.at-success{background:#16a34a}.at-form-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.at-form-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;max-height:90vh;max-width:560px;overflow-y:auto;padding:24px;width:100%}.at-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.at-form-header h2{color:#fff;font-size:18px}.at-form-close{background:none;border:none;color:#888;cursor:pointer;font-size:24px}.at-form-close:hover{color:#fff}.at-form-group{margin-bottom:16px}.at-form-group label{color:#aaa;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.at-form-row{display:flex;gap:12px}.at-form-half{flex:1 1}.at-input,.at-select{background:#111;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:#e5e5e5;font-size:14px;padding:10px 14px;width:100%}.at-input:focus,.at-select:focus{border-color:#7c3aed;outline:none}.at-select{cursor:pointer}.at-upload-zone{border:2px dashed #333;border-radius:12px;color:#888;cursor:pointer;padding:32px;text-align:center;transition:all .2s}.at-upload-zone:hover{border-color:#7c3aed;color:#aaa}.at-upload-sm{padding:16px}.at-upload-icon{display:block;font-size:32px;margin-bottom:8px}.at-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:12px}.at-preview-thumb{aspect-ratio:1;border:1px solid #333;border-radius:8px;overflow:hidden}.at-preview-thumb img{height:100%;object-fit:cover;width:100%}.at-edit-current-img{border:1px solid #333;border-radius:12px;height:120px;overflow:hidden;width:120px}.at-edit-current-img img{height:100%;object-fit:cover;width:100%}.at-trend-level-btns{display:flex;flex-wrap:wrap;gap:8px}.at-trend-btn{background:#111;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.at-trend-btn.active{background:var(--trend-color);border-color:var(--trend-color);color:#fff}.at-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.at-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.at-btn:disabled{cursor:not-allowed;opacity:.5}.at-btn-primary{background:#7c3aed;color:#fff}.at-btn-primary:hover:not(:disabled){background:#6d28d9}.at-btn-secondary{background:#222;border:1px solid #333;color:#ccc}.at-btn-secondary:hover{background:#2a2a2a}.at-filters{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding:16px 24px}.at-filter-btn{background:#111;border:1px solid #333;border-radius:20px;color:#aaa;cursor:pointer;font-size:13px;padding:6px 14px;white-space:nowrap}.at-filter-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.at-loading{font-size:16px}.at-empty,.at-loading{color:#888;padding:60px 20px;text-align:center}.at-empty-icon{font-size:48px;margin-bottom:12px}.at-empty h3{color:#ccc;margin-bottom:8px}.at-empty p{margin-bottom:20px}.at-posts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0 24px}.at-post-card{background:#151515;border:1px solid #222;border-radius:12px;overflow:hidden;transition:border-color .2s}.at-post-card:hover{border-color:#444}.at-post-inactive{opacity:.5}.at-post-image{aspect-ratio:3/4;overflow:hidden;position:relative}.at-post-image img{height:100%;object-fit:cover;width:100%}.at-post-level-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:700;left:8px;padding:4px 10px;position:absolute;top:8px}.at-post-hidden-overlay{align-items:center;background:#0009;bottom:0;color:#f59e0b;display:flex;font-size:14px;font-weight:700;justify-content:center;left:0;letter-spacing:2px;position:absolute;right:0;top:0}.at-post-info{padding:10px 12px}.at-post-title{color:#e5e5e5;font-size:13px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-post-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.at-post-tag{background:#222;border-radius:4px;color:#aaa;font-size:11px;padding:2px 8px}.at-post-hashtags{margin-bottom:4px}.at-hashtag{color:#7c3aed;font-size:11px;margin-right:6px}.at-post-date{color:#666;font-size:11px}.at-post-source{color:#555}.at-post-actions{border-top:1px solid #222;display:flex;gap:4px;padding:6px 8px}.at-action-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:6px;transition:background .2s}.at-action-btn:hover{background:#222}.at-action-delete:hover{background:#2a1515}@media (max-width:640px){.at-posts-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:0 12px}.at-header{padding:12px 16px}.at-title{font-size:16px}.at-filters{padding:12px 16px}}.tf-container{background:#0a0a0a;color:#e5e5e5;min-height:100vh;padding-bottom:40px}.tf-header{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.tf-back-btn{background:none;border:1px solid #333;border-radius:8px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 14px}.tf-back-btn:hover{border-color:#555;color:#fff}.tf-title{color:#fff;font-size:20px;font-weight:700}.tf-credits-badge{align-items:center;background:#1a1a2e;border:1px solid #333;border-radius:10px;display:flex;flex-direction:column;padding:6px 14px}.tf-credits-num{color:#7c3aed;font-size:18px;font-weight:700}.tf-credits-label{color:#888;font-size:10px;text-transform:uppercase}.tf-error{background:#dc2626}.tf-error,.tf-success{border-radius:8px;color:#fff;font-size:14px;margin:12px 20px;padding:12px 20px}.tf-success{background:#16a34a}.tf-loading{align-items:center;color:#888;display:flex;flex-direction:column;height:60vh;justify-content:center}.tf-spinner{animation:tf-spin .8s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#7c3aed;height:36px;margin-bottom:12px;width:36px}@keyframes tf-spin{to{transform:rotate(1turn)}}.tf-locked{padding:80px 24px;text-align:center}.tf-locked-icon{font-size:64px;margin-bottom:16px}.tf-locked h2{color:#fff;font-size:24px;margin-bottom:12px}.tf-locked p{color:#888;line-height:1.6;margin:0 auto 24px;max-width:400px}.tf-filters{padding:12px 20px 0}.tf-filter-row{margin-bottom:8px}.tf-filter-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.tf-filter-scroll::-webkit-scrollbar{display:none}.tf-filter-pill{background:#111;border:1px solid #333;border-radius:20px;color:#aaa;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s;white-space:nowrap}.tf-filter-pill.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.tf-filter-pill:hover:not(.active){border-color:#555;color:#ccc}.tf-count{color:#666;font-size:13px;padding:8px 20px}.tf-empty{color:#666;padding:60px 20px;text-align:center}.tf-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0 20px}.tf-card{background:#151515;border:1px solid #222;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,transform .2s}.tf-card:hover{border-color:#444;transform:translateY(-2px)}.tf-card-image{aspect-ratio:3/4;cursor:pointer;overflow:hidden;position:relative}.tf-card-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.tf-card:hover .tf-card-image img{transform:scale(1.03)}.tf-card-level{align-items:center;border-radius:8px;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.tf-card-info{flex:1 1;padding:8px 10px}.tf-card-title{color:#ddd;font-size:12px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-card-meta{display:flex;flex-wrap:wrap;gap:4px}.tf-card-tag{background:#222;border-radius:4px;color:#999;font-size:10px;padding:2px 6px}.tf-create-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:opacity .2s;width:100%}.tf-create-btn:hover{opacity:.9}.tf-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.tf-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.tf-modal-header{align-items:center;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px}.tf-modal-header h2{color:#fff;font-size:18px}.tf-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:24px}.tf-modal-close:hover{color:#fff}.tf-modal-trend-preview{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;gap:14px;padding:14px 20px}.tf-modal-trend-preview img{border:1px solid #333;border-radius:8px;height:72px;object-fit:cover;width:56px}.tf-modal-trend-info{display:flex;flex-direction:column;gap:4px}.tf-modal-trend-title{color:#e5e5e5;font-size:14px;font-weight:600}.tf-modal-trend-hint{color:#888;font-size:12px}.tf-modal-form{padding:16px 20px}.tf-modal-group{margin-bottom:14px}.tf-modal-group label{color:#aaa;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.tf-modal-select{background:#111;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:#e5e5e5;font-size:14px;padding:10px 14px;width:100%}.tf-modal-select:focus{border-color:#7c3aed;outline:none}.tf-modal-btn-group{display:flex;flex-wrap:wrap;gap:6px}.tf-modal-option{background:#111;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.tf-modal-option.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.tf-modal-textarea{background:#111;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:#e5e5e5;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;width:100%}.tf-modal-textarea:focus{border-color:#7c3aed;outline:none}.tf-modal-footer{align-items:center;background:#111;border-radius:0 0 16px 16px;border-top:1px solid #222;display:flex;justify-content:space-between;padding:14px 20px}.tf-modal-cost{display:flex;flex-direction:column}.tf-modal-cost-num{color:#7c3aed;font-size:18px;font-weight:700}.tf-modal-cost-bal{color:#888;font-size:11px}.tf-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.tf-btn:disabled{cursor:not-allowed;opacity:.5}.tf-btn-primary{background:#7c3aed;color:#fff}.tf-btn-primary:hover:not(:disabled){background:#6d28d9}.tf-btn-generate{padding:12px 24px}.tf-enlarge-overlay{align-items:center;background:#000000eb;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.tf-enlarge-content{max-height:90vh;max-width:90vw;position:relative}.tf-enlarge-content img{border-radius:12px;max-height:85vh;max-width:100%}.tf-enlarge-close{align-items:center;background:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:-12px;top:-12px;width:36px}.tf-enlarge-close:hover{background:#555}@media (max-width:640px){.tf-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:0 12px}.tf-header{padding:12px 16px}.tf-title{font-size:17px}.tf-filters{padding:10px 12px 0}.tf-count{padding:6px 12px}.tf-modal{margin:10px}}.mc-container{background:#0a0a0a;color:#e5e5e5;min-height:100vh;padding-bottom:40px}.mc-header{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.mc-back-btn{background:none;border:1px solid #333;border-radius:8px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 14px}.mc-back-btn:hover{border-color:#555;color:#fff}.mc-title{color:#fff;font-size:20px;font-weight:700}.mc-count{background:#1a1a1a;border-radius:8px;color:#888;font-size:13px;padding:6px 12px}.mc-loading{color:#888;padding:60px 20px;text-align:center}.mc-filters{display:flex;gap:6px;padding:12px 20px}.mc-filter{background:#111;border:1px solid #333;border-radius:20px;color:#aaa;cursor:pointer;font-size:13px;padding:6px 14px}.mc-filter.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.mc-empty{color:#888;padding:60px 20px;text-align:center}.mc-empty-icon{font-size:48px;margin-bottom:12px}.mc-empty h3{color:#ccc;margin-bottom:8px}.mc-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 20px}.mc-card-wrapper{display:flex;flex-direction:column}.mc-card{background:#151515;border:1px solid #222;border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s}.mc-card:hover{border-color:#444;transform:translateY(-2px)}.mc-card-expanded{border-color:#7c3aed}.mc-card-thumb{aspect-ratio:3/4;background:#1a1a1a;overflow:hidden;position:relative}.mc-card-thumb img{height:100%;object-fit:cover;width:100%}.mc-card-thumb-placeholder{align-items:center;background:#111;display:flex;font-size:36px;height:100%;justify-content:center;width:100%}.mc-card-status{border:1px solid;border-radius:6px;bottom:8px;font-size:11px;font-weight:600;left:8px;padding:3px 10px;position:absolute}.mc-card-info{padding:10px 12px 6px}.mc-card-brand{color:#e5e5e5;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-card-meta{color:#888;font-size:12px;margin-top:2px}.mc-card-date{color:#666;font-size:11px;margin-top:2px}.mc-card-credits{color:#7c3aed;font-size:11px;font-weight:600;margin-top:2px}.mc-card-tap-hint{border-top:1px solid #1a1a1a;color:#666;font-size:11px;padding:6px;text-align:center}.mc-gallery{background:#111;border:1px solid #222;border-radius:0 0 12px 12px;border-top:none;padding:12px}.mc-gallery-loading{color:#888;font-size:13px;padding:20px;text-align:center}.mc-gallery-toolbar{align-items:center;color:#aaa;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.mc-download-all{background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.mc-download-all:hover{background:#6d28d9}.mc-gallery-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.mc-gallery-thumb{aspect-ratio:3/4;border-radius:6px;cursor:pointer;overflow:hidden;position:relative}.mc-gallery-thumb img{height:100%;object-fit:cover;width:100%}.mc-gallery-dl{background:#000000b3;border:none;border-radius:4px;bottom:4px;color:#fff;cursor:pointer;display:none;font-size:12px;height:24px;position:absolute;right:4px;width:24px}.mc-gallery-thumb:hover .mc-gallery-dl{display:block}.mc-status-msg{background:#111;border:1px solid #222;border-radius:0 0 12px 12px;border-top:none;color:#888;font-size:13px;padding:14px;text-align:center}.mc-enlarge-overlay{align-items:center;background:#000000eb;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.mc-enlarge-content{max-height:90vh;max-width:90vw;position:relative}.mc-enlarge-content img{border-radius:12px;max-height:80vh;max-width:100%}.mc-enlarge-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.mc-enlarge-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 24px}.mc-enlarge-actions button:first-child{background:#7c3aed;color:#fff}.mc-enlarge-actions button:last-child{background:#333;color:#ccc}@media (max-width:640px){.mc-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:0 12px}.mc-header{padding:12px 16px}.mc-title{font-size:17px}.mc-filters{padding:10px 12px}}.acg-container{background:#0a0a0a;color:#e5e5e5;min-height:100vh;padding-bottom:40px}.acg-header{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.acg-back-btn{background:none;border:1px solid #333;border-radius:8px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 14px}.acg-back-btn:hover{border-color:#555;color:#fff}.acg-title{color:#fff;font-size:20px;font-weight:700}.acg-count{background:#1a1a1a;border-radius:8px;color:#888;font-size:13px;padding:6px 12px}.acg-plan-badge{background:#7c3aed26;border-radius:6px;color:#7c3aed;font-size:12px;font-weight:600;padding:4px 12px}.acg-loading{color:#888;padding:60px 20px;text-align:center}.acg-empty{color:#666;padding:40px 20px;text-align:center}.acg-client-list{display:flex;flex-direction:column;gap:8px;padding:12px 20px}.acg-client-card{align-items:center;background:#151515;border:1px solid #222;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:border-color .2s}.acg-client-card:hover{border-color:#7c3aed}.acg-client-info{flex:1 1}.acg-client-name{color:#fff;display:block;font-size:16px;font-weight:600}.acg-client-plan{color:#888;font-size:12px;margin-top:2px}.acg-client-stats{display:flex;gap:16px}.acg-client-stat{text-align:center}.acg-stat-num{color:#7c3aed;display:block;font-size:18px;font-weight:700}.acg-stat-label{color:#666;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.acg-client-arrow{color:#444;font-size:20px;margin-left:16px}.acg-tabs{border-bottom:1px solid #1a1a1a;display:flex;gap:4px;padding:12px 20px}.acg-tab{background:#111;border:1px solid #222;border-radius:8px;color:#888;cursor:pointer;font-size:13px;padding:8px 18px}.acg-tab.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.acg-content{padding:16px 20px}.acg-image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:20px}.acg-image-card{border:1px solid #222;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s}.acg-image-card:hover{border-color:#7c3aed}.acg-image-card img{aspect-ratio:3/4;display:block;object-fit:cover;width:100%}.acg-image-overlay{align-items:center;background:linear-gradient(#0000,#000c);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:6px 8px;position:absolute;right:0;transition:opacity .2s}.acg-image-card:hover .acg-image-overlay{opacity:1}.acg-image-date,.acg-image-type{color:#ccc;font-size:10px}.acg-image-dl{background:#7c3aedcc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;height:24px;width:24px}.acg-image-reasoning{background:#111;border-top:1px solid #1a1a1a;color:#666;font-size:10px;padding:6px 8px}.acg-catalogue-block{background:#111;border:1px solid #222;border-radius:12px;margin-bottom:24px;overflow:hidden}.acg-catalogue-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:14px 16px}.acg-catalogue-brand{color:#fff;display:block;font-size:15px;font-weight:600}.acg-catalogue-meta{color:#888;display:block;font-size:12px;margin-top:2px}.acg-catalogue-status{border-radius:6px;font-size:11px;font-weight:600;padding:3px 10px}.acg-status-ready{background:#22c55e1a;color:#22c55e}.acg-status-generating{background:#8b5cf61a;color:#8b5cf6}.acg-status-in_review,.acg-status-under_review{background:#f59e0b1a;color:#f59e0b}.acg-status-failed{background:#ef44441a;color:#ef4444}.acg-status-complete{background:#22c55e1a;color:#22c55e}.acg-status-pending{background:#8888881a;color:#888}.acg-catalogue-no-images{color:#555;font-size:13px;padding:20px;text-align:center}.acg-catalogue-block .acg-image-grid{padding:12px}.acg-sessions-list{display:flex;flex-direction:column;gap:6px}.acg-session-row{align-items:center;background:#151515;border:1px solid #222;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.acg-session-info{display:flex;flex-direction:column}.acg-session-name{color:#e5e5e5;font-size:14px;font-weight:600}.acg-session-meta{color:#888;font-size:12px;margin-top:2px}.acg-session-date{color:#555;font-size:11px;margin-top:2px}.acg-session-status{border-radius:6px;font-size:11px;font-weight:600;padding:3px 10px}.acg-enlarge-overlay{align-items:center;background:#000000eb;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.acg-enlarge-content{max-height:90vh;max-width:90vw;position:relative}.acg-enlarge-content img{border-radius:12px;max-height:80vh;max-width:100%}.acg-enlarge-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.acg-enlarge-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 24px}.acg-enlarge-actions button:first-child{background:#7c3aed;color:#fff}.acg-enlarge-actions button:last-child{background:#333;color:#ccc}@media (max-width:640px){.acg-client-stats{gap:10px}.acg-stat-num{font-size:14px}.acg-image-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.acg-client-card{flex-wrap:wrap;gap:10px}}#root,body,html{background:#121218!important}.admin-page,.analytics-page,.billing-container,.mc-container,.qs-page,.shoots-page,.staff-page,.tf-container{background:#121218!important;color:#eae8e4!important;font-family:Inter,-apple-system,sans-serif!important;max-width:100%!important;min-height:100vh;padding-left:40px!important;padding-right:40px!important}.billing-header,.mc-header,.qs-header,.shoots-header,.staff-header,.tf-header{backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;background:#121218cc!important;border-bottom:1px solid #ffffff0d!important}.billing-back-btn,.mc-back-btn,.qs-back,.shoots-back-btn,.staff-back-btn,.tf-back-btn{background:none!important;border:1px solid #ffffff14!important;border-radius:8px!important;color:#7c6aed!important;font-family:inherit!important;transition:all .2s!important}.billing-back-btn:hover,.mc-back-btn:hover,.qs-back:hover,.shoots-back-btn:hover,.staff-back-btn:hover,.tf-back-btn:hover{background:#7c6aed0f!important;border-color:#7c6aed4d!important}.billing-header h1,.mc-title,.qs-title,.shoots-title,.staff-title,.tf-title{color:#eae8e4!important}.billing-credits-badge,.qs-credit-badge,.shoots-credits-badge,.staff-badge,.tf-credits-badge{background:#7c6aed1a!important;border:1px solid #7c6aed26!important;border-radius:980px!important;color:#a99cf5!important}.bp-credit-card,.bp-payment-row,.bp-plan-card,.bp-pricing-item,.bp-stat,.bp-tx-row,.catalogue-item,.color-upload-card,.form-section,.image-card,.mc-card,.qs-color-card,.qs-section,.review-info-bar,.tf-card{background:#1c1c24!important;border:1px solid #ffffff0d!important;border-radius:12px!important;color:#eae8e4!important}.color-upload-header,.qs-color-header{background:#ffffff08!important;border-bottom:1px solid #ffffff0d!important;color:#eae8e4!important}.billing-content input,.billing-content select,.form-field input,.form-field select,.form-field textarea,.preset-dropdown,.qs-input,.qs-input[type=text],.tf-modal-select,.tf-modal-textarea,select.qs-input{background:#ffffff0a!important;border:1.5px solid #ffffff0f!important;border-radius:10px!important;color:#eae8e4!important;font-family:inherit!important}.billing-content select option,.form-field select option,.poster-layout-select option,.preset-dropdown option,.qs-input option,.tf-modal-select option,select option{background:#1c1c24!important;color:#eae8e4!important}.qs-page select,.shoots-form select{background:#ffffff0a!important;border:1.5px solid #ffffff0f!important;border-radius:10px!important;color:#eae8e4!important}.qs-page select option,.shoots-form select option{background:#1c1c24!important;color:#eae8e4!important}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.preset-dropdown:focus,.qs-input:focus,.tf-modal-select:focus,.tf-modal-textarea:focus{background:#7c6aed0f!important;border-color:#7c6aed!important;box-shadow:0 0 0 3px #7c6aed14!important;outline:none!important}.form-field input::placeholder,.qs-input::placeholder,.tf-modal-textarea::placeholder{color:#eae8e433!important}.bp-section-title,.form-field label,.form-section-title,.qs-field label,.qs-section-title,.review-section-title,.tf-modal-group label{color:#7a7880!important}.form-hint,.form-section-title,.qs-section-hint,.qs-subtitle,.staff-status{border-color:#ffffff0d!important;color:#7a7880!important}.piece-btn,.qs-piece-btn{background:#ffffff0a!important;border:1px solid #ffffff0f!important;color:#7a7880!important;font-family:inherit!important}.piece-btn.selected,.qs-piece-btn.active{background:#7c6aed!important;border-color:#7c6aed!important;color:#fff!important}.piece-btn:hover:not(.selected),.qs-piece-btn:hover:not(.active){border-color:#7c6aed4d!important;color:#eae8e4!important}.qs-toggle,.toggle-track{background:#ffffff14!important}.qs-toggle.on,.toggle-track.on{background:#7c6aed!important}.qs-toggle-label,.toggle-label{color:#7a7880!important}.bp-btn-topup,.bp-btn-upgrade,.btn-assign,.btn-generate,.btn-mark-ready,.btn-next,.btn-review,.qs-btn-primary,.tf-btn-primary,.tf-create-btn{background:linear-gradient(135deg,#7c6aed,#6554d4)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-family:inherit!important;transition:all .2s!important}.bp-btn-upgrade:hover:not(:disabled),.btn-generate:hover:not(:disabled),.btn-mark-ready:hover,.btn-next:hover:not(:disabled),.qs-btn-primary:hover:not(:disabled),.tf-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #7c6aed4d!important;transform:translateY(-1px)!important}.billing-back-btn,.bp-btn-renew,.bp-plan-selector-close,.btn-back,.btn-dashboard,.btn-refresh,.btn-view{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:8px!important;color:#eae8e4!important;font-family:inherit!important}.btn-back:hover,.btn-dashboard:hover,.btn-refresh:hover,.btn-view:hover{background:#ffffff14!important}.shoots-step .step-num{background:#ffffff0f!important;color:#7a7880!important}.shoots-step.active .step-num{background:#7c6aed!important;color:#fff!important}.shoots-step.done .step-num{background:#22c55e!important;color:#fff!important}.shoots-step .step-label{color:#7a7880!important}.shoots-step.active .step-label{color:#eae8e4!important}.shoots-step.done .step-label{color:#86efac!important}.step-connector{background:#ffffff0f!important}.confirm-bar,.credit-preview,.qs-footer{background:#1c1c24!important;border:1px solid #ffffff0d!important;border-radius:12px!important;box-shadow:0 -4px 20px #0000004d!important}.confirm-credits,.credit-number,.qs-cost-value{color:#eae8e4!important}.credit-delivery{color:#a99cf5!important}.confirm-detail,.credit-detail,.qs-cost-row{color:#7a7880!important}.qs-error,.shoots-error{background:#ef444414!important;border:1px solid #ef444426!important;color:#f87171!important}.confirm-warning,.qs-cost-warning{color:#f87171!important}.staff-status{background:#7c6aed0f!important;border:1px solid #7c6aed1f!important;color:#a99cf5!important}.backdrop-name,.face-name{background:#0000!important;color:#7a7880!important}.backdrop-card.selected,.face-card.selected .face-img{border-color:#7c6aed!important}.selected-badge{background:#7c6aed!important}.preset-preview{background:#7c6aed0f!important;border:1px solid #7c6aed1f!important}.preset-preview-name{color:#a99cf5!important}.preset-preview-desc{color:#7a7880!important}.keyword-pill{background:#7c6aed14!important;color:#a99cf5!important}.add-highlight-btn,.add-photo-btn,.qs-thumb-add,.sec-add-btn,.slot-upload-btn{background:#ffffff08!important;border-color:#ffffff14!important;color:#7a7880!important}.add-photo-btn:hover,.qs-thumb-add:hover,.sec-add-btn:hover,.slot-upload-btn:hover{background:#7c6aed0a!important;border-color:#7c6aed4d!important;color:#a99cf5!important}.generating-overlay{background:#121218f2!important}.generating-text{color:#eae8e4!important}.generating-hint{color:#7a7880!important}.generating-spinner{border-color:#7c6aed #ffffff0f #ffffff0f!important}.staff-tabs{border-bottom-color:#ffffff0d!important}.staff-tab{color:#7a7880!important}.staff-tab.active{border-bottom-color:#7c6aed!important;color:#eae8e4!important}.billing-tabs{background:#121218cc!important;border-bottom-color:#ffffff0d!important}.billing-tab{background:#1c1c24!important;border:1px solid #ffffff0d!important;color:#7a7880!important}.billing-tab.active{background:#7c6aed!important;border-color:#7c6aed!important;color:#fff!important}.stat-success{background:#22c55e14!important;color:#86efac!important}.stat-deleted{background:#ef444414!important;color:#f87171!important}.stat-failed{background:#f9731614!important;color:#fdba74!important}.stat-pending{background:#7c6aed14!important;color:#a99cf5!important}.generating-badge,.shot-type-badge{background:#7c6aed1a!important;color:#a99cf5!important}.review-action-bar{background:#1c1c24!important;border:1px solid #ffffff0d!important;box-shadow:0 -4px 20px #0006!important}.action-info{color:#7a7880!important}.bp-plan-selector,.bp-success-modal,.selection-modal,.tf-modal{background:#1c1c24!important;border:1px solid #ffffff14!important}.selection-modal-footer,.selection-modal-header,.tf-modal-footer,.tf-modal-header{background:#121218cc!important;border-color:#ffffff0d!important}.mc-filter,.tf-filter-pill{background:#1c1c24!important;border:1px solid #ffffff0d!important;color:#7a7880!important}.mc-filter.active,.tf-filter-pill.active{background:#7c6aed!important;border-color:#7c6aed!important;color:#fff!important}.qs-success h2{color:#eae8e4!important}.qs-success p{color:#7a7880!important}.qs-success-detail{color:#eae8e4!important}.qs-success-note{color:#86efac!important}.cat-brand,.mc-card-brand{color:#eae8e4!important}.cat-date,.cat-meta,.mc-card-date,.mc-card-meta{color:#7a7880!important}.cat-deadline{color:#fdba74!important}.mc-card-credits{color:#a99cf5!important}.tf-card-title{color:#eae8e4!important}.tf-card-tag{background:#ffffff0a!important}.info-label,.tf-card-tag{color:#7a7880!important}.info-value{color:#eae8e4!important}.product-idx,.progress-text,.ref-label,.slot-label,.tab-count{color:#7a7880!important}.primary-slot .slot-label{color:#a99cf5!important}.column-label{border-bottom-color:#ffffff0f!important;color:#7a7880!important}.qs-color-status{background:#ffffff08!important;color:#7a7880!important}.qs-color-status.done{background:#22c55e0f!important;color:#86efac!important}.catalogue-list,.form-section,.image-grid,.qs-section,.qs-upload-grid,.review-action-bar,.review-info-bar,.review-section,.review-stats,.shoots-form,.staff-empty,.staff-loading,.staff-tabs{margin-left:auto!important;margin-right:auto!important;max-width:960px!important}.qs-section [style*="background: #f8fafc"],.shoots-form [style*="background: #f8fafc"],.shoots-form [style*="background: #fafaf9"]{background:#ffffff08!important;max-width:960px!important}.qs-section [style*="repeat(4, 1fr)"], .shoots-form [style*="repeat(4, 1fr)"]{max-width:700px!important}.confirm-bar,.credit-preview,.step-actions{margin-left:auto!important;margin-right:auto!important;max-width:960px!important}.qs-header,.shoots-header,.staff-header{max-width:1040px!important;padding-left:20px!important;padding-right:20px!important}.qs-header,.shoots-header,.shoots-steps,.staff-header{margin-left:auto!important;margin-right:auto!important}.shoots-steps{max-width:960px!important}
/*# sourceMappingURL=main.b4ccef9b.css.map*/