:root{--primary: #2563eb;--primary-rgb: 37, 99, 235;--primary-hover: #3b82f6;--primary-light: rgba(37, 99, 235, .1);--primary-glow: rgba(99, 102, 241, .4);--accent: #0ea5e9;--accent-hover: #38bdf8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #9333ea 100%);--gradient-card: linear-gradient(145deg, rgba(20, 20, 20, .8) 0%, rgba(10, 10, 10, .9) 100%);--gradient-hero: radial-gradient(ellipse at top, rgba(59, 130, 246, .1) 0%, transparent 50%);--btn-primary-bg: var(--gradient-primary);--btn-primary-text: #ffffff;--btn-primary-hover: var(--gradient-primary);--btn-primary-shadow: var(--shadow-md);--btn-primary-glow: var(--shadow-glow);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #0f1016;--bg-tertiary: #161720;--bg-card: rgba(26, 26, 40, .6);--bg-card-hover: rgba(35, 35, 55, .8);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .15);--glass-bg: rgba(20, 20, 30, .7);--glass-border: rgba(255, 255, 255, .1);--btn-primary-bg: var(--gradient-primary);--btn-primary-text: #ffffff;--btn-primary-hover: var(--gradient-primary);--btn-primary-shadow: var(--shadow-md);--btn-primary-glow: var(--shadow-glow);--input-bg: #121212;--input-border: #333333;--input-placeholder: #737373}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:var(--input-bg);border-color:var(--input-border);border-radius:var(--radius-xl);color:var(--text-primary)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=dark] .form-input::placeholder{color:var(--input-placeholder)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(241, 245, 249, .95) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:var(--btn-primary-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--primary-light)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl);cursor:pointer}.form-textarea{min-height:120px;resize:vertical}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.form-error{color:var(--error)}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary)}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-error{background:#ef44441a;color:var(--error)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-color)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-fadeInUp{animation:fadeInUp var(--transition-base)}.animate-fadeInDown{animation:fadeInDown var(--transition-base)}.animate-scaleIn{animation:scaleIn var(--transition-base)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media(max-width:1024px){.container{padding:0 var(--spacing-md)}}@media(max-width:768px){:root{--font-size-3xl: 1.75rem;--font-size-4xl: 2rem}}@media(max-width:480px){:root{--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary);color:#fff}.main-content{padding-top:70px;min-height:calc(100vh - 70px)}.page-container{padding:var(--spacing-2xl) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5;color:var(--text-muted)}.empty-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-description{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xl)}.tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-xl);width:fit-content}.tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:toastSlideIn .3s ease forwards;min-width:300px;max-width:400px}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.info{border-left:4px solid var(--info, #3b82f6)}.toast.warning{border-left:4px solid var(--warning)}.toast-icon{font-size:1.2rem}.toast-message{font-size:.95rem;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-dropdown);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.header-container{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-decoration:none}.logo-icon{font-size:1.5rem}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav{display:flex;gap:var(--spacing-sm)}.nav-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;line-height:1;position:relative}.has-hot-badge{padding-right:var(--spacing-sm)}.nav-hot-badge{position:absolute;top:-4px;right:-2px;background:var(--error);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;font-weight:800;font-style:italic;box-shadow:0 0 10px #ef444466;animation:hotFloat 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes hotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-item:hover{color:var(--text-primary);background:var(--primary-light)}.nav-item.active{color:var(--primary);background:var(--primary-light)}.nav-icon{display:flex;align-items:center;justify-content:center;color:inherit}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);overflow:hidden;cursor:pointer}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:rotate(15deg)}.theme-icon-dark,.theme-icon-light{position:absolute;font-size:1.2rem;transition:all var(--transition-base)}[data-theme=dark] .theme-icon-dark{opacity:1;transform:rotate(0)}[data-theme=dark] .theme-icon-light{opacity:0;transform:rotate(90deg)}[data-theme=light] .theme-icon-dark{opacity:0;transform:rotate(-90deg)}[data-theme=light] .theme-icon-light{opacity:1;transform:rotate(0)}.user-pill{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:3px;transition:all var(--transition-fast);color:var(--text-primary)}.user-pill:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.user-points-info{display:flex;align-items:center;gap:6px;padding:0 10px 0 6px}.points-display{display:flex;align-items:center;gap:4px}.points-icon{font-size:.8rem;color:inherit;display:flex;align-items:center;justify-content:center;transform:scale(.85);transform-origin:center}.points-text{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.recharge-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:14px;font-weight:800;transition:all var(--transition-fast)}.recharge-link-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.pill-divider{width:1px;height:16px;background:var(--border-color);margin:0 4px}.user-dropdown{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 12px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer}.user-avatar-btn .avatar{width:28px;height:28px}.username{font-size:var(--font-size-sm);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{display:flex;align-items:center;justify-content:center;font-size:.6rem;color:inherit;opacity:.6;transition:transform var(--transition-fast)}.user-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:-4px;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.user-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);width:100%;text-align:left;text-decoration:none;background:none;border:none;cursor:pointer;line-height:1}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.logout-btn{color:var(--error)}.logout-btn:hover{background:#ef44441a;color:var(--error)}@media(max-width:768px){.header-container{padding:0 var(--spacing-md);height:60px}.logo-text{display:none}.logo-img{height:32px!important}.main-nav{display:flex;gap:0;flex:1;justify-content:space-around;padding:0 4px}.nav-item{flex-direction:column;gap:2px;padding:4px 0;min-width:0;flex:1;border-radius:var(--radius-md)}.nav-label{display:block;font-size:10px;font-weight:500;transform:scale(.9);white-space:nowrap}.nav-icon{font-size:1.1rem}.nav-hot-badge{transform:scale(.7);top:-2px;right:4px}.username,.dropdown-arrow,.pill-divider,.user-points-info{display:none}.user-avatar-btn{padding:2px}.user-pill{background:transparent;border:none}.auth-buttons .btn-primary{display:none}.auth-buttons .btn-ghost{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;padding:0 12px!important;font-size:11px!important;height:28px!important;display:flex!important}}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-info{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.footer-text{color:var(--text-tertiary);font-size:var(--font-size-xs)}.icp-info{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.icp-link{display:flex;align-items:center;gap:4px;color:var(--text-tertiary);font-size:var(--font-size-xs);text-decoration:none;transition:color var(--transition-fast)}.icp-link:hover{color:var(--text-secondary)}.icp-icon{width:16px;height:16px}@media(max-width:640px){.icp-info{flex-direction:column;gap:var(--spacing-xs)}}.task-card{position:relative;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);animation:fadeInUp .5s ease both;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.task-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 30px var(--primary-glow)}.task-card:hover:before{opacity:1}.task-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.task-header-left{display:flex;align-items:center}.task-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.task-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);white-space:nowrap}.task-time{font-size:var(--font-size-xs);color:var(--text-muted)}.badge-hot{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#f59e0b33;color:var(--warning);font-size:11px;font-weight:600;border-radius:var(--radius-sm)}.badge-hot svg{color:#f59e0b}.badge-new{display:inline-flex;align-items:center;padding:2px 6px;background:var(--error);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-sm);animation:pulse 1.5s infinite}.task-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-md)}.meta-icon{opacity:.7}.task-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.task-budget{font-size:var(--font-size-lg);font-weight:700;color:var(--accent)}.task-budget-label{font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);margin-left:var(--spacing-xs)}.task-stats{display:flex;gap:var(--spacing-md)}.task-stat{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-muted)}.stat-icon{opacity:.8}@media(max-width:480px){.task-card{padding:var(--spacing-md)}}.home-page{min-height:calc(100vh - 70px)}.hero{position:relative;padding:var(--spacing-3xl) 0;overflow:hidden}.hero-bg{position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(37,99,235,.08) 0%,transparent 25%),radial-gradient(circle at 70% 30%,rgba(147,51,234,.08) 0%,transparent 25%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.08) 0%,transparent 25%);animation:float 20s ease-in-out infinite}.hero-content{position:relative;text-align:center;max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);animation:fadeInUp .8s ease}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);animation:fadeInUp .8s ease .1s both}.hero-actions{display:flex;justify-content:center;gap:var(--spacing-3xl);animation:fadeInUp .8s ease .2s both;margin-top:var(--spacing-xl)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:100px;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary-lg{background:linear-gradient(135deg,#2563ebe6,#9333eae6);color:#fff;box-shadow:0 10px 20px #2563eb4d,inset 0 1px #fff3}.btn-secondary-lg{background:linear-gradient(135deg,#ffffffe6,#f0f0ffe6);color:var(--text-primary);box-shadow:0 10px 20px #0000000d,inset 0 1px #ffffff80;border:1px solid rgba(255,255,255,.5)}[data-theme=dark] .btn-secondary-lg{background:linear-gradient(135deg,#1e293bcc,#0f172acc);color:#fff;border:1px solid rgba(255,255,255,.1)}.action-btn:hover{transform:translateY(-5px);box-shadow:0 15px 30px #2563eb66}.btn-secondary-lg:hover{box-shadow:0 15px 30px #0000001a}.btn-icon{display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:var(--spacing-xs)}.action-btn{font-size:var(--font-size-lg);font-weight:700}.btn-desc{font-size:var(--font-size-xs);font-weight:400;opacity:.8;margin-top:4px}.filter-section{position:sticky;top:70px;z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.filter-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-xs) 0}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.filter-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-tab.active{color:#fff;background:var(--primary);border-color:var(--primary)}.filter-sort{flex-shrink:0}.sort-select{padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-sm) var(--spacing-md);min-width:140px}.task-section{padding:var(--spacing-2xl) 0}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-magic-btn svg.spinning{animation:spin 1s linear infinite}.refresh-magic-btn:hover:not(:disabled) svg:not(.spinning){transform:rotate(180deg)}.refresh-magic-btn svg{transition:transform .3s ease}.no-tasks{text-align:center;padding:var(--spacing-4xl) 0;color:var(--text-muted)}.modal-content{position:relative;width:90%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transform:scale(.9);transition:transform var(--transition-fast);animation:scaleIn .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-body p{color:var(--text-secondary);text-align:center}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.hero{padding:var(--spacing-2xl) 0}.hero-title{font-size:var(--font-size-3xl)}.hero-stats{gap:var(--spacing-lg)}.stat-number{font-size:var(--font-size-2xl)}.filter-bar{flex-direction:column;align-items:stretch}.filter-sort{align-self:flex-end}.task-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-stats{flex-direction:column;gap:var(--spacing-md)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg-primary)}.auth-container{display:flex;width:100%;max-width:1000px;min-height:600px;background:var(--bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.auth-card{flex:1;padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);text-decoration:none}.auth-logo .logo-icon{font-size:1.5rem}.auth-logo .logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{max-width:400px;margin:0 auto;width:100%}.auth-error{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--error);font-size:var(--font-size-sm);text-align:center}.form-input.input-error{border-color:var(--error)}.form-input.input-success{border-color:var(--success, #10b981)}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs);display:block}.form-hint.checking{color:var(--text-secondary)}.form-hint.success{color:var(--success, #10b981)}.form-hint.error{color:var(--error)}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.checkbox-label a{color:var(--primary)}.checkbox-label a:hover{text-decoration:underline}.forgot-link{color:var(--primary);font-size:var(--font-size-sm)}.forgot-link:hover{text-decoration:underline}.auth-submit{width:100%;margin-bottom:var(--spacing-lg)}.loading-btn-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-submit .spinner{border-top-color:#fff}.auth-footer{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-footer a{color:var(--primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}.login-mode-tabs{display:flex;width:100%;max-width:400px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-tertiary);padding:4px}.login-mode-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.login-mode-tab:hover{color:var(--text-primary)}.login-mode-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-social{display:flex;gap:var(--spacing-md)}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.social-btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.social-btn.wechat:hover{border-color:#07c160;color:#07c160}.auth-bg{flex:1;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);position:relative;overflow:hidden}.auth-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 50%)}.auth-bg-content{position:relative;text-align:left;color:#fff;width:100%;max-width:400px}.auth-bg-content p{font-size:var(--font-size-md);opacity:.8;margin:0;line-height:1.4}.auth-features{display:flex;flex-direction:column;gap:var(--spacing-xl)}.feature-item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff1a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.feature-icon{flex-shrink:0;background:#fff3;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff}.feature-info h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);color:#fff}.phone-input-row{display:flex;gap:var(--spacing-sm)}.phone-input-row .form-input{flex:1}.send-code-btn{flex-shrink:0;min-width:100px;white-space:nowrap}.verify-code-btn{flex-shrink:0;min-width:80px}.send-code-btn:disabled,.verify-code-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.auth-container{flex-direction:column;max-width:400px}.auth-bg{display:none}.auth-card{padding:var(--spacing-xl)}.phone-input-row{flex-direction:column}.send-code-btn,.verify-code-btn{width:100%}}.task-detail-page{padding:var(--spacing-2xl) 0}.task-detail-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-xl);align-items:start}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--text-muted)}.task-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-detail-header{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.task-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.task-type-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md)}.task-time{font-size:var(--font-size-sm);color:var(--text-muted)}.task-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.4}.task-stats-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.task-stats-row .stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-item svg{color:var(--accent)}.task-info-card,.task-description-card,.task-attachments-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.task-info-card h3,.task-description-card h3,.task-attachments-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.task-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-sm);color:var(--text-muted)}.info-value{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary)}.info-value.budget{font-size:var(--font-size-lg);font-weight:700;color:var(--accent)}.task-description-card p{color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.attachment-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attachment-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.attachment-item .attachment-video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#000}.file-placeholder{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}.file-placeholder span:first-child{font-size:2rem}.file-download-card{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.file-download-card:hover{border-color:var(--primary);background:var(--primary-light)}.file-download-card .file-icon{font-size:2.5rem}.file-download-card .file-action{font-size:var(--font-size-sm);color:var(--text-muted)}.no-attachments{color:var(--text-muted);text-align:center;padding:var(--spacing-xl)}.locked-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.lock-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.locked-content p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.locked-content .hint{font-size:var(--font-size-xs);color:var(--text-muted)}.hidden-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--spacing-md);font-size:2rem}.task-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);position:sticky;top:calc(70px + var(--spacing-xl))}.publisher-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.publisher-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.publisher-info{display:flex;flex-direction:column;align-items:center;text-align:center}.publisher-avatar{width:80px;height:80px;border-radius:var(--radius-full);border:3px solid var(--primary);margin-bottom:var(--spacing-md)}.publisher-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.publisher-contact{width:100%;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.contact-item svg{color:var(--accent)}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-buttons .btn{width:100%}.apply-modal{max-width:500px}.apply-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.apply-note{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}@media(max-width:1024px){.task-detail-layout{grid-template-columns:1fr}.task-detail-sidebar{position:static;order:-1}}@media(max-width:768px){.task-info-grid{grid-template-columns:1fr}.task-detail-title{font-size:var(--font-size-xl)}}.publish-page{padding:var(--spacing-2xl) 0}.publish-header{text-align:center;margin-bottom:var(--spacing-2xl)}.publish-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.publish-header p{font-size:var(--font-size-base);color:var(--text-secondary)}.publish-form{max-width:800px;margin:0 auto}.form-section{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.form-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:calc(var(--spacing-lg) * -1);margin-bottom:var(--spacing-lg)}.required{color:var(--error)}.upload-icon{margin-bottom:var(--spacing-md);color:var(--text-muted)}.upload-trigger *{pointer-events:none}.upload-area.dragging .upload-trigger{border-color:var(--primary);background:var(--primary-light);transform:scale(1.02)}.attachments-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.attachment-preview-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.attachment-preview-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}.attachment-preview-item .file-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-muted)}.attachment-preview-item .file-name{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.attachment-preview-item .remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.attachment-preview-item .remove-btn:hover{transform:scale(1.1)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl) 0}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.profile-page{padding:var(--spacing-2xl) 0}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);align-items:start}.profile-sidebar{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:sticky;top:calc(70px + var(--spacing-xl))}.profile-avatar-section{text-align:center;padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.profile-avatar{width:100px;height:100px;border-radius:var(--radius-full);border:3px solid var(--primary);margin-bottom:var(--spacing-md)}.profile-avatar-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.profile-avatar-section p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.profile-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.profile-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-nav-item.active{background:var(--primary-light);color:var(--primary)}.profile-main{min-height:500px}.profile-section{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.profile-section h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.section-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.points-value-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.03));border:1px solid var(--primary-light);border-radius:var(--radius-lg);margin-top:var(--spacing-xs);box-shadow:0 4px 12px rgba(var(--primary-rgb),.05)}.points-icon{font-size:1.2rem;color:var(--warning)}.points-number{font-size:var(--font-size-xl);font-weight:700;color:var(--primary)}.points-unit{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-hint.success{color:var(--success)}.upload-area{margin-bottom:var(--spacing-lg)}.upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .upload-trigger{background:#121212;border-color:#333}.upload-trigger:hover{border-color:var(--primary);background:var(--primary-light)}[data-theme=dark] .upload-trigger:hover{background:#1a1a1a;border-color:var(--primary)}.upload-trigger.small{padding:var(--spacing-lg);flex-direction:row}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.upload-text{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.upload-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.work-item{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);position:relative}.work-item img,.work-item video{width:100%;height:100%;object-fit:cover}.work-remove-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009!important;color:#fff!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;z-index:10}.work-remove-btn:hover{background:var(--error)!important;transform:scale(1.1)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-primary);font-size:var(--font-size-base)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-lg)}@media(max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-nav{flex-direction:row;flex-wrap:wrap}.profile-nav-item{flex:1;min-width:120px;justify-content:center}}.security-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.security-card h3{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.security-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.works-attribution-group{margin-bottom:var(--spacing-lg)}.attribution-selector{display:flex;gap:var(--spacing-md);background:var(--bg-tertiary);padding:6px;border-radius:var(--radius-xl);border:1px solid var(--border-color)}[data-theme=dark] .attribution-selector{background:#121212;border-color:#333}.attr-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.attr-btn:hover{background:#ffffff0d;color:var(--text-primary)}.attr-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.attr-icon-svg{color:var(--text-muted)}.attr-btn.active .attr-icon-svg{color:var(--primary-color)}.attr-icon{font-size:1.1rem}.textarea-wrapper{position:relative}.portfolio-desc-input{min-height:120px;padding-bottom:40px!important;overflow-y:hidden;resize:none;transition:height .2s ease}.char-counter{position:absolute;bottom:12px;right:12px;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:6px;pointer-events:none;z-index:5;box-shadow:0 2px 6px #0000000d}.input-with-counter{position:relative;display:flex;align-items:center}.input-char-counter{position:absolute;right:12px;font-size:11px;color:var(--text-muted);pointer-events:none;opacity:.6}.char-counter.near-limit{color:var(--error);font-weight:600}.upload-compact-area{margin-bottom:var(--spacing-md)}.portfolio-item-card{transition:all var(--transition-normal)}.portfolio-item-card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 24px #0000000d}.add-item-btn{width:100%;margin-top:1rem;padding:var(--spacing-md);border:1px dashed var(--primary);background:transparent;color:var(--primary);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.add-item-btn:hover{background:var(--primary-light);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.upload-btn-compact{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:rgba(var(--primary-rgb),.05);border:1px dashed var(--primary-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-btn-compact:hover,.upload-btn-compact.drag-over{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-rgb),.15)}.up-icon-svg{color:var(--primary-color)}.up-icon{font-size:1.5rem;color:var(--primary);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(var(--primary-rgb),.15)}.up-text-group{display:flex;flex-direction:column}.up-text-group .main-text{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.up-text-group .sub-text{font-size:11px;color:var(--text-muted)}.work-item.video{border:2px solid var(--primary-light)}.video-wrapper{position:relative;width:100%;height:100%}.video-play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:14px;pointer-events:none;transition:all var(--transition-fast)}.work-item:hover .video-play-hint{transform:translate(-50%,-50%) scale(1.15);background:var(--primary)}@media(max-width:600px){.attribution-selector{flex-direction:column}}.promo-rules-box{margin-top:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.02));border:1px solid rgba(var(--primary-rgb),.1);border-radius:var(--radius-lg);line-height:1.8}.promo-rules-box p{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.promo-rules-box p:last-child{margin-bottom:0}.promo-highlight{color:var(--primary);font-weight:600}.promo-stats-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed rgba(var(--primary-rgb),.2);display:flex;justify-content:space-between;align-items:center}.promo-stats-label{color:var(--text-muted);font-size:var(--font-size-sm)}.promo-stats-value{color:var(--primary);font-size:var(--font-size-lg);font-weight:700;margin-left:4px}.promo-withdraw-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;opacity:.8}.my-published-page{padding:var(--spacing-2xl) 0}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-manage-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.task-manage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl);position:relative}.task-manage-info{flex:1}.task-manage-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:var(--spacing-sm) 0;cursor:pointer;transition:color var(--transition-fast)}.task-manage-info h3:hover{color:var(--primary)}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.task-meta span{display:flex;align-items:center;gap:6px}.task-meta .task-time{color:var(--text-muted)}.task-manage-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.btn-enter-factory{position:absolute;right:var(--spacing-xl);bottom:var(--spacing-xl);background-color:#1a1a1a;color:#fff;border:1px solid #333;margin-left:0}.applications-section{border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-tertiary)}.applications-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.pending-badge{padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;color:#fff;background:var(--error);border-radius:var(--radius-full)}.applications-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.application-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.applicant-avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.applicant-info{flex:1;min-width:0}.applicant-info h5{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.apply-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-xs)}.apply-time{font-size:var(--font-size-xs);color:var(--text-muted)}.application-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.task-manage-header{flex-direction:column}.task-manage-actions{width:100%;justify-content:flex-start}.application-item{flex-direction:column}.application-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@keyframes flashCard{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.02);box-shadow:0 0 20px rgba(var(--primary-rgb),.5)}}.flash-highlight{animation:flashCard 1s ease-in-out 3;z-index:10;position:relative;border-color:var(--primary)!important}.expand-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.expand-toggle-btn:hover{background:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}.expand-toggle-btn .arrow-icon{display:inline-block;transition:transform .3s ease}.expand-toggle-btn:hover .arrow-icon{animation:arrowBounce .6s ease infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.expand-toggle-btn.expanded:hover .arrow-icon{animation:arrowBounceUp .6s ease infinite}@keyframes arrowBounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.my-applications-page{padding:var(--spacing-2xl) 0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.tabs-section{margin-bottom:var(--spacing-xl)}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-lg)}.application-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base)}.application-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.application-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.application-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);cursor:pointer;transition:color var(--transition-fast);line-height:1.4}.application-card-title:hover{color:var(--primary)}.application-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.application-card-meta span{display:flex;align-items:center;gap:6px}.application-card-message{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.application-card-message label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.application-card-message p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.application-card-time{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-md)}.publisher-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg)}.publisher-info-card h4{font-size:var(--font-size-sm);font-weight:600;color:var(--success);margin-bottom:var(--spacing-md)}.publisher-detail{display:flex;gap:var(--spacing-md)}.publisher-avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.publisher-contact h5{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.publisher-contact p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.application-card-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@media(max-width:768px){.applications-grid{grid-template-columns:1fr}}.company-info-mini{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px dashed rgba(34,197,94,.3)}.company-info-mini p{font-weight:500;color:var(--success);margin-bottom:2px}.task-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);white-space:nowrap}.badge-icon{display:flex;align-items:center;justify-content:center}.ai-workstation-page{min-height:100vh;background:var(--bg-primary);padding-top:80px;padding-bottom:180px}.ai-workstation-page .container{max-width:900px;margin:0 auto;padding:0 2rem}.ai-preview-area{padding:1.5rem 0;min-height:calc(100vh - 260px)}.ai-tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;min-height:300px}.ai-tasks-empty .empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.ai-tasks-empty h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.ai-tasks-list{display:flex;flex-direction:column;gap:2.5rem}.ai-task-item{padding:0}.ai-task-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.ai-task-time{color:var(--text-secondary);font-size:.8rem}.ai-task-prompt{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.ai-task-tags{display:flex;gap:.5rem;margin-bottom:1rem}.ai-task-tag{padding:.2rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;color:var(--text-secondary)}.ai-task-tag.model{display:flex;align-items:center;gap:.3rem}.ai-task-images{display:flex;flex-wrap:wrap;gap:.75rem}.ai-task-image{max-width:280px;max-height:280px;object-fit:contain;border-radius:12px;cursor:zoom-in;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000001a;overflow:hidden}.ai-task-image:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.ai-task-video{max-width:420px;width:100%;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000001a;background-color:#000;overflow:hidden}.ai-task-video:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.ai-task-video video{width:100%;height:100%;object-fit:contain;display:block}.ai-video-duration,.ai-video-res{background:#0009;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-task-actions{display:flex;gap:.5rem;margin-top:.75rem}.ai-task-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.ai-task-action-btn:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary)}.ai-task-action-btn.delete:hover{border-color:#dc3545;color:#dc3545}.ai-task-error{color:#ef4444;font-size:.85rem;padding:10px;background:#ef44440d;border-radius:8px;margin-bottom:12px}.ai-task-error-tips{color:var(--text-secondary);font-size:.75rem;line-height:1.5;background:#ffffff08;padding:8px 10px;border-radius:6px;border:1px dashed rgba(255,255,255,.1);margin-bottom:10px}.ai-task-loading{width:180px;height:180px;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.85rem}.ai-control-area{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:900px;background:rgba(var(--bg-secondary-rgb, 30, 30, 30),.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1rem 1.5rem;z-index:100;box-shadow:0 4px 30px #0003;transition:all .3s ease}.ai-control-area.dragging{border-color:var(--primary);background:#8b5cf61a;box-shadow:0 0 20px #8b5cf64d}.ai-mode-tabs-wrapper{position:relative;margin-bottom:.25rem}.ai-mode-hint{display:flex;justify-content:center;align-items:center;gap:6px;padding:.15rem 0;cursor:pointer;animation:pulse-bounce 2s ease-in-out infinite;transition:opacity .3s ease,transform .3s ease}.ai-mode-pulse-label{font-size:10px;font-weight:700;line-height:8px;background:linear-gradient(135deg,var(--primary),#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2px;white-space:nowrap}.ai-mode-pulse-dot{width:8px;height:8px;background:linear-gradient(135deg,var(--primary),#9333ea);border-radius:50%;opacity:.7}@keyframes pulse-bounce{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.ai-mode-tabs-wrapper:hover .ai-mode-hint{opacity:0;pointer-events:none;transform:translateY(-5px)}.ai-mode-tabs{display:flex;gap:.5rem;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;padding-bottom:0;border-bottom:none;margin-bottom:0}.ai-mode-tabs-wrapper:hover .ai-mode-tabs{max-height:50px;opacity:1;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.ai-mode-tabs-wrapper:hover{padding-bottom:.5rem}.ai-mode-tab{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;padding:.4rem .8rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.ai-mode-tab:hover{color:var(--text-primary);background:#ffffff0d}.ai-mode-tab.active{color:var(--primary);background:#8b5cf626;font-weight:500}.ai-video-placeholder{min-height:100px;display:flex;justify-content:center;align-items:center}.ai-video-coming-soon{color:var(--text-secondary);font-size:1rem;text-align:center;padding:2rem}.ai-model-popup{position:absolute;bottom:calc(100% + 8px);left:0;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem;display:flex;gap:.75rem;z-index:1001;box-shadow:0 8px 32px #0006}.ai-model-vendor-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);min-width:80px}.ai-task-tag.ref-img-tag:hover{background:#ffffff1a;color:var(--text-primary)}.ai-model-vendor-btn:hover{background:#ffffff0d;color:var(--text-primary)}.ai-model-vendor-btn.active{border-color:var(--primary);background:#8b5cf626;color:var(--primary)}.ai-model-vendor-btn.disabled{opacity:.5;cursor:not-allowed!important;filter:grayscale(1)}.ai-model-icon{width:40px;height:40px;border-radius:8px;object-fit:contain}.ai-model-icon-small{width:20px;height:20px;border-radius:4px;object-fit:contain;margin-right:.4rem}.ai-task-vendor-icon{width:16px;height:16px;border-radius:3px;object-fit:contain;margin-right:.4rem;vertical-align:middle}.ai-param-btn:has(.ai-model-icon-small){background:linear-gradient(135deg,#2563eb1a,#9333ea1a);border:1px solid rgba(37,99,235,.3)}.ai-param-btn:has(.ai-model-icon-small):hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf680}.ai-input-area{display:flex;flex-direction:column;gap:.75rem}.ai-prompt-input{width:100%;padding:.75rem 0;background:transparent;border:none;color:var(--text-primary);font-size:1rem;resize:none;font-family:inherit;min-height:48px;line-height:1.5}.ai-prompt-input::placeholder{color:var(--text-secondary)}.ai-prompt-input:focus{outline:none}.ai-params-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.ai-param-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;flex-shrink:0}.ai-param-btn:hover{border-color:var(--primary)}.ai-param-btn.active{border-color:var(--primary);background:#ff6b351a}.ai-param-btn select{background:transparent;border:none;color:inherit;font-size:inherit;cursor:pointer;outline:none;padding-right:.2rem}.ai-param-btn select option{background:#2a2a3e;color:#fff}.ai-params-spacer{flex:1;min-width:.5rem}.ai-params-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ai-char-count{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.ai-submit-btn{width:38px;height:38px;background:linear-gradient(135deg,#2563eb,#9333ea);border:none;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-submit-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 15px #6c63ff66}.ai-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ai-popup-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;min-width:320px;box-shadow:0 -8px 30px #00000026;z-index:200}.ai-popup-section{margin-bottom:1rem}.ai-popup-section:last-child{margin-bottom:0}.ai-popup-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;display:block}.ai-resolution-toggle{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:3px}.ai-resolution-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s}.ai-resolution-btn.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:500;box-shadow:0 2px 6px #0000001a}.ai-resolution-btn:disabled{opacity:.5;cursor:not-allowed}.ai-ratio-selector{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:6px;gap:4px;flex-wrap:wrap}.ai-ratio-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.7rem;cursor:pointer;border-radius:8px;transition:all .2s;min-width:40px}.ai-ratio-btn:hover{background:var(--bg-secondary)}.ai-ratio-btn.active{background:#6c63ff26;color:#6c63ff}.ai-ratio-icon{width:20px;height:20px;border:2px solid currentColor;border-radius:2px}.ai-ratio-btn[data-ratio="1:1"] .ai-ratio-icon{width:18px;height:18px}.ai-ratio-btn[data-ratio="3:4"] .ai-ratio-icon{width:15px;height:20px}.ai-ratio-btn[data-ratio="4:3"] .ai-ratio-icon{width:20px;height:15px}.ai-ratio-btn[data-ratio="16:9"] .ai-ratio-icon{width:22px;height:12px}.ai-ratio-btn[data-ratio="9:16"] .ai-ratio-icon{width:12px;height:22px}.ai-ratio-btn[data-ratio="2:3"] .ai-ratio-icon{width:14px;height:21px}.ai-ratio-btn[data-ratio="3:2"] .ai-ratio-icon{width:21px;height:14px}.ai-ratio-btn[data-ratio="21:9"] .ai-ratio-icon{width:24px;height:10px}.ai-popup-overlay{position:fixed;inset:0;z-index:150}.ai-preview-modal{position:fixed;inset:0;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center}.ai-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.ai-preview-image-wrapper{position:relative;display:flex;align-items:center}.ai-preview-content img{max-width:70vw;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 0 50px #00000080}.ai-preview-modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background .2s;z-index:2010}.ai-preview-modal-close:hover{background:#ffffff4d}.ai-nav-btn{background:#ffffff1a;border:none;color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.ai-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.ai-nav-task-btns{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.ai-nav-img-btns{display:flex;gap:1rem;align-items:center}.ai-nav-img-btns .ai-nav-counter{color:#fff9;font-size:.9rem;min-width:60px;text-align:center}.ai-loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}.ai-submit-btn .ai-loading-spinner{width:16px;height:16px;border-color:#ffffff4d;border-top-color:#fff}.ai-reference-images-unified{display:flex;align-items:center;gap:0;flex-shrink:0;height:88px;min-height:88px}.ai-reference-item{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.ai-video-input-main{display:flex;gap:1rem;align-items:center}.ai-video-input-main-wrapper{flex:1;display:flex;flex-direction:column}.ai-video-reference-container{display:flex;align-items:center;gap:0;flex-shrink:0;height:88px;min-height:88px}.ai-video-frames{display:flex;align-items:center;gap:.5rem;flex-shrink:0;height:88px;min-height:88px}.ai-video-frame-slot{position:relative;width:68px;height:88px;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .2s,box-shadow .2s;overflow:hidden;cursor:pointer}.ai-video-frame-slot.start{transform:rotate(-3deg)}.ai-video-frame-slot.end{transform:rotate(3deg)}.ai-video-frame-slot.image-ref{transform:rotate(-3deg)}.ai-video-frame-slot:hover,.ai-video-frame-slot.dragging{transform:rotate(0) scale(1.1);border-color:var(--primary);background:#8b5cf614;box-shadow:0 8px 24px #00000059;z-index:10}.ai-video-frame-slot.dragging{border-style:dashed;border-width:2px}.ai-video-frame-slot.disabled{opacity:.5;border-style:solid;background:#0003;cursor:not-allowed}.ai-video-frame-slot.ai-video-ref-preview-item{margin-right:-2px;z-index:1;cursor:pointer;position:relative}.ai-video-ref-preview-item:first-of-type{margin-left:0}.ai-video-ref-preview-item:last-child{margin-right:0}.ai-video-ref-preview-item:hover{transform:rotate(0) scale(1.15)!important;z-index:10}.ai-video-ref-preview-item .frame-preview{width:100%;height:100%}.ai-video-frame-slot .frame-label{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:var(--text-secondary);z-index:2;background:#00000080;text-align:center;padding:2px 0}.ai-video-frame-slot .frame-upload-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary);cursor:pointer}.ai-video-frame-slot .frame-upload-btn:hover{color:var(--primary);background:#ffffff05}.ai-video-frame-slot .frame-upload-btn input{display:none}.ai-video-frame-slot .frame-preview{width:100%;height:100%;position:relative;border-radius:7px;overflow:hidden}.ai-video-frame-slot .frame-preview img{width:100%;height:100%;object-fit:contain;background:#000}.ai-video-frame-slot .frame-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s;z-index:5}.ai-video-frame-slot:hover .frame-remove{opacity:1}.ai-video-frame-slot .frame-remove:hover{background:var(--error);transform:scale(1.1)}.ai-video-frame-connector{font-size:1rem;color:var(--text-secondary);opacity:.6;margin-top:-10px}.ai-video-frame-slot.multimodal-item.type-image{border-color:#60a5fa66}.ai-video-frame-slot.multimodal-item.type-video{border-color:#fbbf2466}.ai-video-frame-slot.multimodal-item.type-audio{border-color:#a78bfa66}.multimodal-type-badge{font-size:9px!important;display:flex!important;align-items:center;gap:2px;padding:1px 4px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.multimodal-audio-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#a78bfa1a;border-radius:6px;padding:4px}.multimodal-audio-preview span{font-size:8px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56px;text-align:center}.multimodal-audio-preview svg{color:var(--primary);opacity:.8}.ai-audio-toggle-icon{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0 6px;margin-left:4px;transition:all .2s}.ai-audio-toggle-icon.active{color:var(--primary)}.ai-audio-toggle-icon:not(.active){color:var(--text-secondary);opacity:.6}.ai-audio-toggle-icon:hover{color:var(--primary);transform:scale(1.1)}.ai-duration-slider-wrapper{display:flex;align-items:center;gap:12px;flex:1}.ai-duration-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer}.ai-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00000080;cursor:grab;transition:transform .1s;border:2px solid var(--primary)}.ai-duration-slider::-webkit-slider-thumb:active{transform:scale(1.2);cursor:grabbing}.ai-duration-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:grab;transition:transform .1s}.ai-duration-slider::-moz-range-thumb:active{transform:scale(1.2);cursor:grabbing}.ai-duration-value{min-width:32px;text-align:right;font-variant-numeric:tabular-nums;color:var(--primary);font-weight:700}.frame-disabled-mask{font-size:2rem;color:var(--text-secondary)}.spinner-sm{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ai-reference-item img{width:100%;height:100%;object-fit:cover}.ai-reference-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.ai-reference-item:hover .ai-reference-remove{opacity:1}.ai-prompt-row{flex:1;display:flex;align-items:flex-start;gap:.5rem;min-width:0}.ai-prompt-input{width:100%;min-height:88px;background:transparent;border:none;color:#fff;font-size:14px;line-height:1.6;resize:none;outline:none;padding:10px 0}.ai-duration-popup{position:absolute;bottom:calc(100% + 12px);left:0;width:180px;background:#171717f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;box-shadow:0 10px 30px #00000080;z-index:1001;display:flex;flex-direction:column;gap:12px}.ai-duration-quick-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-duration-quick-select button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.ai-duration-quick-select button:hover{background:#ffffff1a}.ai-duration-quick-select button.active{background:var(--primary);border-color:var(--primary);color:#fff}.ai-duration-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.ai-duration-custom span{font-size:12px;color:var(--text-secondary)}.ai-duration-input-wrapper{position:relative;display:flex;align-items:center}.ai-duration-input-wrapper input{width:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;padding:4px 20px 4px 8px;font-size:12px;outline:none}.ai-duration-input-wrapper .unit{position:absolute;right:8px;color:var(--text-secondary);pointer-events:none}.ai-duration-hint{font-size:10px;color:var(--text-secondary);opacity:.5;text-align:center}.ai-upload-ref-btn{flex-shrink:0;width:40px;height:40px;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-upload-ref-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ai-upload-ref-btn:disabled{opacity:.5;cursor:not-allowed}.ai-task-tag.ref-img-tag{background:#8b5cf633;border-color:#8b5cf666;cursor:pointer}.ai-task-tag.ref-img-tag:hover{background:#8b5cf64d}.ai-ref-img-hover-preview{position:fixed;z-index:3000;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:400px;box-shadow:0 10px 40px #0006;pointer-events:none}.ai-ref-img-hover-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ai-ratio-btn[data-ratio=adaptive] .ai-ratio-icon{width:20px;height:20px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center}.ai-ratio-btn[data-ratio=adaptive] .ai-ratio-icon:after{content:"✨";font-size:12px}.ai-ref-img-fullscreen{position:fixed;inset:0;background:#000000e6;z-index:3000;display:flex;justify-content:center;align-items:center;cursor:pointer}.ai-ref-img-fullscreen img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 50px #00000080}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;width:90%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ai-task-image-error{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.9rem;gap:.5rem;-webkit-user-select:none;user-select:none;cursor:default}.ai-task-image-error span{font-size:1.5rem;opacity:.7}.ai-task-image-error p{margin:0;font-size:.85rem}.ai-scroll-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:900;opacity:0;pointer-events:none;transform:translateY(20px)}.ai-scroll-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.ai-scroll-top:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb, 139, 92, 246),.4);transform:translateY(-4px)}.ai-scroll-top-icon{width:20px;height:20px;border-left:2px solid var(--text-primary);border-top:2px solid var(--text-primary);transform:rotate(45deg) translate(2px,2px);transition:border-color .3s}.ai-scroll-top:hover .ai-scroll-top-icon{border-color:#fff}.ai-image-wrapper{position:relative;display:inline-block}.ai-download-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;border:1px solid rgba(255,255,255,.2);cursor:pointer;z-index:100}.ai-image-wrapper:hover .ai-download-btn{opacity:1}.ai-download-btn:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.ai-download-icon{font-size:1.2rem;color:#fff;line-height:1}[data-theme=light] .ai-control-area{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 30px #00000014}[data-theme=light] .ai-control-area.dragging{background:#8b5cf60d}[data-theme=light] .ai-prompt-input{background:#00000008;border-color:#0000001a;color:#333}[data-theme=light] .ai-prompt-input::placeholder{color:#0006}[data-theme=light] .ai-param-btn{background:#0000000d;border-color:#0000001a;color:#333}[data-theme=light] .ai-param-btn:hover{background:#00000014}[data-theme=light] .ai-popup-menu{background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001f}[data-theme=light] .ai-popup-label{color:#666}[data-theme=light] .ai-ratio-btn,[data-theme=light] .ai-resolution-btn{background:#0000000d;border-color:#0000001a;color:#333}[data-theme=light] .ai-ratio-btn:hover,[data-theme=light] .ai-resolution-btn:hover{background:#00000014}[data-theme=light] .ai-char-count{color:#666}[data-theme=light] .ai-ref-images-preview{background:#00000008;border-color:#0000001a}[data-theme=light] .ai-mode-tabs-wrapper:hover .ai-mode-tabs{border-bottom-color:#0000001a}[data-theme=light] .ai-mode-tab{color:#666}[data-theme=light] .ai-mode-tab:hover{color:#333;background:#0000000d}[data-theme=light] .ai-mode-tab.active{color:var(--primary);background:#8b5cf61a}[data-theme=light] .ai-upload-ref-btn{background:#fff;border-color:#0000001a;color:#666}[data-theme=light] .ai-upload-ref-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}[data-theme=light] .ai-reference-item{background:#00000008;border-color:#0000001a}[data-theme=light] .ai-generate-btn{box-shadow:0 2px 10px #8b5cf64d}[data-theme=light] .ai-model-popup{background:#fffffffa;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000026}[data-theme=light] .ai-model-vendor-btn{color:#666}[data-theme=light] .ai-model-vendor-btn:hover{background:#0000000d;color:#333}[data-theme=light] .ai-model-vendor-btn.active{background:#8b5cf61a;border-color:var(--primary);color:var(--primary)}[data-theme=light] .ai-prompt-input{background:transparent;border-color:#00000026;color:#333}[data-theme=light] .ai-prompt-input:focus{border-color:var(--primary);background:#ffffff80}.ai-ratio-btn:disabled,.ai-resolution-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}.ai-ratio-btn[data-ratio=adaptive]:disabled.active{opacity:1;cursor:default}.video-fallback-link{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:#0009;padding:12px 20px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;width:80%;text-align:center;z-index:10}.video-fallback-link:hover{background:#000c;transform:translate(-50%,-50%) scale(1.05)}.jimeng-video-mode{background:#000;border:1px solid rgba(124,58,237,.2);cursor:pointer}.jimeng-direct-link{display:flex;width:100%;height:100%;text-decoration:none;color:#fff;justify-content:center;align-items:center;transition:all .3s ease}.jimeng-fallback-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:12px}.jimeng-fallback-overlay .fallback-icon{font-size:32px;opacity:.8}.jimeng-fallback-overlay .fallback-text{font-size:14px;line-height:1.6;color:#ffffffe6;font-weight:500}.jimeng-direct-link:hover{background:#7c3aed1a}.jimeng-direct-link:hover .fallback-icon{transform:scale(1.1)}.jimeng-direct-link:hover .fallback-text{color:var(--primary-color, #7c3aed)}.ai-result-item-content.video-error video{opacity:.3!important;display:block!important}.ai-result-item-content.video-error .video-fallback-link{display:flex}.ai-task-video .ai-task-image-error~.ai-download-btn,.ai-task-video .ai-task-image-error~.video-fallback-link{display:none!important}.tutorials-page{min-height:calc(100vh - 70px);padding:var(--spacing-xl) 0;background:radial-gradient(circle at top right,rgba(37,99,235,.05),transparent 400px),radial-gradient(circle at bottom left,rgba(147,51,234,.05),transparent 400px)}.tutorials-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.tutorials-header{text-align:center;margin-bottom:var(--spacing-xl);animation:fadeInDown var(--transition-base)}.tutorials-header h1{font-size:var(--font-size-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.tutorials-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.tutorials-tabs{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);background:#0f172a40;padding:6px;border-radius:var(--radius-full);border:1px solid var(--border-color);width:fit-content;margin-left:auto;margin-right:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 1px #ffffff0d,var(--shadow-md);animation:fadeInUp var(--transition-base)}.tutorial-tab-btn{position:relative;padding:10px 24px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:8px;outline:none;-webkit-tap-highlight-color:transparent}.tutorial-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.tutorial-tab-btn.active{color:#fff;background:var(--primary);box-shadow:0 4px 14px #2563eb59,inset 0 1px #fff3}.tab-badge{position:absolute;top:-6px;right:4px;padding:1px 6px;font-size:9px;font-weight:800;border-radius:var(--radius-full);letter-spacing:.05em;box-shadow:0 2px 5px #0003;transform:scale(.9)}.tab-badge.hot{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.tab-badge.new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tutorial-info-section{text-align:center;margin-bottom:var(--spacing-lg);animation:scaleIn var(--transition-base) .05s both}.tutorial-info-section h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.tutorial-info-section p{color:var(--text-secondary);font-size:var(--font-size-base)}.video-section{margin-bottom:var(--spacing-lg);animation:scaleIn var(--transition-base)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-2xl);background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl),0 0 30px #2563eb14;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.video-wrapper:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-2xl),0 0 35px #2563eb26}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.resource-section{animation:fadeInUp var(--transition-base) .15s both}.resource-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.resource-card:hover{border-color:var(--primary);background:var(--bg-card-hover);box-shadow:var(--shadow-lg),0 0 20px #2563eb14;transform:translateY(-2px)}.resource-info{display:flex;align-items:center;gap:var(--spacing-lg)}.resource-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-xl);flex-shrink:0}.resource-text h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:4px;color:var(--text-primary)}.resource-text p{font-size:var(--font-size-sm);color:var(--text-secondary)}.resource-action .btn-primary{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);font-weight:600}@media(max-width:768px){.tutorials-page{padding:var(--spacing-lg) 0}.tutorials-header h1{font-size:var(--font-size-3xl)}.tutorials-tabs{width:100%;border-radius:var(--radius-xl);flex-direction:column;padding:var(--spacing-xs)}.tutorial-tab-btn{width:100%;justify-content:center;padding:8px var(--spacing-md)}.tab-badge{position:static;transform:scale(1);margin-left:4px}.tutorial-info-section h2{font-size:var(--font-size-xl)}.resource-card{flex-direction:column;text-align:center;gap:var(--spacing-xl);padding:var(--spacing-xl)}.resource-info{flex-direction:column}.resource-action,.resource-action .btn{width:100%}}.works-circle-page{min-height:100vh;padding-bottom:5rem;background:var(--bg-primary)}.works-section{padding:2rem 0}.works-masonry{columns:5 240px;column-gap:1.25rem;width:100%}.work-card{break-inside:avoid;margin-bottom:1.25rem;background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-light);transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:pointer;position:relative;box-shadow:0 4px 12px #0000000d}.work-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-light)}.hero{position:relative;overflow:hidden}.hero-content{position:relative;z-index:10;text-align:center}.hero-actions{margin-top:2rem;display:flex;justify-content:center}.hero-actions .btn-lg{padding:12px 40px;font-size:1.1rem;border-radius:100px;box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.work-cover-wrapper{position:relative;width:100%;overflow:hidden;background:#f0f0f0}[data-theme=dark] .work-cover-wrapper{background:#252525}.work-cover{width:100%;height:auto;display:block;transition:transform .6s ease}.work-card:hover .work-cover{transform:scale(1.04)}.work-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.work-card:hover .work-overlay{opacity:1}.view-btn{background:#fffffff2;color:#1a1a1a;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0000001a}.work-info{padding:1rem;background:var(--bg-secondary)}.work-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;line-height:1.5}.work-author{display:flex;align-items:center;gap:8px;padding-top:.75rem;border-top:1px solid var(--border-light)}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#eee;border:1px solid var(--border-light)}.author-detail{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.author-name{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-tag{font-size:8px;background:var(--primary-light);color:var(--primary);padding:1px 4px;border-radius:3px;flex-shrink:0;width:fit-content;font-weight:500}.loading-state,.empty-state{text-align:center;padding:10vh 0;color:var(--text-muted)}.works-loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin:0 auto 1rem}.spinner-mini{display:inline-block;font-size:.9rem;color:var(--text-muted);padding:1rem}.spinner-mini:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary);border-radius:50%;margin-right:8px;animation:spin 1s linear infinite;vertical-align:middle}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.8}.empty-state h3{font-size:1.25rem;margin-bottom:.4rem}.empty-state p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.home-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) 0;color:var(--text-secondary);gap:var(--spacing-lg)}.home-refresh-wrapper{display:flex;justify-content:center;padding:var(--spacing-3xl) 0;margin-top:var(--spacing-xl)}.refresh-magic-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-3xl);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.refresh-magic-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 20px #6366f126}.refresh-magic-btn:active:not(:disabled){transform:translateY(0)}.refresh-magic-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform var(--transition-normal)}.refresh-icon.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-magic-btn:hover .refresh-icon{transform:rotate(180deg)}@media(max-width:1400px){.works-masonry{columns:4 240px}}@media(max-width:1100px){.works-masonry{columns:3 220px}}@media(max-width:800px){.works-masonry{columns:2 180px;column-gap:1rem}.work-info{padding:.75rem}}@media(max-width:480px){.works-masonry{columns:1}.hero-title{font-size:2.2rem}}.portfolio-detail-page{min-height:100vh;padding:2rem 0 6rem;background-color:var(--bg-primary);background-image:var(--gradient-hero);position:relative;overflow:hidden}.portfolio-detail-page:before{content:"";position:absolute;top:-10%;right:-10%;width:40%;height:40%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none}.portfolio-detail-page .container-narrow{position:relative;z-index:1}.container-narrow{max-width:1000px;margin:0 auto;padding:0 1.5rem}.back-nav-btn-bordered{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:2.5rem;transition:all .2s;padding:6px 16px;border-radius:8px;font-weight:500}.back-nav-btn-bordered:hover{color:var(--text-primary);border-color:var(--primary);background:rgba(var(--primary-rgb),.15)}.portfolio-header{margin-bottom:2.5rem}.portfolio-full-title{font-size:2.8rem;font-weight:800;line-height:1.25;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem;letter-spacing:-.01em}.author-strip{display:flex;align-items:center;gap:14px}.author-info-stack{display:flex;flex-direction:column;gap:2px}.author-avatar-lg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.2)}.author-name-lg{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.2}.attribution-badge-minimal{font-size:.75rem;color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:2px 8px;border-radius:6px;width:fit-content;border:1px solid rgba(var(--primary-rgb),.2);font-weight:600;line-height:1.2}.portfolio-content{margin-bottom:3.5rem}.portfolio-item-group{margin-bottom:4rem;animation:portfolioItemFadeIn .5s ease-out forwards}.portfolio-divider{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(var(--primary-rgb),.2),transparent);margin:4rem 0}@keyframes portfolioItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-full-description{font-size:1.15rem;line-height:1.75;color:var(--text-primary);margin-bottom:3.5rem;white-space:pre-wrap;opacity:.95}.works-vertical-list{display:flex;flex-direction:column;gap:2rem}.work-item-row{width:100%}.work-media-full{max-width:500px;margin:0 auto;height:auto;border-radius:12px;display:block;box-shadow:0 10px 30px #0000000d}.work-media-full.clickable{cursor:zoom-in;transition:transform .3s ease}.work-media-full.clickable:hover{transform:translateY(-4px)}.portfolio-preview-modal{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:portfolioFadeIn .3s ease}.preview-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:80%;max-height:90%;justify-content:center}.preview-img-active{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 0 60px #00000080}.preview-side-btn{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:60px;height:60px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:2010;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-side-btn:hover:not(:disabled){background:#fff3;border-color:#fff;transform:translateY(-50%) scale(1.1)}.preview-side-btn:disabled{opacity:.1;cursor:not-allowed}.preview-side-btn.prev{left:80px}.preview-side-btn.next{right:80px}.preview-bottom-stats{position:absolute;bottom:-40px;color:#fff9;font-size:.95rem;font-weight:500}.preview-counter{min-width:60px;text-align:center}.preview-close-btn{position:fixed;top:30px;right:80px;background:none;border:none;color:#ffffff80;font-size:2.5rem;cursor:pointer;transition:all .2s;z-index:2020;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.preview-close-btn:hover{color:#fff;transform:rotate(90deg)}@keyframes portfolioFadeIn{0%{opacity:0}to{opacity:1}}.back-to-top-fab{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100}.back-to-top-fab:hover{transform:scale(1.1);background:var(--primary);color:#fff;border-color:var(--primary)}.fab-icon{font-size:1.5rem;font-weight:700}.portfolio-detail-loading,.portfolio-detail-empty,.portfolio-detail-unauthorized{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.portfolio-detail-unauthorized .unauthorized-icon{font-size:4rem;margin-bottom:.5rem}.portfolio-detail-unauthorized h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.portfolio-detail-unauthorized p{color:var(--text-muted);margin-bottom:.5rem}@media(max-width:768px){.portfolio-full-title{font-size:2.2rem}.portfolio-full-description{font-size:1.1rem;line-height:1.7}.back-to-top-fab{bottom:1.5rem;right:1.5rem}}.recharge-page{min-height:100vh;padding:100px 20px 60px;background-color:var(--bg-primary);background-image:var(--gradient-hero);position:relative;overflow:hidden}.recharge-page:before{content:"";position:absolute;top:-10%;right:-10%;width:40%;height:40%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);filter:blur(80px);z-index:0}.recharge-page .container{position:relative;z-index:1}.recharge-card{max-width:580px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-xl);animation:fadeInUp .6s ease-out}.recharge-card h1{text-align:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recharge-desc{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:var(--font-size-sm)}.discount-banner{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.discount-banner strong{color:#22c55e}.amount-original{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through;display:block;margin-bottom:2px}.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.amount-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-sm);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.amount-card:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.amount-card.selected{background:var(--primary-light);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.amount-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:18px;height:18px;background:var(--primary);color:#fff;font-size:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.test-badge{position:absolute;top:0;left:0;background:var(--warning);color:#fff;font-size:10px;padding:2px 8px;border-bottom-right-radius:var(--radius-lg);font-weight:700;text-transform:uppercase;z-index:1}.amount-card .amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);display:block}.amount-card .points{font-size:var(--font-size-sm);color:var(--primary);font-weight:500;margin-top:var(--spacing-xs);display:block}.payment-notice{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--spacing-md);background:rgba(var(--primary-rgb, 99, 102, 241),.1);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-sm);border:1px solid var(--primary-light)}.alipay-logo-img{height:1.2rem;width:auto;object-fit:contain}.recharge-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:600;height:56px;border-radius:var(--radius-xl)}.recharge-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-muted)}.qr-section{text-align:center;animation:fadeIn var(--transition-base)}.qr-hint{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.qr-container{display:inline-block;background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);border:4px solid var(--primary-light)}.qr-container img{width:200px;height:200px;display:block}.order-info{margin-bottom:var(--spacing-xl);background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-lg)}.order-info p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.order-info strong{color:var(--text-primary);font-size:var(--font-size-base)}.status-pending{display:flex;align-items:center;justify-content:center;gap:12px;padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary);margin-bottom:var(--spacing-lg);font-weight:500}.dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.cancel-btn{width:100%;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background:#ffffff0d;color:var(--text-primary)}.success-section{text-align:center;padding:10px 0;animation:scaleIn .5s var(--transition-base)}.success-icon{font-size:5rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 20px var(--success))}.success-section h2{font-size:var(--font-size-2xl);color:var(--success);margin-bottom:var(--spacing-sm)}.points-added{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary);margin:var(--spacing-lg) 0}.success-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.success-actions .btn{flex:1}@media(max-width:640px){.recharge-card{padding:var(--spacing-xl)}.amount-options{grid-template-columns:1fr}}.recharge-history-page{min-height:100vh;padding:100px 20px 60px;background-color:var(--bg-primary);background-image:var(--gradient-hero)}.history-container{max-width:900px;margin:0 auto;animation:fadeInUp .6s ease-out}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.history-header h1{font-size:var(--font-size-3xl);font-weight:800;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-state,.empty-state{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary);box-shadow:var(--shadow-lg)}.empty-state p{margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.empty-icon{margin-bottom:var(--spacing-xl);color:var(--primary);display:flex;justify-content:center;opacity:.8}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:all var(--transition-base);box-shadow:var(--shadow-sm);min-height:80px;box-sizing:border-box;overflow:visible}.item-main-row{display:flex;justify-content:space-between;align-items:center;width:100%}.history-item:hover{transform:translate(4px);background:var(--bg-card-hover);border-color:var(--primary-light);box-shadow:var(--shadow-md)}.item-main{flex:1;display:flex;align-items:center;gap:var(--spacing-2xl);min-height:48px}.item-info{display:flex;flex-direction:column;justify-content:center;gap:4px;width:260px}.order-no{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);font-family:monospace}.order-time{font-size:var(--font-size-xs);color:var(--text-muted)}.item-amount{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1}.item-amount .amount{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.item-amount .points,.item-amount .points-balance{font-size:var(--font-size-sm);color:var(--primary);font-weight:600}.item-amount .points-balance{color:var(--text-muted)}.remark-container{display:flex;align-items:center;gap:4px}.remark-icon{flex-shrink:0;color:inherit;opacity:.8}.item-status{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.status-badge{display:flex;align-items:center;justify-content:center;min-width:80px;height:28px;padding:0 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1;letter-spacing:.5px;white-space:nowrap;margin:0;box-sizing:border-box}.status-badge.history-pending{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.status-badge.history-success{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.25)}.status-badge.history-failed{background:#ef44441f;color:var(--error);border:1px solid rgba(239,68,68,.25)}.finance-tabs{display:flex;position:relative;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color)}.tab-btn{flex:1;border:none;background:none;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;z-index:1;transition:color var(--transition-base)}.tab-btn.active{color:#fff!important}.tab-indicator{position:absolute;top:4px;height:calc(100% - 8px);background:var(--primary);border-radius:var(--radius-md);transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.point-biz-type{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:2px}.biz-label{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.model-tag{font-size:10px;padding:2px 6px;background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:4px;font-weight:500;border:1px solid rgba(var(--primary-rgb),.2)}.points-balance{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.text-success{color:var(--success)!important}.text-danger{color:var(--error)!important}.load-more-container{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.no-more-history{text-align:center;padding:var(--spacing-3xl) 0;color:var(--text-muted);font-size:var(--font-size-sm);opacity:.8}.item-status{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.proof-badge{display:flex;align-items:center;gap:6px;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(var(--primary-rgb),.2);white-space:nowrap}.proof-badge:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.proof-badge svg{flex-shrink:0}@media(max-width:768px){.history-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.finance-tabs{flex-wrap:wrap;gap:8px;background:none;border:none;padding:0;height:auto}.tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1 1 calc(50% - 4px);min-width:130px;height:44px}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-indicator{display:none}.history-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)}.item-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);width:100%}.item-info{width:100%}}.image-preview-modal{position:fixed;inset:0;width:100%;height:100%;background:#000000d9;z-index:10000;display:none;justify-content:center;align-items:center}.image-preview-modal.active{display:flex}.enlarged-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.enlarged-image-container img{max-width:100%;max-height:90vh;display:block;border-radius:8px;box-shadow:0 20px 50px #00000080;object-fit:contain}.image-preview-modal .close-btn{position:absolute;top:-20px;right:-20px;width:40px;height:40px;font-size:32px;color:#fff;background:#ef4444e6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10001}.image-preview-modal .close-btn:hover{background:#ef4444}@media(max-width:768px){.enlarged-image-container{max-width:95vw}.image-preview-modal .close-btn{top:10px;right:10px;width:30px;height:30px;font-size:24px}}.promo-page{min-height:100vh;padding:100px 20px 60px;background-color:var(--bg-primary);background-image:var(--gradient-hero)}.promo-page .container{max-width:800px;margin:0 auto}.promo-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-lg);transition:color var(--transition-base)}.promo-back:hover{color:var(--primary)}.promo-header{margin-bottom:60px}.promo-header h1{font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.promo-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.promo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.promo-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.promo-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.promo-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.promo-empty p{font-size:var(--font-size-xs)}.promo-empty h2{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-primary)}.invite-link-row{display:flex;gap:var(--spacing-sm)}.invite-link-row .form-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm)}.invite-link-row .btn{white-space:nowrap;display:flex;align-items:center;gap:6px}.promo-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:4px}.promo-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-base)}.promo-tab:hover{color:var(--text-primary)}.promo-tab.active{background:var(--glass-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.payment-select-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap}.payment-select-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base)}.payment-select-btn.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.no-payment-tip{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.no-payment-tip p{margin:0;font-size:var(--font-size-sm)}.withdraw-section{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.withdraw-input-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.withdraw-input-row .form-input{flex:1}.log-list{display:flex;flex-direction:column}.log-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.log-item:last-child{border-bottom:none}.log-info{display:flex;flex-direction:column;gap:4px}.log-amount{font-weight:700;font-size:var(--font-size-base)}.log-amount.income{color:#22c55e}.log-amount.expense{color:#ef4444}.log-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.log-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.log-time{font-size:var(--font-size-xs);color:var(--text-muted)}.reject-reason{font-size:var(--font-size-xs);color:#ef4444}.promo-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:500}.badge-pending{background:#eab30826;color:#eab308}.badge-approved{background:#22c55e26;color:#22c55e}.badge-rejected{background:#ef444426;color:#ef4444}.badge-completed{background:#6366f126;color:var(--primary)}.pagination-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.no-data{text-align:center;color:var(--text-muted);padding:var(--spacing-2xl);font-size:var(--font-size-sm)}.promo-loading{text-align:center;color:var(--text-muted);padding:var(--spacing-2xl)}@media(max-width:640px){.promo-stats,.payment-form{grid-template-columns:1fr}.invite-link-row,.withdraw-input-row{flex-direction:column}}.df-storyboard-layout{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.df-storyboard-container{display:grid;grid-template-columns:300px 1fr;gap:24px;height:100%;overflow:hidden;align-items:flex-start}.df-sb-sidebar{background:#111;border:1px solid var(--df-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto}.df-sb-side-section h3{font-size:13px;color:var(--df-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.df-sb-config-item{background:#1a1a1a;padding:12px;border-radius:8px;border:1px solid #222;position:relative}.df-sb-config-item.clickable{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.df-sb-config-item.clickable:hover{background:#222;border-color:#333}.df-sb-config-item.active{border-color:#555;background:#222}.df-dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;transition:transform .2s}.df-sb-config-item.active .df-dropdown-icon{transform:translateY(-50%) rotate(180deg)}.df-custom-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #00000080;z-index:1000;overflow:hidden;padding:6px;animation:fadeInScale .2s ease-out}.df-menu-item{padding:8px 12px;font-size:13px;color:#888;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-menu-item:hover{background:#252525;color:#fff}.df-menu-item.active{background:#fff;color:#000}.df-sb-config-label{display:block;font-size:11px;color:#555;margin-bottom:4px}.df-sb-config-value{font-size:14px;color:#fff;line-height:1.5}.df-btn-sm{padding:0 16px;font-size:13px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#1a1a1a;border:1px solid #333;color:#eee;cursor:pointer;transition:all .2s;text-decoration:none;box-sizing:border-box}.df-btn-sm:hover{background:#252525;border-color:#444}.df-btn-block{display:flex;width:100%}.df-sb-material-tag{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0d0d0d;border:1px solid #222;border-radius:6px;color:#999;font-size:11px;text-decoration:none;transition:all .2s ease;cursor:pointer}.df-sb-materials-list{display:flex;flex-direction:column;gap:6px}.df-sb-material-tag:hover{background:#141414;border-color:#333;color:#eee}.df-sb-mat-icon{display:flex;align-items:center;justify-content:center;color:#666}.df-sb-material-tag:hover .df-sb-mat-icon{color:#aaa}.df-sb-mat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-toolbar{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--df-border)}.df-select{background-color:var(--df-bg-tertiary);border:1px solid var(--df-border);color:var(--df-text-main);padding:6px 12px;border-radius:4px;min-width:180px;font-size:13px;outline:none;cursor:pointer}.df-select:focus{border-color:#555}.df-sb-main{flex:1;height:100%;overflow-y:auto;padding-right:12px;padding-top:0}.df-sb-sidebar::-webkit-scrollbar,.df-sb-main::-webkit-scrollbar{width:6px}.df-sb-sidebar::-webkit-scrollbar-thumb,.df-sb-main::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.df-storyboard-grid{display:flex;flex-direction:column;padding-bottom:80px}.df-shot-inserter{height:12px;margin:4px 0;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.df-shot-inserter.is-first{margin-top:0;margin-bottom:4px}.df-shot-inserter:hover{height:48px;margin:0}.df-shot-inserter .inserter-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00d2ff,#3a7bd5,transparent);opacity:0;transition:all .3s;box-shadow:0 0 10px #00d2ff66}.df-shot-inserter:hover .inserter-line{opacity:.8}.df-shot-inserter .inserter-btn{position:relative;background:#000;border:1px solid #00d2ff;color:#00d2ff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00d2ff33;padding:0}.df-shot-inserter .inserter-btn .label{position:absolute;left:36px;white-space:nowrap;font-size:11px;color:#00d2ff;opacity:0;transform:translate(-5px);transition:all .3s;pointer-events:none;font-weight:600}.df-shot-inserter:hover .inserter-btn{opacity:1;transform:scale(1)}.df-shot-inserter .inserter-btn:hover{background:#00d2ff;color:#000;border-color:#00d2ff;width:110px;border-radius:20px;box-shadow:0 0 20px #00d2ff99}.df-shot-inserter .inserter-btn:hover .label{opacity:1;transform:translate(0);color:#000}.df-shot-inserter .plus{font-size:16px;font-weight:400;transition:transform .3s}.df-shot-inserter .inserter-btn:hover .plus{transform:translate(-28px);color:#000}.df-sb-card{background-color:var(--df-bg-tertiary);border:1px solid var(--df-border);border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);height:auto;min-height:auto;box-shadow:0 4px 15px #00000026;margin-bottom:2px;align-items:stretch}.df-sb-card:hover{border-color:#fff3;background:#111}.df-sb-header-label{position:absolute;top:8px;left:8px;z-index:10;background:#000000b3;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;transition:all .2s}.df-action-btn-inline.delete-shot{background:none;border:none;color:#ff4d4f;padding:0;display:flex;align-items:center;cursor:pointer;opacity:0;width:0;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-sb-card:hover .df-action-btn-inline.delete-shot{opacity:1;width:16px;margin-left:4px}.df-action-btn-inline.delete-shot svg{width:14px;height:14px}.df-sb-card:active{cursor:grabbing}.df-sb-card.dragging{opacity:.4;border-style:dashed;transform:scale(.98)}.df-sb-header{padding:8px 12px;background-color:#ffffff08;border-bottom:1px solid var(--df-border);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--df-text-muted);text-transform:uppercase;letter-spacing:.5px}.df-sb-content{flex:1;display:flex;padding:0;gap:0}.df-sb-image-container{width:300px;height:180px;border-right:1px solid var(--df-border);position:relative;background:#000;display:flex;flex-direction:column;overflow:hidden}.df-sb-image-container img{width:100%;height:100%;object-fit:cover}.df-sb-image-placeholder{width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;color:#444;font-size:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.df-sb-image-placeholder.has-image{cursor:default}.df-image-overlay{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5}.df-sb-image-placeholder:hover .df-image-overlay{opacity:1}.img-action-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.img-action-btn:hover{background:#fff;color:#000;transform:scale(1.1)}.img-action-btn.danger:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.df-sb-inputs-col{flex:2;display:flex;flex-direction:column;padding:12px 16px;gap:10px;border-right:1px solid var(--df-border);background:#ffffff01}.df-sb-assets-col{width:200px;flex-shrink:0;display:flex;flex-direction:column;padding:12px;gap:10px;background:#ffffff04;position:relative}.df-sb-prompts-row{display:flex;gap:16px;width:100%}.df-sb-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.df-sb-input-group label,.df-sb-input-row label{font-size:10px;color:#555;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.df-sb-textarea.compact{background-color:#0c0c0c;border:1px solid #1a1a1a;color:var(--df-text-main);padding:8px 10px;border-radius:6px;width:100%;min-height:52px;resize:none;font-size:13px;line-height:1.4;transition:all .2s}.df-sb-textarea.compact:focus,.df-sb-input-single:focus{border-color:#444;background-color:#111;outline:none}.df-sb-input-row{display:flex;flex-direction:column;gap:4px}.df-sb-input-single{background-color:#0c0c0c;border:1px solid #1a1a1a;color:var(--df-text-main);padding:0 10px;border-radius:4px;width:100%;height:32px;font-size:13px;transition:all .2s}.df-sb-asset-section{display:flex;flex-direction:column;gap:6px}.df-sb-asset-section-header{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #1a1a1a;padding-bottom:4px}.df-sb-asset-section-header svg{stroke:#444;width:14px;height:14px}.df-sb-asset-section-header .label-text{margin-top:1px}.df-asset-chips-unified{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.df-asset-tag-pro{display:inline-flex;align-items:center;gap:6px;padding:0 8px;height:24px;background:#111;border:1px solid #333;border-radius:4px;font-size:11px;color:#ccc;cursor:default;transition:all .2s;box-sizing:border-box}.df-asset-tag-pro.active{border-color:#fff3;background:#222}.df-asset-tag-pro .type-icon-svg{display:flex;opacity:.7}.df-asset-tag-pro.character .type-icon-svg{color:#818cf8}.df-asset-tag-pro.prop .type-icon-svg{color:#34d399}.df-asset-tag-pro.scene .type-icon-svg{color:#fbbf24}.remove-asset-btn{width:14px;height:14px;border-radius:50%;background:transparent;border:none;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;margin-left:2px}.remove-asset-btn:hover{background:#fff3;color:#fff}.df-asset-add-wrapper{position:relative;display:inline-block}.df-asset-add-btn{padding:0 8px;height:24px;background:transparent;border:1px dashed #444;border-radius:4px;font-size:11px;color:#666;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.df-asset-add-btn:hover{border-color:#666;color:#ccc;background:#ffffff0d}.df-asset-tag-pro.character.active{background:#818cf826;border-color:#818cf8;color:#818cf8}.df-asset-tag-pro.prop.active{background:#34d39926;border-color:#34d399;color:#34d399}.df-asset-tag-pro.scene.active{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24}.df-asset-tag-pro.active .type-icon-svg svg{stroke:currentColor}.df-asset-tag-pro .type-icon-svg{display:flex;align-items:center;opacity:.7}.df-asset-tag-pro.active .type-icon-svg{opacity:1}.df-asset-none{font-size:11px;color:#333;font-style:italic;margin-top:4px}.df-action-btn.delete-card-fixed{position:absolute;bottom:10px;right:10px;opacity:.2;transition:opacity .2s;background:none;border:none;color:#888;cursor:pointer;font-size:14px}.df-sb-card:hover .df-action-btn.delete-card-fixed{opacity:1}.df-action-btn.delete-card-fixed:hover{color:#ff4d4f}.df-image-upload-guide{display:flex;flex-direction:column;align-items:center;gap:12px;color:#333;transition:all .3s}.df-sb-image-placeholder:hover .df-image-upload-guide{color:#666;transform:scale(1.05)}.df-image-upload-guide svg{width:32px;height:32px;stroke:currentColor}.df-image-upload-guide span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.df-sb-image-placeholder{width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;color:#444;font-size:12px;cursor:pointer;overflow:hidden}.df-action-btn{background:none;border:none;color:var(--df-text-muted);cursor:pointer;font-size:12px}.df-action-btn:hover{color:var(--df-text-main)}.df-shot-inserter-line{flex-grow:1;height:1px;background-color:var(--df-border);margin:0 10px}.df-shot-inserter-button{padding:6px 12px;background-color:var(--df-bg-secondary);border:1px solid var(--df-border);border-radius:4px;color:var(--df-text-muted);font-size:12px;cursor:pointer;transition:all .2s}.df-shot-inserter-button:hover{background-color:var(--df-bg-hover);border-color:#555;color:var(--df-text-main)}.df-empty-state.big-add-box{height:160px;border:1px dashed #333;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .3s;background:#ffffff05}.df-empty-state.big-add-box:hover{border-color:#555;background:#ffffff0d;color:#fff}.df-empty-state.big-add-box .add-icon{font-size:32px;font-weight:200;color:#444;transition:all .3s}.df-empty-state.big-add-box p{font-size:13px;color:#666}.df-empty-state.big-add-box:hover .add-icon{color:#fff;transform:scale(1.1)}.df-sb-img-wrapper{width:100%;height:100%;position:relative}.df-sb-duration-badge{position:absolute;bottom:6px;right:6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-family:monospace;font-weight:600;cursor:pointer;z-index:10;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px}.df-sb-duration-badge:hover{background:#000c;border-color:#fff6;transform:scale(1.05)}.df-sb-duration-input{width:36px;background:#000;border:1px solid #1890ff;color:#fff;padding:2px 0;border-radius:2px;font-size:12px;outline:none;text-align:center;font-family:monospace;height:16px;line-height:16px}.df-sb-duration-input::-webkit-inner-spin-button,.df-sb-duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.df-preview-media{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 10px 40px #00000080;background:#000}@keyframes df-scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.df-image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:dfFadeIn .2s ease-out}.df-image-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:dfZoomIn .3s cubic-bezier(.18,.89,.32,1.28)}.df-image-modal-img{max-width:100%;max-height:90vh;border-radius:4px;box-shadow:0 4px 20px #00000080;display:block}.df-image-modal-close{position:absolute;top:-40px;right:-40px;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.df-image-modal-close:hover{background:#fff;color:#000;transform:rotate(90deg)}@keyframes dfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dfZoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.df-md-modal-content{background:#111;border:1px solid #333;border-radius:8px;width:800px;max-width:90vw;color:#fff;display:flex;flex-direction:column;max-height:85vh}.df-md-modal-header{padding:16px 24px;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center}.df-md-modal-header h3{margin:0;font-size:16px;font-weight:500}.df-md-modal-body{padding:24px;overflow-y:auto;flex:1}.df-md-textarea{width:100%;height:300px;background:#000;border:1px solid #333;border-radius:4px;color:#ccc;padding:12px;font-family:monospace;font-size:13px;resize:vertical;transition:border-color .2s}.df-md-textarea:focus{outline:none;border-color:#444}.df-md-preview-container{margin-top:20px;border-top:1px dashed #333;padding-top:20px}.df-md-preview-stats{margin-bottom:12px;font-size:13px;color:#888}.df-md-preview-table{width:100%;border-collapse:collapse;font-size:12px}.df-md-preview-table th,.df-md-preview-table td{padding:8px 12px;border:1px solid #222;text-align:left;vertical-align:top}.df-md-preview-table th{background:#1a1a1a;color:#888;font-weight:400}.df-md-preview-table td{background:#0d0d0d;color:#ccc}.df-md-help{margin-bottom:12px;font-size:12px;color:#666;line-height:1.5;background:#1a1a1a;padding:10px;border-radius:4px}.df-md-modal-footer{padding:16px 24px;border-top:1px solid #222;display:flex;justify-content:flex-end;gap:12px}.drama-factory-root{--df-bg-primary: #000000;--df-bg-secondary: #0a0a0a;--df-bg-tertiary: #000000;--df-border: rgba(255, 255, 255, .1);--df-text-main: #ffffff;--df-text-muted: #888888;--df-accent: #ffffff;--df-subnav-height: 72px;background-color:var(--df-bg-primary);color:var(--df-text-main);display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;position:relative}.df-sub-nav{height:var(--df-subnav-height);background:var(--df-bg-tertiary);border-bottom:1px solid var(--df-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0;z-index:10}.df-sub-nav-left{display:flex;align-items:center;gap:20px;flex:1}.df-sub-nav-right{flex:1.5;display:flex;justify-content:flex-end}.df-back-btn{background:#ffffff0d;border:1px solid var(--df-border);color:var(--df-text-main);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s}.df-back-btn:hover{background:#ffffff1a}.df-divider{width:1px;height:24px;background:var(--df-border)}.df-task-info{display:flex;flex-direction:column;gap:2px}.df-task-label{font-size:11px;color:var(--df-text-muted);text-transform:uppercase;letter-spacing:.5px}.df-task-id{font-size:15px;font-weight:700}.df-nav-pills{display:flex;align-items:center;background:#111;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.05);gap:4px}.df-pill,.df-pill-btn{padding:6px 16px;height:34px;background:transparent;border:none;color:#888;font-size:13px;font-weight:600;cursor:pointer;border-radius:10px;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-pill:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.df-pill:hover,.df-pill-btn:hover{color:#fff}.df-pill.active,.df-pill-btn.active{background:#fff;color:#000}.df-section-header .df-pill-btn{background:#fff;color:#000;border:1px solid #ffffff;border-radius:10px}.df-section-header .df-pill-btn:hover{background:#f0f0f0;border-color:#f0f0f0;color:#000}.df-pill-gap{width:1px;height:20px;background:#ffffff1a;margin:0 6px}.df-nav-pills+.df-nav-pills{margin-left:12px}.df-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.df-content{flex:1;overflow-y:auto;padding:24px 40px;background-color:#0a0a0a}.df-content.is-storyboard{overflow:hidden;padding-top:20px;padding-bottom:20px}.df-content::-webkit-scrollbar{width:8px}.df-content::-webkit-scrollbar-track{background:#000}.df-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.df-content::-webkit-scrollbar-thumb:hover{background:#444}.df-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #222}.df-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.df-count{background:#ffffff1a;color:var(--df-text-muted);font-size:14px;font-weight:400;padding:2px 8px;border-radius:6px;margin-left:10px}.df-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.df-episode-card{background-color:var(--df-bg-tertiary);border:1px solid var(--df-border);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;cursor:pointer;position:relative}.df-episode-card:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.df-episode-card.selected{border-color:#fff;box-shadow:0 0 15px #fff3}.df-card-cover{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#111;position:relative;overflow:hidden}.df-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8));display:flex;align-items:flex-end;padding:12px;opacity:0;transition:opacity .3s ease;z-index:3}.df-episode-card:hover .df-card-overlay{opacity:1}.df-episode-card:hover .df-card-actions{opacity:1;transform:scale(1.05)}.df-selection-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;z-index:5;opacity:0}.df-card-cover:hover .df-selection-indicator,.df-selection-indicator.active{opacity:1}.df-selection-indicator.active{background:#000;border-color:#fff;box-shadow:0 0 10px #00000080;color:#fff}.df-action-icon-btn{background:transparent;border:none;color:var(--df-text-muted);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.df-action-icon-btn:hover{color:#fff;background:#ffffff1a}.df-action-icon-btn.danger:hover{color:#ff4d4f;background:#ff4d4f1a}.df-action-icon-btn svg{width:14px;height:14px}.df-status-badge{position:absolute;top:12px;right:12px;padding:2px 8px;background:#0009;border-radius:6px;font-size:10px;color:#fff;border:1px solid rgba(255,255,255,.2);z-index:4;font-weight:600}.df-card-body{padding:10px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#111;height:44px}.df-card-body h3{font-size:13px;font-weight:600;color:#fff;margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.df-meta{font-size:11px;color:var(--df-text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.df-card-actions{display:flex;align-items:center;gap:4px;opacity:0;transform:translate(5px);transition:all .3s ease;padding-left:8px}.df-btn{background:#1a1a1a;border:1px solid var(--df-border);color:#fff;padding:6px 12px;border-radius:10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.df-btn-primary{background:#fff;color:#000}.df-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:df-fadeIn .2s ease-out}@keyframes df-fadeIn{0%{opacity:0}to{opacity:1}}.df-modal{background:#111;border:1px solid #333;box-shadow:0 20px 40px #0009;border-radius:16px;width:600px;padding:0;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:df-scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes df-scaleUp{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.df-modal-header{padding:16px 24px;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center;background:#161616}.df-modal-header h3{margin:0;font-size:15px;font-weight:600;color:#eee}.df-close-btn{background:transparent;border:none;color:#666;font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.df-close-btn:hover{background:#ffffff1a;color:#fff}.df-modal-body{padding:24px;overflow-y:auto;flex:1}.df-form-row{display:flex;gap:20px;margin-bottom:20px}.flex-1{flex:1;min-width:0}.df-form-group{margin-bottom:16px}.df-form-group:last-child{margin-bottom:0}.df-form-group label{display:block;font-size:12px;font-weight:500;color:#888;margin-bottom:6px}.df-file-dropper{width:100%;aspect-ratio:2.2/1;background:#141414;border:1px dashed #333;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.df-file-dropper.file-mode{aspect-ratio:auto;height:70px}.df-file-dropper:hover,.df-file-dropper.dragging{border-color:#555;background:#1a1a1a}.df-drop-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;gap:8px;padding:10px}.df-file-dropper.file-mode .df-drop-placeholder{flex-direction:row;justify-content:flex-start;padding-left:16px;gap:12px}.df-drop-placeholder p{margin:0;font-size:13px;font-weight:500;color:#999}.df-drop-placeholder span{font-size:11px;color:#555}.df-drop-preview{width:100%;height:100%;background-size:cover;background-position:center}.df-file-dropper.file-mode .df-drop-preview{display:flex;align-items:center;padding:0 16px;background:#1a1a1a}.df-drop-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;font-size:12px;gap:6px;font-weight:500}.df-file-dropper:hover .df-drop-overlay{opacity:1}.df-upload-status{display:block;font-size:11px;color:#4ade80;margin-top:4px}.df-material-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.df-material-item{display:flex;align-items:center;padding:6px 10px;background:#161616;border:1px solid #222;border-radius:6px;gap:8px;transition:background .2s}.df-material-item:hover{background:#1c1c1c}.df-material-name{flex:1;font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-material-actions{display:flex;gap:6px}.df-mini-btn{background:#252525;border:1px solid #333;color:#888;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.df-mini-btn:hover{background:#333;color:#fff;border-color:#444}.df-mini-btn.df-danger:hover{background:#dc262633;color:#ef4444;border-color:#dc26264d}.df-crew-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;background:#141414;padding:12px;border-radius:8px;border:1px solid #222}.df-crew-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#1a1a1a;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.df-crew-item:hover{background:#222;border-color:#333}.df-crew-item.active{background:#222;border-color:#666;color:#fff}.df-crew-item.active .df-crew-name{color:#fff;font-weight:500}.df-crew-avatar{width:24px;height:24px;border-radius:50%;background:#333;object-fit:cover}.df-crew-name{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.df-crew-check{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:#fff;color:#000;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;font-weight:700}.df-no-crew{grid-column:1/-1;font-size:12px;color:#555;text-align:center;padding:10px 0}.df-input,.df-textarea{width:100%;background:#141414;border:1px solid #333;color:#eee;padding:8px 12px;border-radius:8px;margin-top:0;font-size:13px;transition:all .2s;line-height:1.4;resize:none}.df-input:focus,.df-textarea:focus{outline:none;border-color:#555;background:#1a1a1a}.df-input::placeholder,.df-textarea::placeholder{color:#444}.df-exempt-switch-container{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;padding:12px 16px;border-radius:12px;border:1px solid #333;margin-top:4px}.df-exempt-info{display:flex;flex-direction:column;gap:2px}.df-exempt-info label{margin-bottom:0!important;color:#eee!important;font-size:13px!important}.df-exempt-info p{margin:0;font-size:11px;color:#666}.df-switch{position:relative;display:inline-block;width:44px;height:24px}.df-switch input{opacity:0;width:0;height:0}.df-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.3s;border-radius:24px}.df-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#888;transition:.3s;border-radius:50%}.df-switch input:checked+.df-switch-slider{background-color:#fff}.df-switch input:checked+.df-switch-slider:before{transform:translate(20px);background-color:#000}.df-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #222;background:#161616}.df-floating-action-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #0006;z-index:1000;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);color:#000}.df-floating-action-bar.visible{transform:translate(-50%) translateY(0)}.df-floating-info{font-size:13px;font-weight:600;white-space:nowrap;color:#000}.df-floating-btn{background:#000;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.df-floating-btn:hover{background:#222;transform:scale(1.05)}.df-no-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;color:#444;font-size:13px;font-weight:500;gap:10px;transition:background .2s}.df-episode-card:hover .df-no-cover-placeholder{background:#161616}.df-preview-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:df-fadeIn .2s ease-out}.df-preview-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px;animation:df-scaleUp .3s cubic-bezier(.16,1,.3,1)}.df-preview-media{max-width:100%;max-height:calc(90vh - 80px);border-radius:8px;box-shadow:0 10px 40px #00000080;background:#000}.df-preview-close{position:fixed;top:24px;right:24px;background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s;z-index:3010}.df-preview-close:hover{background:#ffffff4d;transform:rotate(90deg)}.df-preview-filename{color:#eee;font-size:14px;font-weight:500}.df-tag-input-container{background:#111;border:1px solid #333;border-radius:8px;padding:6px 12px;display:flex;flex-wrap:wrap;gap:8px;min-height:42px;align-items:center;transition:border-color .2s}.df-tag-input-container:focus-within{border-color:#555}.df-tags-list{display:flex;flex-wrap:wrap;gap:6px}.df-tag{background:#252525;color:#eee;padding:2px 8px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:6px;border:1px solid #333}.df-tag-remove{background:transparent;border:none;color:#666;cursor:pointer;font-size:10px;padding:0;line-height:1}.df-tag-remove:hover{color:#ff4d4f}.df-tag-input{background:transparent;border:none;color:#fff;font-size:13px;outline:none;flex:1;min-width:100px;padding:4px 0}:root{--df-prod-bg: #0a0a0a;--df-prod-box-bg: #111111;--df-prod-border: rgba(255, 255, 255, .1);--df-prod-accent: #ffffff;--df-prod-text: #ffffff;--df-prod-text-muted: #888888}.df-production-layout{display:flex;flex-direction:column;flex:1;height:100%;background-color:var(--df-prod-bg);color:var(--df-prod-text);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.df-production-layout .df-sub-nav{height:72px;background:#000;border-bottom:1px solid var(--df-prod-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0;z-index:10}.df-production-layout .df-sub-nav-left{display:flex;align-items:center;gap:20px;flex:1}.df-production-layout .df-sub-nav-right{flex:1.5;display:flex;justify-content:flex-end}.df-production-layout .df-back-btn{background:#ffffff0d;border:1px solid var(--df-prod-border);color:#fff;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s}.df-production-layout .df-back-btn:hover{background:#ffffff1a}.df-production-layout .df-divider{width:1px;height:24px;background:var(--df-prod-border)}.df-production-layout .df-task-info{display:flex;flex-direction:column;gap:8px}.df-production-layout .df-task-id{font-size:15px;font-weight:700;color:#fff}.df-production-layout .df-prod-grid{flex:1;display:flex;padding:20px 40px;gap:12px;overflow:hidden;background:#0a0a0a}.df-production-layout .df-prod-box{background:var(--df-prod-box-bg);border:1px solid var(--df-prod-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.df-production-layout .df-merged-box{width:600px;flex:none;flex-direction:row}.df-production-layout .df-box-section{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;min-width:0}.df-production-layout .df-req-section{background:#0000004d}.df-production-layout .df-box-title{font-size:13px;font-weight:600;color:var(--df-prod-text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.df-production-layout .df-vertical-divider{width:1px;background:#ffffff0d;margin:0}.df-production-layout .df-prod-right-col{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.df-production-layout .df-output-box{flex:1;padding:20px;overflow:visible!important;min-height:0;position:relative;z-index:10}.df-production-layout .df-panel-body{height:100%;overflow-y:auto;overflow-x:visible;padding-bottom:20px;scrollbar-gutter:stable}.df-production-layout .df-timeline-box{background-color:#0c0c0c;height:170px;padding:12px 20px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;transition:height .3s ease-in-out,padding .3s ease-in-out}.df-production-layout .df-timeline-box.collapsed{height:44px;padding:12px 20px}.df-collapse-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.df-collapse-btn:hover{background:#ffffff26;color:#fff;border-color:#fff3}.df-collapse-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.df-timeline-box:not(.collapsed) .df-collapse-btn svg{transform:rotate(180deg)}.df-production-layout .df-timeline-box .df-box-title{padding:0 4px}.df-production-layout .df-ai-form{display:flex;flex-direction:column;gap:16px;flex:1}.df-production-layout .df-form-group{display:flex;flex-direction:column;gap:6px}.df-production-layout .df-label{font-size:11px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.df-production-layout .df-select,.df-production-layout .df-textarea{background:#1a1a1a;border:1px solid #222;border-radius:8px;color:#fff;padding:10px 12px;font-size:13px;transition:all .2s}.df-production-layout .df-select:focus,.df-production-layout .df-textarea:focus{outline:none;border-color:#444;background:#222}.df-production-layout .df-textarea{resize:none;line-height:1.5;margin:0}.df-production-layout .df-btn-primary{background:#fff;color:#000;border:none;height:36px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.df-production-layout .df-btn-primary:hover{background:#e0e0e0}.df-production-layout .df-req-content{flex:1;overflow-y:auto}.df-production-layout .df-req-item{background:#ffffff08;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);margin-bottom:12px}.df-production-layout .df-req-item:last-child{margin-bottom:0}.df-production-layout .df-value{color:#ddd;font-size:13px;line-height:1.5;margin-top:4px}.df-production-layout .df-timeline-container{flex:1;overflow:hidden;position:relative;display:flex;align-items:center;margin-top:4px}.df-production-layout .df-timeline{height:100%;width:100%;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0 4px;gap:12px}.df-production-layout .df-timeline-item{width:160px;height:90px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;flex-shrink:0;position:relative;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-timeline-item:hover{border-color:#666;transform:translateY(-2px)}.df-production-layout .df-timeline-item.active{border-color:var(--df-prod-accent);box-shadow:0 0 0 2px #fff3;transform:translateY(-2px)}.df-production-layout .df-timeline-img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .2s}.df-production-layout .df-timeline-item:hover .df-timeline-img,.df-production-layout .df-timeline-item.active .df-timeline-img{opacity:1}.df-production-layout .df-timeline-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-size:10px;padding:6px 6px 2px;font-weight:600}.df-production-layout .df-model-selector-box{background:#1a1a1a;padding:12px;border-radius:8px;border:1px solid #222;position:relative;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;margin-bottom:2px}.df-production-layout .df-model-selector-box:hover{background:#222;border-color:#333}.df-production-layout .df-model-selector-box.active{border-color:#555;background:#222}.df-production-layout .df-model-label{display:block;font-size:11px;color:#555;margin-bottom:4px;text-transform:uppercase;font-weight:700}.df-production-layout .df-model-value{font-size:14px;color:#fff;line-height:1.5;font-weight:500}.df-production-layout .df-dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;transition:transform .2s}.df-production-layout .df-model-selector-box.active .df-dropdown-icon{transform:translateY(-50%) rotate(180deg)}.df-production-layout .df-custom-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #00000080;z-index:1000;overflow:hidden;padding:6px;animation:fadeInScale .2s ease-out}.df-production-layout .df-menu-item{padding:8px 12px;font-size:13px;color:#888;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-production-layout .df-menu-item:hover{background:#252525;color:#fff}.df-production-layout .df-menu-item.active{background:#fff;color:#000}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.df-production-layout .df-capsule-tabs{display:flex;background:transparent;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;gap:2px}.df-production-layout .df-capsule-btn{flex:1;border:none;background:transparent;color:#aaa;padding:5px 0;font-size:11px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-capsule-btn:hover:not(.active){color:#fff;background:#ffffff0d}.df-production-layout .df-capsule-btn.active{background:#ffffff14;color:#fff}.df-production-layout .df-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;padding:4px 12px;box-sizing:border-box}.df-production-layout .df-file-card{background:#181818;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:visible!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;display:flex;flex-direction:column;animation:slideInUp .5s ease-out backwards;z-index:1;min-width:330px}.df-production-layout .df-file-card:hover{z-index:100}.df-production-layout .df-file-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 12px 24px #0006}.df-production-layout .df-card-media{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden;border-top-left-radius:11px;border-top-right-radius:11px;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.df-production-layout .df-card-img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.df-production-layout .df-file-card:hover .df-card-img{transform:scale(1.05)}.df-production-layout .df-card-overlay-top{position:absolute;top:0;left:0;right:0;padding:12px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.df-production-layout .df-result-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.df-production-layout .df-result-badge.manual{color:#00d2ff;border:1px solid rgba(0,210,255,.3)}.df-production-layout .df-result-badge.video,.df-production-layout .df-result-badge.image,.df-production-layout .df-result-badge.type{color:#aaa;border:1px solid rgba(255,255,255,.1)}.df-production-layout .df-card-actions-bar{display:flex;align-items:center;padding:8px 12px;background:#202020;border-top:1px solid rgba(255,255,255,.05);gap:4px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;overflow:visible!important;position:relative}.df-production-layout .df-card-btn{background:transparent;border:none;color:#999;font-size:12px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s,box-shadow .2s;display:flex;align-items:center;gap:4px}.df-production-layout .df-card-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.df-production-layout .df-card-btn:disabled{opacity:.3;cursor:not-allowed;color:#666}.df-production-layout .df-disabled-ref-btn{opacity:.5;cursor:not-allowed!important}.df-production-layout .df-disabled-ref-btn:hover{background-color:transparent!important;border-color:#ffffff1a!important;color:#999!important}.df-production-layout .df-card-divider{width:1px;height:12px;background:#ffffff1a;margin:0 4px}.df-production-layout .df-card-more-btn{margin-left:auto}.df-production-layout .df-loading-card{background:#181818;border:1px dashed rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .3s ease}.df-production-layout .df-loading-media{aspect-ratio:16/9;background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite linear;display:flex;align-items:center;justify-content:center}.df-production-layout .df-loading-info{padding:8px 12px;background:#202020;border-top:1px solid rgba(255,255,255,.05);height:45px;display:flex;align-items:center}.df-production-layout .df-loading-bar{height:8px;width:60%;background:#2a2a2a;border-radius:4px}.df-production-layout .df-loading-spinner-box{display:flex;flex-direction:column;align-items:center;gap:12px;color:#444}.df-production-layout .df-spinner-ai{width:32px;height:32px;border:3px solid rgba(255,255,255,.05);border-top:3px solid #5a5a7a;border-radius:50%;animation:spin 1s linear infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.df-preview-modal{position:fixed;inset:0;background:#000000f2;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s ease}.df-preview-content{position:relative;max-width:90%;max-height:80%;display:flex;align-items:center;justify-content:center}.df-preview-img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 50px #00000080}.df-preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 40px;pointer-events:none}.df-nav-btn{width:48px;height:48px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto}.df-nav-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.df-nav-btn:disabled{opacity:.3;cursor:default}.df-preview-close{position:absolute;top:40px;right:40px;width:40px;height:40px;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.6;transition:opacity .2s}.df-preview-close:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.df-production-layout ::-webkit-scrollbar{width:6px;height:6px}.df-production-layout ::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.df-upload-btn{flex:1;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:36px;background:#ffffff08;border:1px solid #3a3a5a;border-radius:8px;font-size:12px;color:#aaa;cursor:pointer;transition:all .2s ease;margin:0;padding:0 12px;text-align:center;position:relative;box-sizing:border-box;line-height:normal}.df-upload-btn>*{display:flex;align-items:center;justify-content:center}.df-upload-btn input[type=file]{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.df-dashed-upload{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:80px;width:100%;border:1px dashed #4a4a6a;border-radius:8px;background:#ffffff05;color:#6a6a8a;font-size:12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease;text-align:center;position:relative;box-sizing:border-box;line-height:normal}.df-dashed-upload>span{display:flex;align-items:center;justify-content:center}.df-dashed-upload input[type=file]{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.df-dashed-upload.dragging{border-color:#7a7aff;background:#7a7aff1a;color:#fff;transform:scale(1.02)}.df-dashed-upload.disabled{opacity:.6;cursor:not-allowed}.df-add-more-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px dashed #4a4a6a;border-radius:8px;background:#ffffff05;color:#6a6a8a;font-size:18px;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.df-add-more-btn.dragging{border-color:#7a7aff;background:#7a7aff1a;color:#fff;transform:scale(1.1)}.df-add-more-btn.disabled{opacity:.3;cursor:not-allowed}.df-add-more-btn input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.df-add-more-btn:hover:not(.disabled){border-color:#6a6a9a;background:#ffffff0d;color:#9a9aba}.df-add-more-btn.disabled{opacity:.6;cursor:not-allowed}.df-dashed-upload:hover:not(.disabled){border-color:#6a6a9a;background:#ffffff0d;color:#9a9aba}.df-upload-btn:hover:not(:disabled):not(.disabled){background:#ffffff14;border-color:#5a5a7a;color:#fff;box-shadow:0 2px 8px #0003}.df-upload-btn:disabled,.df-upload-btn.disabled{opacity:.6;cursor:not-allowed}.df-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.df-sub-nav-right .df-user-balance{background:#ffffff08;padding:6px 12px;border-radius:8px;border:1px solid var(--df-prod-border)}.df-production-layout .df-shot-ref-card{position:relative;width:100%;aspect-ratio:16/9;background-color:#000;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-ref-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-shot-ref-card:hover{border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.df-production-layout .df-shot-ref-card:hover .df-ref-bg{transform:scale(1.05)}.df-production-layout .df-ref-placeholder{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#444;font-size:11px;font-weight:500;text-transform:uppercase;background:#111}.df-production-layout .df-ref-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 60%,#0009);pointer-events:none;padding:8px;display:flex;flex-direction:column;justify-content:flex-end}.df-production-layout .df-ref-header{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:flex-start}.df-production-layout .df-ref-label{font-size:10px;font-weight:700;color:#fff9;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.df-production-layout .df-ref-number{font-size:18px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.df-production-layout .df-ref-duration-badge{position:absolute;bottom:8px;right:8px;pointer-events:auto;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:4px 8px;display:flex;align-items:center;cursor:pointer;color:#fff;min-width:48px;justify-content:center;transition:all .2s}.df-production-layout .df-ref-duration-badge:hover{background:#000c;border-color:#fff6}.df-production-layout .df-dur-input{width:40px;background:transparent;border:none;color:#fff;font-size:13px;font-weight:700;text-align:center;padding:0;outline:none}.df-production-layout .df-dur-val{font-size:13px;font-weight:700}.df-production-layout .df-dur-unit{font-size:10px;color:#ffffffb3;margin-left:2px;font-weight:600;margin-top:2px}.df-production-layout .df-shot-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.df-production-layout .df-shot-slot{aspect-ratio:16/9;background:#000;border:1px dashed rgba(255,255,255,.1);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .2s}.df-production-layout .df-shot-slot.filled{border-style:solid;border-color:#ffffff26;background:#111}.df-production-layout .df-shot-slot.filled.primary{border-color:#00d2ff;box-shadow:0 0 10px #00d2ff33}.df-production-layout .df-shot-slot.candidate{border:1px dashed #fa8c16!important}.df-production-layout .df-shot-slot img,.df-production-layout .df-shot-slot video{width:100%;height:100%;object-fit:cover}.df-production-layout .df-prod-status-badge{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;z-index:5;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.df-production-layout .df-prod-status-badge.reviewing{color:#faad14;border-color:#faad14}.df-production-layout .df-prod-status-badge.approved{color:#52c41a;border-color:#52c41a}.df-production-layout .df-prod-status-badge.candidate{color:#fa8c16;border-color:#fa8c16}.df-production-layout .df-prod-status-badge.rejected{color:#f5222d;border-color:#f5222d}.df-production-layout .df-prod-role-tag{position:absolute;bottom:5px;left:5px;padding:2px 6px;background:#00d2ff;color:#000;font-size:9px;font-weight:700;border-radius:3px;z-index:5}.df-production-layout .df-prod-slot-actions{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s;z-index:10}.df-production-layout .df-shot-slot:hover .df-prod-slot-actions{opacity:1}.df-production-layout .df-prod-slot-actions button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.df-production-layout .df-prod-slot-actions button:hover{background:#fff;color:#000;border-color:#fff}.df-production-layout .df-prod-slot-actions button:last-child:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.df-production-layout .df-slot-empty{color:#333}.df-production-layout .df-file-card.approved{border:1px dashed #52c41a}.df-production-layout .df-file-card.rejected{border:1px dashed #f5222d}.df-production-layout .df-file-card.candidate{border:1px dashed #fa8c16}.df-candidate-toggle{width:auto;height:24px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;background:#0009;border-radius:4px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;opacity:0;margin-left:auto;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.df-candidate-toggle.readonly{cursor:default;opacity:1}.df-card-overlay-top{display:flex;justify-content:space-between;width:100%}.df-file-card:hover .df-candidate-toggle,.df-candidate-toggle.active{opacity:1}.df-favorite-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;cursor:pointer;transition:all .2s;opacity:0;margin-left:auto;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.df-favorite-toggle:hover{background:#fff3;transform:scale(1.1)}.df-favorite-toggle.active{opacity:1;color:#ffc107}.df-file-card:hover .df-favorite-toggle{opacity:1}.df-filter-capsule{display:flex;background:#ffffff14;padding:3px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.df-filter-btn{border:none;background:transparent;color:#fff9;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.df-filter-btn:hover{color:#fff;background:#ffffff0d}.df-filter-btn.active{background:#fff;color:#000;box-shadow:0 2px 8px #0000004d}.df-candidate-toggle:hover:not(.readonly){background:#fa8c16cc}.df-candidate-toggle.active{background:#fa8c16;color:#fff}.df-draggable-window{position:fixed;width:420px;background:#262626;border-radius:12px;box-shadow:0 8px 32px #00000080;border:1px solid #333;display:flex;flex-direction:column;overflow:hidden}.df-modal-title-bar{padding:10px 16px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;cursor:move}.df-modal-title-bar .df-close-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px;transition:color .2s}.df-modal-title-bar .df-close-btn:hover{color:#fff}.df-status-tag-clickable:hover{filter:brightness(1.2);box-shadow:0 1px 4px #0003;transform:translateY(-1px)}.df-status-tag-clickable:active{transform:translateY(0)}.df-production-layout .df-upload-slot{border:1px dashed #4a4a6a;background:#ffffff05;color:#6a6a8a;font-size:12px;border-radius:8px}.df-production-layout .df-upload-slot:hover{border-color:#6a6a9a!important;background:#ffffff0d!important;color:#9a9aba!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-slot-empty{transition:all .2s}.df-production-layout .df-slot-empty:hover{border-color:#888!important;background:#ffffff0d;color:#fff!important}.df-upload-slot.dragging,.df-slot-empty.dragging{border-color:#0af!important;background:#00aaff0d!important;box-shadow:0 0 10px #0af3}.df-duration-slider{-webkit-appearance:none;width:100%;height:6px;background:#333;border-radius:3px;outline:none;margin:16px 0 10px}.df-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:12px;background:#e0e0e0;cursor:pointer;border-radius:6px;border:none;box-shadow:0 0 10px #fff3;transition:all .2s}.df-duration-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#fff}.df-duration-slider::-moz-range-thumb{width:24px;height:12px;background:#e0e0e0;cursor:pointer;border-radius:6px;border:none;box-shadow:0 0 10px #fff3}.df-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-bottom:20px}.df-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.df-info-row:last-child{margin-bottom:0}.df-info-row .df-label{margin-bottom:0;color:#888}.df-info-row .df-value.bold{font-weight:600;color:#fff;font-size:15px}.df-keyword-box{background:#111;border:1px solid #222;border-radius:6px;padding:8px 12px;font-size:13px;color:#00d2ff;line-height:1.4;font-family:monospace}.df-status-tag{background:#6366f133;color:#818cf8;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.df-config-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #222}.df-config-section:last-child{border-bottom:none}.df-config-section h4{margin-top:0;margin-bottom:12px;color:#fff;font-size:14px}.df-hint{color:#666;font-size:12px;margin-bottom:20px}.df-card-overlay-center{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-weight:600;cursor:pointer}.df-card-media:hover .df-card-overlay-center{opacity:1}.df-slots-grid-9{margin-top:10px}.df-hint-trigger{position:relative;display:inline-flex;align-items:center;cursor:help;margin-left:6px;color:#fff6;transition:color .2s}.df-hint-trigger:hover{color:#00d2ff}.df-hint-trigger:hover .df-hint-popup{visibility:visible;opacity:1;transform:translateY(0)}.df-hint-popup{width:220px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;box-shadow:0 10px 30px #000c;z-index:10000;pointer-events:none;text-transform:none;letter-spacing:normal}.df-hint-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a1a}.df-hint-content{display:flex;flex-direction:column;gap:12px}.df-hint-item{display:flex;flex-direction:column;gap:4px}.df-hint-title{font-size:13px;font-weight:600;color:#fff;text-align:left}.df-hint-desc{font-size:11px;color:#888;line-height:1.5;text-align:left}:root{--admin-bg: #0f111a;--admin-sidebar-bg: #1a1d2e;--admin-card-bg: #1e2235;--admin-border: #2d324d;--admin-text: #e2e8f0;--admin-text-muted: #94a3b8;--admin-primary: #3b82f6;--admin-danger: #ef4444;--admin-success: #10b981}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--admin-bg);color:var(--admin-text);font-family:Inter,sans-serif}.admin-login-card{background-color:var(--admin-card-bg);padding:2rem;border-radius:12px;width:100%;max-width:400px;border:1px solid var(--admin-border);box-shadow:0 10px 25px #00000080}.admin-login-card h2{margin-bottom:1.5rem;text-align:center}.admin-form-group{margin-bottom:1.2rem}.admin-form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--admin-text-muted)}.admin-input{width:100%;height:38px;padding:0 .75rem;background-color:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text);font-size:.9rem;outline:none;transition:all .2s;display:flex;align-items:center}textarea.admin-input{height:auto;min-height:80px;padding:.75rem;display:block}.admin-input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 2px #3b82f61a}.admin-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem!important}.admin-btn{height:38px;padding:0 1rem;background-color:var(--admin-primary);color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.admin-btn-sm{width:auto;height:26px!important;padding:0 8px;min-width:26px;font-size:.7rem;border-radius:4px}.admin-btn-secondary{background-color:#4b5563!important}.admin-btn:hover{opacity:.9}.admin-layout{display:flex;min-height:100vh;background-color:var(--admin-bg);color:var(--admin-text)}.admin-sidebar{width:240px;background-color:var(--admin-sidebar-bg);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:100}.admin-logo{padding:1.5rem;font-size:1.1rem;font-weight:700;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--admin-border);letter-spacing:1px}.admin-logout-icon-btn{background:none;border:none;cursor:pointer;color:var(--admin-text-muted);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;transition:all .2s}.admin-logout-icon-btn:hover{background-color:#ef44441a;color:#ef4444}.admin-nav{flex:1;padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:.875rem 1.5rem;color:var(--admin-text-muted);text-decoration:none;position:relative;transition:background-color .2s,color .2s;font-size:1.05rem;font-weight:500}.admin-nav-item svg{opacity:.7;transition:opacity .2s}.admin-nav-item:hover,.admin-nav-item.active{background-color:#3b82f61f;color:var(--admin-primary)}.admin-nav-item:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background-color:var(--admin-primary);transform:scaleY(0);opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;transform-origin:center}.admin-nav-item:hover:after,.admin-nav-item.active:after{transform:scaleY(1);opacity:1}.admin-nav-item:hover svg,.admin-nav-item.active svg{opacity:1}.admin-sidebar-footer{margin-top:auto;padding:1rem;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--admin-border);background:#0000001a}.sidebar-footer-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;background:none;border:none;color:var(--admin-text-muted);font-size:.9rem;font-weight:500;width:100%;cursor:pointer;border-radius:6px;transition:all .2s}.sidebar-footer-btn:hover{background-color:#3b82f61a;color:var(--admin-primary)}.sidebar-footer-btn.logout:hover{background-color:#ef44441a;color:var(--admin-danger)}.sidebar-footer-btn svg{opacity:.8}.admin-main{flex:1;display:flex;flex-direction:column}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{height:60px;border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem}.admin-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.admin-page-header{margin-bottom:1.5rem}.admin-page-header h2{font-size:1.5rem;margin-bottom:.25rem;font-weight:600}.admin-page-header p{font-size:.875rem;color:var(--admin-text-muted);margin:0}.admin-table-container{background-color:var(--admin-card-bg);border-radius:8px;border:1px solid var(--admin-border);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--admin-border);font-size:.9rem}.admin-table th{background-color:#ffffff0d;font-weight:600;color:#ccd6e0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin-text-semi{color:#cbd5e1}.admin-text-highlight{color:#f8fafc;font-weight:500}.admin-status-tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#4b5563;color:#fff}.status-pending{background-color:#eab30826;color:#eab308}.status-completed{background-color:#10b98126;color:#10b981}.status-rejected{background-color:#ef444426;color:#ef4444}.admin-filter-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--admin-border);padding-bottom:.5rem}.admin-filter-tab{background:none;border:none;color:#94a3b8;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .3s}.admin-filter-tab.active{color:#fff;background-color:var(--admin-primary);border-radius:6px;box-shadow:0 4px 12px #3b82f64d}.admin-search-bar{margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center}.admin-search-bar input[type=date]{position:relative}.admin-search-bar input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}.admin-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{background:var(--admin-card-bg);width:95%;max-width:600px;border-radius:12px;border:1px solid var(--admin-border);animation:adminModalFade .3s ease-out}@keyframes adminModalFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--admin-border)}.admin-modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer}.admin-modal-body{padding:1.5rem}.admin-modal-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--admin-border)}.admin-modal-footer .admin-btn{width:auto;min-width:100px}.admin-audit-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px}.info-item label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.info-item .value{font-weight:600}.admin-upload-zone{border:2px dashed var(--admin-border);border-radius:8px;padding:1.5rem;text-align:center;background:var(--admin-bg-primary);transition:all .3s}.upload-label{cursor:pointer;color:var(--admin-accent);font-weight:500}.proof-preview{margin-top:1rem;display:flex;flex-direction:column;align-items:center;color:#10b981}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2rem;font-size:14px}.page-btn{height:32px;padding:0 12px;background:var(--admin-card-bg);border:1px solid var(--admin-border);color:var(--admin-text-muted);border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(.disabled){border-color:var(--admin-primary);color:var(--admin-primary)}.page-btn.disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--admin-text-muted);border-radius:6px;cursor:pointer;transition:all .2s}.page-num:hover:not(.active){background:#ffffff0d}.page-num.active{background:var(--admin-primary);color:#fff;font-weight:600}.page-dots{color:var(--admin-text-muted);width:32px;text-align:center}.pagination-info{color:var(--admin-text-muted);margin-left:8px;font-size:13px}.page-jump{display:flex;align-items:center;gap:6px;color:var(--admin-text-muted);margin-left:12px}.page-jump input{width:50px;height:32px;background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:4px;color:#fff;text-align:center;outline:none}.page-jump input:focus{border-color:var(--admin-primary)}.page-jump button{height:32px;padding:0 8px;background:var(--admin-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700}.app{min-height:100vh;display:flex;flex-direction:column}.app.df-workshop-layout{height:100vh;overflow:hidden}.app.df-workshop-layout .main-content{padding-top:70px;flex:1;overflow:hidden;display:flex;flex-direction:column}.main-content{flex:1;padding-top:70px;min-height:calc(100vh - 70px)}.main-content.no-padding{padding-top:0}