@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.medspa-onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.medspa-onboarding-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(139,92,246,.2);box-shadow:0 25px 50px -12px #00000080,0 0 100px #8b5cf61a}.medspa-onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.medspa-onboarding-header .header-content h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px}.medspa-onboarding-header .header-content p{color:#fffc;font-size:.875rem;margin:0}.medspa-onboarding-header .close-btn{background:#ffffff0d;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#ffffffb3;transition:all .2s}.medspa-onboarding-header .close-btn:hover{background:#ffffff1a;color:#fff}.medspa-onboarding-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.progress-container{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:2px}.step-indicators{display:flex;justify-content:space-between}.step-indicator{display:flex;align-items:center;gap:8px;opacity:.4;transition:all .3s}.step-indicator.active,.step-indicator.completed{opacity:1}.step-indicator .step-icon{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.step-indicator.active .step-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.step-indicator.completed .step-icon{background:#10b981;color:#fff}.step-indicator span{font-size:.875rem;color:#fffc}.step-indicator.active span{color:#fff;font-weight:500}.medspa-onboarding-content{flex:1;padding:32px 24px;overflow-y:auto}.step-content{display:flex;flex-direction:column;align-items:center;text-align:center}.step-icon-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#06b6d433);display:flex;align-items:center;justify-content:center;color:#a78bfa;margin-bottom:20px}.step-icon-large.success{background:linear-gradient(135deg,#10b98133,#06b6d433);color:#10b981}.step-content h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 8px}.step-content p{color:#fffc;font-size:.95rem;margin:0 0 24px;max-width:400px}.url-input-container{position:relative;width:100%;max-width:400px;margin-bottom:16px}.url-input-container .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffffb3}.url-input-container input{width:100%;padding:16px 16px 16px 48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s}.url-input-container input:focus{outline:none;border-color:#8b5cf6;background:#ffffff14}.url-input-container input::placeholder{color:#fff9}.url-input-container input:disabled{opacity:.5}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem;margin-bottom:16px;max-width:400px;text-align:left}.what-happens{background:#ffffff08;border-radius:12px;padding:20px;width:100%;max-width:400px;text-align:left}.what-happens h4{color:#ffffffd9;font-size:.875rem;font-weight:500;margin:0 0 12px}.what-happens ul{list-style:none;padding:0;margin:0}.what-happens li{display:flex;align-items:center;gap:10px;color:#fffc;font-size:.875rem;padding:6px 0}.what-happens li svg{color:#10b981;flex-shrink:0}.medspa-onboarding-modal .crawled-data-card{background:#ffffff0d;border-radius:16px;padding:20px;width:100%;max-width:400px;text-align:left;margin-bottom:16px}.medspa-onboarding-modal .data-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.medspa-onboarding-modal .data-row:last-of-type{border-bottom:none}.medspa-onboarding-modal .data-row .label{color:#ffffffbf;font-size:.875rem}.medspa-onboarding-modal .data-row .value{color:#fff;font-weight:500;font-size:.875rem}.medspa-onboarding-modal .services-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.medspa-onboarding-modal .service-tag{background:#8b5cf633;color:#a78bfa;padding:4px 10px;border-radius:16px;font-size:.75rem}.medspa-onboarding-modal .service-tag.more{background:#ffffff1a;color:#fffc}.medspa-onboarding-modal .service-tag.more.clickable{cursor:pointer;transition:background .2s,color .2s}.medspa-onboarding-modal .service-tag.more.clickable:hover{background:#8b5cf64d;color:#c4b5fd}.next-steps{display:flex;align-items:center;gap:8px;color:#fbbf24;font-size:.875rem}.medspa-onboarding-modal .generation-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:280px;padding:24px 0}.medspa-onboarding-modal .progress-circle{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.medspa-onboarding-modal .progress-circle .spinner{animation:spin 1s linear infinite;color:#8b5cf6}.medspa-onboarding-modal .progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:700;color:#fff}.medspa-onboarding-modal .progress-bar-thin{width:100%;max-width:300px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:16px}.medspa-onboarding-modal .progress-fill-thin{height:100%;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:3px}.medspa-onboarding-modal .generation-complete .stats-row{display:flex;gap:32px;margin:24px 0}.medspa-onboarding-modal .stat{text-align:center}.medspa-onboarding-modal .stat-value{display:block;font-size:2rem;font-weight:700;color:#8b5cf6}.medspa-onboarding-modal .stat-label{font-size:.75rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px}.medspa-onboarding-modal .script-preview{width:100%;max-width:400px;background:#ffffff08;border-radius:12px;overflow:hidden}.medspa-onboarding-modal .script-preview-item{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.medspa-onboarding-modal .script-preview-item:last-child{border-bottom:none}.medspa-onboarding-modal .script-type{font-size:.7rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.medspa-onboarding-modal .script-hook{font-size:.85rem;color:#ffffffd9}.medspa-onboarding-modal .generation-error{display:flex;flex-direction:column;align-items:center;color:#f87171}.medspa-onboarding-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.primary-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #8b5cf64d}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn .spinner{animation:spin 1s linear infinite}.blotato-setup-steps{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;text-align:left}.blotato-step-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff08;border-radius:10px;color:#ffffffd9;font-size:.9rem}.blotato-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.blotato-link{display:inline-flex;align-items:center;gap:4px;color:#a78bfa;text-decoration:none;font-weight:500;margin-left:auto}.blotato-link:hover{color:#c4b5fd}.blotato-success{display:flex;align-items:center;gap:8px;color:#10b981;font-size:.875rem;margin-bottom:12px}.footer-buttons{display:flex;gap:12px;width:100%;justify-content:center}.secondary-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffe6;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.secondary-btn:hover:not(:disabled){background:#ffffff26}@media(max-width:600px){.medspa-onboarding-modal{max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.step-indicators span{display:none}.step-indicator .step-icon{width:28px;height:28px}.step-icon-large{width:64px;height:64px}}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--primary);display:flex;flex-direction:column;z-index:var(--z-drawer);transition:width var(--duration-200) var(--ease-in-out);overflow:hidden}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{width:36px;height:36px;color:var(--accent-light);flex-shrink:0}.logo-icon svg{width:100%;height:100%}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border:none;border-radius:var(--radius-md);color:#fffc;cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.sidebar-toggle:hover{background:#ffffff40;color:#fff}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#ffffffd9;text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--duration-150) var(--ease-in-out)}.nav-item:hover{color:#fff;background:#ffffff1f}.nav-item.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-accent)}.sidebar-collapsed .nav-item{justify-content:center;padding:var(--space-3)}.sidebar-collapsed .nav-item span{display:none}.sidebar-footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.sidebar-cta{background:#ffffff0d;border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid rgba(255,255,255,.1)}.cta-label{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-light);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.cta-text{font-size:var(--text-sm);color:#ffffffd9;line-height:var(--leading-relaxed)}.cta-text kbd{display:inline-block;padding:var(--space-0-5) var(--space-2);background:#ffffff1a;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:#fff;border:1px solid rgba(255,255,255,.2)}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--duration-200) var(--ease-in-out);background:var(--bg-gradient);position:relative}.sidebar-collapsed .main-wrapper{margin-left:var(--sidebar-collapsed-width)}.header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-8);background:#fffc;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-bottom:1px solid var(--slate-200);z-index:var(--z-sticky)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--slate-600);cursor:pointer}.mobile-menu-toggle:hover{background:var(--slate-100)}.page-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--primary);letter-spacing:var(--tracking-tight)}.header-right{display:flex;align-items:center;gap:var(--space-2)}.header-action{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--slate-500);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.header-action:hover,.header-action.active{background:var(--slate-100);color:var(--slate-700)}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 var(--space-1);background:var(--error);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.user-avatar{width:40px;height:40px;margin-left:var(--space-2);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);display:flex;align-items:center;justify-content:center;border:2px solid transparent}.user-avatar:hover{box-shadow:var(--shadow-accent);transform:scale(1.05)}.user-avatar.active{border-color:var(--accent-light)}.user-menu-wrapper{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:280px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInDown var(--duration-150) var(--ease-out);z-index:var(--z-popover)}.user-menu-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--slate-50);border-bottom:1px solid var(--slate-100)}.user-menu-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:var(--radius-full);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-base);flex-shrink:0}.user-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu-name{font-weight:var(--font-semibold);color:var(--slate-800);font-size:var(--text-sm)}.user-menu-email{font-size:var(--text-xs);color:var(--slate-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role{display:inline-flex;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--accent-100);color:var(--accent-700);border-radius:var(--radius-full);width:fit-content;margin-top:4px}.user-menu-divider{height:1px;background:var(--slate-100)}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--slate-700);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--duration-100) var(--ease-in-out);text-decoration:none}.user-menu-item:hover{background:var(--slate-50)}.user-menu-item svg{color:var(--slate-400)}.user-menu-item.logout{color:var(--error);border-top:1px solid var(--slate-100)}.user-menu-item.logout svg{color:var(--error)}.user-menu-item.logout:hover{background:var(--error-light)}.search-wrapper{position:relative}.search-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:420px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInDown var(--duration-150) var(--ease-out)}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--slate-100)}.search-icon{color:var(--slate-400);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--slate-800);outline:none}.search-input::placeholder{color:var(--slate-400)}.search-shortcut{padding:var(--space-1) var(--space-2);background:var(--slate-100);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--slate-500)}.search-results{max-height:400px;overflow-y:auto}.search-empty{padding:var(--space-8);text-align:center;color:var(--slate-400)}.notifications-wrapper{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:380px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInDown var(--duration-150) var(--ease-out)}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--slate-100)}.notifications-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary)}.mark-all-read{font-size:var(--text-sm);color:var(--accent);background:transparent;border:none;cursor:pointer;font-weight:var(--font-medium)}.mark-all-read:hover{text-decoration:underline}.notification-tabs{display:flex;border-bottom:1px solid var(--slate-100)}.notification-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--slate-500);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.notification-tab:hover{color:var(--slate-700);background:var(--slate-50)}.notification-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);font-size:10px;font-weight:var(--font-bold);background:var(--accent);color:#fff;border-radius:var(--radius-full)}.notification-tab:not(.active) .tab-badge{background:var(--slate-400)}.notifications-list{max-height:400px;overflow-y:auto}.notifications-empty{padding:var(--space-10);text-align:center;color:var(--slate-400);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.notifications-empty svg{margin-bottom:var(--space-3);color:var(--slate-300)}.notifications-empty p{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--slate-500);margin:0}.notifications-empty .empty-hint{font-size:var(--text-xs);color:var(--slate-400);max-width:200px;line-height:var(--leading-relaxed)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--duration-100) var(--ease-in-out);border-bottom:1px solid var(--slate-100)}.notification-item:hover{background:var(--slate-50)}.notification-item:last-child{border-bottom:none}.notification-item.read{opacity:.6}.notification-icon{flex-shrink:0;margin-top:2px}.notification-icon.success{color:var(--success)}.notification-icon.error{color:var(--error)}.notification-icon.warning{color:var(--warning)}.notification-icon.info{color:var(--info)}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--slate-800);margin-bottom:var(--space-1)}.notification-message{font-size:var(--text-sm);color:var(--slate-500);line-height:var(--leading-snug)}.notification-time{font-size:var(--text-xs);color:var(--slate-400);margin-top:var(--space-2)}.notification-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--slate-400);cursor:pointer;opacity:0;transition:all var(--duration-100) var(--ease-in-out)}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{background:var(--slate-200);color:var(--slate-600)}.main-content{flex:1;padding:var(--space-8);max-width:var(--content-max-width);margin:0 auto;width:100%;animation:fadeIn var(--duration-200) var(--ease-out)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar-collapsed .sidebar{transform:translate(0);width:var(--sidebar-width)}.main-wrapper,.sidebar-collapsed .main-wrapper{margin-left:0}.mobile-menu-toggle{display:flex}}@media(max-width:768px){.header{padding:0 var(--space-4)}.main-content{padding:var(--space-4);padding-bottom:80px}.search-dropdown,.notifications-dropdown{position:fixed;top:var(--header-height);left:var(--space-4);right:var(--space-4);width:auto}}.mobile-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--slate-200);z-index:var(--z-drawer);padding:var(--space-1) 0;padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:1024px){.mobile-bottom-tabs{display:flex;justify-content:space-around;align-items:center}}.mobile-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1-5) var(--space-2);color:var(--slate-400);text-decoration:none;font-size:10px;font-weight:600;transition:color .15s;min-width:0;flex:1}.mobile-tab.active{color:var(--violet-600)}.mobile-tab:hover{color:var(--slate-600)}.mobile-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.videographer-layout{display:flex;min-height:100vh}.vg-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--primary);display:flex;flex-direction:column;z-index:var(--z-drawer);transition:width var(--duration-200) var(--ease-in-out);overflow:hidden}.videographer-layout.sidebar-collapsed .vg-sidebar{width:var(--sidebar-collapsed-width)}.vg-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.vg-logo{display:flex;align-items:center;gap:var(--space-3)}.vg-logo-icon{width:36px;height:36px;color:var(--accent-light);flex-shrink:0}.vg-logo-icon svg{width:100%;height:100%}.vg-logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight)}.vg-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border:none;border-radius:var(--radius-md);color:#fffc;cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.vg-sidebar-toggle:hover{background:#ffffff40;color:#fff}.videographer-layout.sidebar-collapsed .vg-sidebar-toggle{margin:0 auto}.vg-sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.vg-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#ffffffd9;text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--duration-150) var(--ease-in-out)}.vg-nav-item:hover{color:#fff;background:#ffffff1f}.vg-nav-item.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-accent)}.videographer-layout.sidebar-collapsed .vg-nav-item{justify-content:center;padding:var(--space-3)}.videographer-layout.sidebar-collapsed .vg-nav-item span{display:none}.vg-sidebar-footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.vg-user-info{display:flex;align-items:center;gap:var(--space-3)}.vg-user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:var(--radius-full);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.vg-user-details{display:flex;flex-direction:column;gap:2px}.vg-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff}.vg-user-role{font-size:var(--text-xs);color:#fff9}.vg-main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--duration-200) var(--ease-in-out);background:var(--bg-gradient)}.videographer-layout.sidebar-collapsed .vg-main-wrapper{margin-left:var(--sidebar-collapsed-width)}.vg-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-8);background:#fffc;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-bottom:1px solid var(--slate-200);z-index:var(--z-sticky)}.vg-header-left{display:flex;align-items:center;gap:var(--space-4)}.vg-mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--slate-600);cursor:pointer}.vg-mobile-menu-toggle:hover{background:var(--slate-100)}.vg-page-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--primary);letter-spacing:var(--tracking-tight)}.vg-header-right{display:flex;align-items:center;gap:var(--space-2)}.vg-header-action{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--slate-500);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.vg-header-action:hover,.vg-header-action.active{background:var(--slate-100);color:var(--slate-700)}.vg-notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 var(--space-1);background:var(--error);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.vg-user-avatar-btn{width:40px;height:40px;margin-left:var(--space-2);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);display:flex;align-items:center;justify-content:center;border:2px solid transparent}.vg-user-avatar-btn:hover{box-shadow:var(--shadow-accent);transform:scale(1.05)}.vg-user-avatar-btn.active{border-color:var(--accent-light)}.vg-user-menu-wrapper{position:relative}.vg-user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:280px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInDown var(--duration-150) var(--ease-out);z-index:var(--z-popover)}.vg-user-menu-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--slate-50);border-bottom:1px solid var(--slate-100)}.vg-user-menu-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:var(--radius-full);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-base);flex-shrink:0}.vg-user-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vg-user-menu-name{font-weight:var(--font-semibold);color:var(--slate-800);font-size:var(--text-sm)}.vg-user-menu-email{font-size:var(--text-xs);color:var(--slate-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-user-menu-role{display:inline-flex;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--accent-100);color:var(--accent-700);border-radius:var(--radius-full);width:fit-content;margin-top:4px}.vg-user-menu-divider{height:1px;background:var(--slate-100)}.vg-user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--slate-700);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--duration-100) var(--ease-in-out);text-decoration:none}.vg-user-menu-item:hover{background:var(--slate-50)}.vg-user-menu-item svg{color:var(--slate-400)}.vg-user-menu-item.logout{color:var(--error);border-top:1px solid var(--slate-100)}.vg-user-menu-item.logout svg{color:var(--error)}.vg-user-menu-item.logout:hover{background:var(--error-light)}.vg-notifications-wrapper{position:relative}.vg-notifications-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:380px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInDown var(--duration-150) var(--ease-out)}.vg-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--slate-100)}.vg-notifications-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary)}.vg-mark-all-read{font-size:var(--text-sm);color:var(--accent);background:transparent;border:none;cursor:pointer;font-weight:var(--font-medium)}.vg-mark-all-read:hover{text-decoration:underline}.vg-notifications-list{max-height:400px;overflow-y:auto}.vg-notifications-empty{padding:var(--space-10);text-align:center;color:var(--slate-400)}.vg-notifications-empty svg{margin-bottom:var(--space-3);color:var(--slate-300)}.vg-notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--duration-100) var(--ease-in-out);border-bottom:1px solid var(--slate-100)}.vg-notification-item:hover{background:var(--slate-50)}.vg-notification-item:last-child{border-bottom:none}.vg-notification-item.read{opacity:.6}.vg-notification-content{flex:1;min-width:0}.vg-notification-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--slate-800);margin-bottom:var(--space-1)}.vg-notification-message{font-size:var(--text-sm);color:var(--slate-500);line-height:var(--leading-snug)}.vg-notification-time{font-size:var(--text-xs);color:var(--slate-400);margin-top:var(--space-2)}.vg-notification-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--slate-400);cursor:pointer;opacity:0;transition:all var(--duration-100) var(--ease-in-out)}.vg-notification-item:hover .vg-notification-dismiss{opacity:1}.vg-notification-dismiss:hover{background:var(--slate-200);color:var(--slate-600)}.vg-main-content{flex:1;padding:var(--space-8);max-width:var(--content-max-width);margin:0 auto;width:100%;animation:fadeIn var(--duration-200) var(--ease-out)}@media(max-width:1024px){.vg-sidebar{transform:translate(-100%)}.videographer-layout.sidebar-collapsed .vg-sidebar{transform:translate(0);width:var(--sidebar-width)}.vg-main-wrapper,.videographer-layout.sidebar-collapsed .vg-main-wrapper{margin-left:0}.vg-mobile-menu-toggle{display:flex}}@media(max-width:768px){.vg-header{padding:0 var(--space-4)}.vg-main-content{padding:var(--space-4);padding-bottom:80px}.vg-notifications-dropdown{position:fixed;top:var(--header-height);left:var(--space-4);right:var(--space-4);width:auto}}.vg-mobile-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--slate-200);z-index:200;padding:var(--space-1) 0;padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:1024px){.vg-mobile-bottom-tabs{display:flex;justify-content:space-around;align-items:center}}.vg-mobile-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1-5) var(--space-2);color:var(--slate-400);text-decoration:none;font-size:10px;font-weight:600;transition:color .15s;flex:1}.vg-mobile-tab.active{color:var(--violet-600)}.vg-mobile-tab:hover{color:var(--slate-600)}.vg-mobile-tab span{white-space:nowrap}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cl-layout{display:flex;min-height:100vh;background:var(--slate-50)}.cl-sidebar{width:var(--sidebar-width, 260px);background:var(--sidebar-bg, #0a0e1a);color:var(--sidebar-text, #a0aec0);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width .2s ease}.cl-layout.sidebar-collapsed .cl-sidebar{width:var(--sidebar-collapsed-width, 72px)}.cl-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);min-height:64px}.cl-logo{display:flex;align-items:center;gap:var(--space-3)}.cl-logo-icon{width:32px;height:32px;color:var(--violet-400);flex-shrink:0}.cl-logo-text{font-size:var(--text-lg);font-weight:700;color:#fff;white-space:nowrap}.cl-sidebar-toggle{background:none;border:none;color:var(--sidebar-text);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all .15s}.cl-sidebar-toggle:hover{background:#ffffff1a;color:#fff}.cl-sidebar-nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.cl-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all .15s ease;white-space:nowrap}.cl-nav-item:hover{background:#ffffff14;color:#fff}.cl-nav-item.active{background:#ffffff1f;color:#fff;font-weight:600}.cl-sidebar-footer{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.cl-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.cl-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--emerald-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.cl-user-details{display:flex;flex-direction:column;overflow:hidden}.cl-user-name{font-size:var(--text-sm);font-weight:600;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cl-user-role{font-size:var(--text-xs);color:var(--sidebar-text)}.cl-main-wrapper{flex:1;margin-left:var(--sidebar-width, 260px);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease}.cl-layout.sidebar-collapsed .cl-main-wrapper{margin-left:var(--sidebar-collapsed-width, 72px)}.cl-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:var(--header-height, 64px);background:#fff;border-bottom:1px solid var(--slate-200);position:sticky;top:0;z-index:50}.cl-header-left{display:flex;align-items:center;gap:var(--space-4)}.cl-mobile-menu-toggle{display:none;background:none;border:none;color:var(--slate-600);cursor:pointer;padding:var(--space-2)}.cl-page-title{font-size:var(--text-lg);font-weight:700;color:var(--slate-800)}.cl-header-right{display:flex;align-items:center;gap:var(--space-2)}.cl-header-action{background:none;border:none;color:var(--slate-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);position:relative;transition:all .15s}.cl-header-action:hover,.cl-header-action.active{background:var(--slate-100);color:var(--slate-700)}.cl-notification-badge{position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--coral-500);color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.cl-notifications-wrapper{position:relative}.cl-notifications-dropdown{position:absolute;top:100%;right:0;width:360px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--slate-200);margin-top:var(--space-2);z-index:100;overflow:hidden}.cl-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--slate-100)}.cl-notifications-header h3{font-size:var(--text-sm);font-weight:700;color:var(--slate-800)}.cl-mark-all-read{background:none;border:none;color:var(--violet-600);font-size:var(--text-xs);cursor:pointer;font-weight:600}.cl-notifications-list{max-height:300px;overflow-y:auto}.cl-notifications-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--slate-400)}.cl-notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s}.cl-notification-item:hover{background:var(--slate-50)}.cl-notification-item.read{opacity:.6}.cl-notification-content{flex:1;min-width:0}.cl-notification-title{font-size:var(--text-sm);font-weight:600;color:var(--slate-800)}.cl-notification-message{font-size:var(--text-xs);color:var(--slate-500);margin-top:2px}.cl-notification-time{font-size:var(--text-xs);color:var(--slate-400);margin-top:4px}.cl-notification-dismiss{background:none;border:none;color:var(--slate-400);cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.cl-notification-dismiss:hover{color:var(--slate-600)}.cl-user-menu-wrapper{position:relative}.cl-user-avatar-btn{width:36px;height:36px;border-radius:50%;background:var(--emerald-500);color:#fff;border:none;cursor:pointer;font-weight:700;font-size:var(--text-xs);display:flex;align-items:center;justify-content:center;transition:all .15s}.cl-user-avatar-btn:hover,.cl-user-avatar-btn.active{box-shadow:0 0 0 3px var(--emerald-100)}.cl-user-menu-dropdown{position:absolute;top:100%;right:0;width:240px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--slate-200);margin-top:var(--space-2);z-index:100;overflow:hidden}.cl-user-menu-header{padding:var(--space-4);border-bottom:1px solid var(--slate-100);display:flex;flex-direction:column;gap:2px}.cl-user-menu-name{font-weight:600;font-size:var(--text-sm);color:var(--slate-800)}.cl-user-menu-email{font-size:var(--text-xs);color:var(--slate-500)}.cl-user-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--slate-600);transition:all .15s}.cl-user-menu-item:hover{background:var(--slate-50)}.cl-user-menu-item.logout{color:var(--coral-600);border-top:1px solid var(--slate-100)}.cl-main-content{flex:1;padding:var(--space-6)}@media(max-width:1024px){.cl-sidebar{transform:translate(-100%);transition:transform .2s ease}.cl-layout.sidebar-collapsed .cl-sidebar{transform:translate(-100%)}.cl-main-wrapper{margin-left:0!important}.cl-mobile-menu-toggle{display:block}}@media(max-width:768px){.cl-main-content{padding:var(--space-4);padding-bottom:80px}}.cl-mobile-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--slate-200);z-index:200;padding:var(--space-1) 0;padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:1024px){.cl-mobile-bottom-tabs{display:flex;justify-content:space-around;align-items:center}}.cl-mobile-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1-5) var(--space-2);color:var(--slate-400);text-decoration:none;font-size:10px;font-weight:600;transition:color .15s;flex:1}.cl-mobile-tab.active{color:var(--emerald-600)}.cl-mobile-tab:hover{color:var(--slate-600)}.cl-mobile-tab span{white-space:nowrap}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--slate-50)}.login-container{display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);background:#fff}.login-header{margin-bottom:var(--space-8)}.login-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-xl);color:#fff;font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700}.logo-text{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;color:var(--primary)}.login-header h1{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.login-header p{font-size:var(--text-base);color:var(--slate-600)}.login-form{max-width:400px}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--error-light);color:var(--error);border-radius:var(--radius-lg);margin-bottom:var(--space-5);font-size:var(--text-sm)}.input-wrapper{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--slate-600);pointer-events:none}.form-input.with-icon{padding-left:calc(var(--space-4) + 18px + var(--space-3))}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;padding:var(--space-2);color:var(--slate-600);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.password-toggle:hover{color:var(--primary)}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.label-row .form-label{margin-bottom:0}.forgot-password-link{font-size:var(--text-sm);color:var(--secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.forgot-password-link:hover{color:var(--primary);text-decoration:underline}.login-btn{margin-top:var(--space-6);height:48px;font-size:var(--text-base)}.login-footer{margin-top:var(--space-8);max-width:400px}.login-help{font-size:var(--text-sm);color:var(--slate-600);text-align:center}.login-credentials{margin-top:var(--space-6);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--slate-600)}.login-credentials p{margin-bottom:var(--space-1)}.login-credentials p:first-child{color:var(--primary);margin-bottom:var(--space-2)}.login-decoration{display:flex;align-items:center;justify-content:center;padding:var(--space-12);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent) 100%);position:relative;overflow:hidden}.login-decoration:before{content:"";position:absolute;top:-50%;right:-20%;width:100%;height:200%;background:linear-gradient(135deg,var(--secondary) 0%,transparent 50%);opacity:.1;border-radius:50%}.login-decoration:after{content:"";position:absolute;bottom:-30%;left:-20%;width:80%;height:150%;background:linear-gradient(135deg,var(--accent-light) 0%,transparent 50%);opacity:.1;border-radius:50%}.decoration-content{position:relative;z-index:1;max-width:400px;color:#fff}.decoration-content h2{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.decoration-content>p{font-size:var(--text-lg);color:#ffffffd9;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.feature-list{display:flex;flex-direction:column;gap:var(--space-4)}.feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:#fff}.feature-bullet{width:8px;height:8px;background:linear-gradient(135deg,var(--secondary),var(--accent-light));border-radius:var(--radius-full);flex-shrink:0}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-decoration{display:none}.login-container{padding:var(--space-6)}.login-form,.login-footer{max-width:100%}}.dashboard{display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-10) var(--space-12);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent) 100%);border-radius:var(--radius-2xl);position:relative;overflow:hidden;animation:fadeInUp var(--duration-normal) var(--ease-out)}.dashboard-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:70%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.dashboard-hero:after{content:"";position:absolute;bottom:-30%;left:10%;width:50%;height:150%;background:radial-gradient(ellipse,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-greeting{display:inline-block;font-size:var(--text-sm);font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3)}.hero-title{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:700;color:#fff;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.hero-description{font-size:var(--text-lg);color:#ffffffd9}.hero-actions{position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards;transition:all var(--duration-normal) var(--ease-default);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-light)}.stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);flex-shrink:0;position:relative;transition:all var(--duration-normal) ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon.amber{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);color:var(--secondary)}.stat-icon.coral{background:linear-gradient(135deg,#ef44441f,#ef444414);color:var(--error)}.stat-icon.sage{background:linear-gradient(135deg,#22c55e1f,#22c55e14);color:var(--success)}.stat-icon.azure{background:linear-gradient(135deg,#6366f11f,#6366f114);color:var(--accent)}.stat-content{flex:1}.stat-value{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;color:var(--primary);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--slate-600);margin-bottom:var(--space-2);font-weight:500}.stat-change{font-size:var(--text-xs);color:var(--success);font-weight:600}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.dashboard-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-6);transition:all var(--duration-normal) ease;position:relative}.dashboard-section:hover{border-color:var(--slate-300);box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary)}.section-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--accent);text-decoration:none;transition:all var(--duration-fast) var(--ease-default)}.section-link:hover{gap:var(--space-2);color:var(--accent-dark)}.projects-list{display:flex;flex-direction:column;gap:var(--space-3)}.project-card-mini{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-normal) var(--ease-default);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards;border:1px solid transparent}.project-card-mini:hover{background:var(--slate-100);transform:translate(6px);border-color:var(--slate-200)}.project-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:var(--radius-lg);color:#fff;font-weight:700;font-size:var(--text-sm);flex-shrink:0;transition:transform var(--duration-fast) ease}.project-card-mini:hover .project-avatar{transform:scale(1.1)}.project-info{flex:1;min-width:0}.project-name{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.project-meta{font-size:var(--text-xs);color:var(--slate-500)}.project-status{flex-shrink:0}.scripts-list{display:flex;flex-direction:column;gap:var(--space-2)}.script-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-default);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards}.script-row:hover{background:var(--slate-50)}.script-info{flex:1;min-width:0}.script-title{font-size:var(--text-sm);font-weight:500;color:var(--primary);margin-bottom:2px}.script-project{font-size:var(--text-xs);color:var(--slate-500)}.script-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.script-status.approved{color:var(--success)}.script-status.in_review{color:var(--warning)}.script-status.draft{color:var(--slate-500)}.production-list{display:flex;flex-direction:column;gap:var(--space-4)}.production-card{display:flex;align-items:center;gap:var(--space-4);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards}.production-thumbnail{width:56px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:var(--radius-md);color:var(--slate-300);flex-shrink:0}.production-info{flex:1;min-width:0}.production-info h4{font-size:var(--text-sm);font-weight:500;color:var(--primary);margin-bottom:2px}.production-meta{font-size:var(--text-xs);color:var(--slate-500)}.production-progress{width:80px;flex-shrink:0}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--slate-50);border-radius:var(--radius-xl);text-decoration:none;text-align:center;transition:all var(--duration-normal) var(--ease-default);border:1px solid transparent;position:relative;overflow:hidden}.action-card:hover{background:var(--slate-100);transform:translateY(-4px);border-color:var(--slate-200);box-shadow:var(--shadow-md)}.action-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);position:relative;z-index:1;transition:all var(--duration-normal) ease}.action-card:hover .action-icon{transform:scale(1.15)}.action-icon.amber{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);color:var(--secondary)}.action-icon.coral{background:linear-gradient(135deg,#ef44441f,#ef444414);color:var(--error)}.action-icon.sage{background:linear-gradient(135deg,#22c55e1f,#22c55e14);color:var(--success)}.action-icon.azure{background:linear-gradient(135deg,#6366f11f,#6366f114);color:var(--accent)}.action-card span{font-size:var(--text-sm);font-weight:600;color:var(--primary);position:relative;z-index:1}.empty-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--slate-500)}.empty-mini svg{margin-bottom:var(--space-3);color:var(--slate-300)}.empty-mini p{margin-bottom:var(--space-3);font-size:var(--text-sm)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-hero{flex-direction:column;align-items:flex-start;gap:var(--space-5);padding:var(--space-6)}.hero-title{font-size:var(--text-3xl)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-4)}}.projects-page{display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.page-title-large{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.page-description{font-size:var(--text-lg);color:var(--slate-600)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm)}.toolbar-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.search-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--slate-50);border-radius:var(--radius-md);flex:1;max-width:320px}.search-box svg{color:var(--slate-500);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--primary);outline:none}.search-box input::placeholder{color:var(--slate-500)}.filter-group{display:flex;align-items:center;gap:var(--space-2);color:var(--slate-500)}.filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--primary);background:#fff;cursor:pointer}.toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.view-toggle{display:flex;background:var(--slate-50);border-radius:var(--radius-md);padding:2px}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--slate-500);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.view-btn:hover{color:var(--primary)}.view-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.projects-container{display:grid;gap:var(--space-5)}.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.projects-container.list{grid-template-columns:1fr}.project-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden;transition:all var(--duration-normal) var(--ease-default);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--slate-300)}.project-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.project-avatar-large{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-lg);color:#fff;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600}.project-card-actions{display:flex;align-items:center;gap:var(--space-2)}.project-card-body{flex:1;padding:0 var(--space-5) var(--space-4);text-decoration:none}.project-card-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.project-card-description{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-stats{display:flex;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-top:1px solid var(--slate-200);border-bottom:1px solid var(--slate-200)}.project-card-stats .stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--slate-500)}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5)}.automation-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;color:var(--success)}.automation-badge svg{color:var(--secondary)}.automation-inactive{font-size:var(--text-xs);color:var(--slate-500)}.projects-container.list .project-card{flex-direction:row;align-items:center;padding:var(--space-4) var(--space-5)}.projects-container.list .project-card-header{padding:0;flex-shrink:0}.projects-container.list .project-card-body{padding:0 var(--space-6);flex:1}.projects-container.list .project-card-stats{border:none;padding:0;flex-shrink:0}.projects-container.list .project-card-footer{border-top:none;padding:0;flex-shrink:0}.project-card .dropdown{position:relative}.project-card .dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;margin-top:var(--space-2);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:fadeInDown var(--duration-fast) var(--ease-out)}.project-card .dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--primary);text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background var(--duration-fast) var(--ease-default)}.project-card .dropdown-item:hover{background:var(--slate-50)}.project-card .dropdown-item.danger{color:var(--error)}.project-card .dropdown-divider{height:1px;background:var(--slate-200);margin:var(--space-2) 0}.archive-warnings{display:flex;flex-direction:column;gap:var(--space-3)}.archive-warning-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fb923c1a,#f59e0b26);border:1px solid rgba(245,158,11,.3)}.archive-warning-banner.critical{background:linear-gradient(135deg,#ef44441a,#dc262626);border-color:#ef44444d}.archive-warning-banner .warning-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f59e0b33;border-radius:var(--radius-md);color:var(--warning);flex-shrink:0}.archive-warning-banner.critical .warning-icon{background:#ef444433;color:var(--error)}.archive-warning-banner .warning-content{flex:1;font-size:var(--text-sm);color:var(--slate-700)}.archive-warning-banner .warning-content strong{color:var(--primary)}.archive-warning-banner .days-count{font-weight:600;color:var(--warning)}.archive-warning-banner.critical .days-count{color:var(--error)}.archive-warning-banner .restore-btn{display:flex;align-items:center;gap:var(--space-2);background:#fff;color:var(--primary);border:1px solid var(--slate-300);flex-shrink:0}.archive-warning-banner .restore-btn:hover{background:var(--slate-50);border-color:var(--primary)}.archive-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--slate-500)}.archive-info svg{color:var(--slate-400)}.archive-info.warning{color:var(--warning)}.archive-info.warning svg{color:var(--warning)}.archive-info.critical{color:var(--error)}.archive-info.critical svg{color:var(--error)}.badge-warning{background:#f59e0b26;color:var(--warning)}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.toolbar-left{flex-direction:column;align-items:stretch}.search-box{max-width:none}.projects-container.grid{grid-template-columns:1fr}.projects-container.list .project-card{flex-direction:column;align-items:stretch}.projects-container.list .project-card-body{padding:var(--space-4) 0}.projects-container.list .project-card-stats{border-top:1px solid var(--slate-200);padding-top:var(--space-4);margin-top:var(--space-4)}}.publishing-settings{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto}.publishing-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4);color:var(--slate-500)}.publishing-settings-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6);border-bottom:1px solid var(--slate-200)}.publishing-settings-title{display:flex;align-items:flex-start;gap:var(--space-3)}.publishing-settings-title svg{color:var(--accent);margin-top:2px}.publishing-settings-title h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--slate-900);margin:0}.publishing-settings-title p{font-size:var(--text-sm);color:var(--slate-500);margin:var(--space-1) 0 0}.publishing-settings-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8);max-height:70vh;overflow-y:auto}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin:0 var(--space-6);margin-top:var(--space-4)}.alert-error{background:var(--error-light);color:var(--error-dark)}.alert-success{background:var(--success-light);color:var(--success-dark)}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--slate-800);margin:0;padding-bottom:var(--space-3);border-bottom:1px solid var(--slate-200)}.settings-section h3 svg{color:var(--slate-400)}.section-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--slate-200)}.section-header-row h3{padding-bottom:0;border-bottom:none}.toggle-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s}.toggle-option input[type=checkbox]{display:none}.option-info{display:flex;flex-direction:column;gap:var(--space-1)}.option-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--slate-800)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--slate-300);border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s}.input-with-button{display:flex;gap:var(--space-2)}.input-with-button .form-input{flex:1}.button-group{display:flex;align-items:center;gap:var(--space-3)}.connection-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.connection-status.success{color:var(--success)}.connection-status.error{color:var(--error)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.platform-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s}.platform-card.enabled{background:#fff;border-color:var(--accent-200);box-shadow:var(--shadow-sm)}.platform-header{display:flex;align-items:center;gap:var(--space-3)}.platform-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-info{flex:1;min-width:0}.platform-name{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--slate-800)}.platform-account{display:block;font-size:var(--text-xs);color:var(--slate-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-mini{cursor:pointer}.toggle-mini input{display:none}.toggle-switch-mini{position:relative;display:block;width:36px;height:20px;background:var(--slate-300);border-radius:10px;transition:background .2s}.toggle-switch-mini:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s}.toggle-mini input:checked+.toggle-switch-mini{background:var(--accent)}.toggle-mini input:checked+.toggle-switch-mini:after{transform:translate(16px)}.platform-settings{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--slate-200);display:flex;flex-direction:column;gap:var(--space-3)}.form-group.compact{margin:0}.form-label-sm{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--slate-600);margin-bottom:var(--space-1)}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-help-sm{font-size:var(--text-xs);color:var(--slate-400);margin-top:var(--space-1);line-height:1.4}.platform-warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--warning-light);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--warning-dark)}.publishing-settings-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--slate-200);background:var(--slate-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--slate-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--slate-800);background:#fff;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-100)}.form-textarea{resize:vertical;min-height:80px}.form-help{font-size:var(--text-xs);color:var(--slate-500);line-height:1.5}.form-help a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.form-help a:hover{text-decoration:underline}@media(max-width:640px){.publishing-settings{border-radius:0;max-width:none}.platforms-grid{grid-template-columns:1fr}.publishing-settings-header,.publishing-settings-content{padding:var(--space-4)}.publishing-settings-footer{padding:var(--space-4);flex-direction:column}.publishing-settings-footer .btn{width:100%}}.video-review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.video-review-modal{background:var(--card-bg, white);border-radius:16px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.review-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, white)}.review-title-info{display:flex;align-items:center;gap:1rem}.review-title-info h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary, #111827)}.review-header-actions{display:flex;align-items:center;gap:.5rem}.btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--slate-100, #f1f5f9);border-radius:8px;cursor:pointer;color:var(--slate-600, #475569);transition:all .2s}.btn-close:hover{background:var(--slate-200, #e2e8f0);color:var(--slate-900, #0f172a)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.draft{background:var(--slate-100, #f1f5f9);color:var(--slate-600, #475569)}.status-badge.in_review{background:var(--amber-100, #fef3c7);color:var(--amber-700, #b45309)}.status-badge.approved,.status-badge.in_production{background:var(--blue-100, #dbeafe);color:var(--blue-700, #1d4ed8)}.status-badge.completed{background:var(--green-100, #dcfce7);color:var(--green-700, #15803d)}.review-content{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden;min-height:0}.review-script-panel,.review-video-panel{display:flex;flex-direction:column;overflow:hidden}.review-script-panel{border-right:1px solid var(--border-color, #e5e7eb)}.panel-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--slate-50, #f8fafc)}.panel-header h3{font-size:.875rem;font-weight:600;margin:0;color:var(--text-primary, #111827)}.panel-header svg{color:var(--slate-500, #64748b)}.platform-badge{margin-left:auto;padding:.25rem .5rem;background:var(--primary-100, #e0e7ff);color:var(--primary-700, #4338ca);border-radius:4px;font-size:.75rem;font-weight:500}.script-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, white)}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:var(--slate-500, #64748b);text-transform:uppercase;letter-spacing:.025em}.meta-value{font-size:.875rem;color:var(--text-primary, #111827);font-weight:500;display:flex;align-items:center;gap:.375rem}.meta-value svg{color:var(--slate-400, #94a3b8)}.type-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.type-badge.type-30s{background:#dbeafe;color:#1d4ed8}.type-badge.type-15s{background:#e0e7ff;color:#4338ca}.type-badge.type-60s{background:#fae8ff;color:#a21caf}.type-badge.type-ad{background:#fef3c7;color:#b45309}.type-badge.type-blog{background:#dcfce7;color:#15803d}.script-content-scroll{flex:1;overflow-y:auto;padding:1.5rem}.script-html-content{font-size:.875rem;line-height:1.7;color:var(--text-primary, #111827)}.script-html-content h1,.script-html-content h2,.script-html-content h3{margin-top:1.5rem;margin-bottom:.75rem}.script-html-content h1:first-child,.script-html-content h2:first-child,.script-html-content h3:first-child{margin-top:0}.script-html-content p{margin:.75rem 0}.script-html-content ul,.script-html-content ol{margin:.75rem 0;padding-left:1.5rem}.video-preview-container{flex:1;display:flex;flex-direction:column;overflow-y:auto}.video-embed-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000}.video-iframe,.video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-link-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--slate-100, #f1f5f9);text-align:center;gap:1rem}.video-link-fallback svg{color:var(--slate-400, #94a3b8)}.video-link-fallback p{color:var(--slate-600, #475569);margin:0}.video-url-display{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--slate-50, #f8fafc);border-top:1px solid var(--border-color, #e5e7eb);font-size:.75rem}.url-label{color:var(--slate-500, #64748b);flex-shrink:0}.url-link{color:var(--primary, #3b82f6);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.url-link:hover{text-decoration:underline}.videographer-notes{display:flex;gap:.75rem;padding:1rem 1.5rem;background:var(--blue-50, #eff6ff);border-top:1px solid var(--border-color, #e5e7eb)}.videographer-notes svg{flex-shrink:0;color:var(--blue-500, #3b82f6);margin-top:.125rem}.notes-label{font-size:.75rem;font-weight:500;color:var(--blue-700, #1d4ed8);display:block;margin-bottom:.25rem}.videographer-notes p{margin:0;font-size:.875rem;color:var(--text-primary, #111827);line-height:1.5}.no-video-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem;text-align:center;color:var(--slate-400, #94a3b8);gap:1rem}.no-video-state p{margin:0;color:var(--slate-500, #64748b)}.revision-history{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.revision-history h4{font-size:.75rem;font-weight:600;color:var(--slate-600, #475569);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.revision-list{display:flex;flex-direction:column;gap:.75rem}.revision-item{padding:.75rem;background:var(--amber-50, #fffbeb);border:1px solid var(--amber-200, #fde68a);border-radius:8px}.revision-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.revision-number{font-size:.75rem;font-weight:600;color:var(--amber-700, #b45309)}.revision-date{font-size:.75rem;color:var(--slate-500, #64748b)}.revision-notes{font-size:.8125rem;color:var(--text-primary, #111827);margin:0;line-height:1.5}.review-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, white)}.review-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--red-50, #fef2f2);border:1px solid var(--red-200, #fecaca);border-radius:8px;color:var(--red-700, #b91c1c);font-size:.875rem;margin-bottom:1rem}.review-actions{display:flex;justify-content:flex-end;gap:.75rem}.revision-form{display:flex;flex-direction:column;gap:1rem}.revision-form .form-group{display:flex;flex-direction:column;gap:.5rem}.revision-form label{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.revision-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit}.revision-form textarea:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px var(--primary-100, rgba(59, 130, 246, .1))}.revision-form-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--slate-100, #f1f5f9);color:var(--slate-700, #334155)}.btn-secondary:hover:not(:disabled){background:var(--slate-200, #e2e8f0)}.btn-primary{background:var(--primary, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-600, #2563eb)}.btn-success{background:var(--green-500, #22c55e);color:#fff}.btn-success:hover:not(:disabled){background:var(--green-600, #16a34a)}.btn-warning{background:var(--amber-500, #f59e0b);color:#fff}.btn-warning:hover:not(:disabled){background:var(--amber-600, #d97706)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--slate-500, #64748b);transition:all .2s}.btn-icon:hover{background:var(--slate-100, #f1f5f9);color:var(--slate-700, #334155)}@media(max-width:1024px){.review-content{grid-template-columns:1fr}.review-script-panel{border-right:none;border-bottom:1px solid var(--border-color, #e5e7eb);max-height:40vh}.video-review-modal{max-height:95vh}}@media(max-width:640px){.video-review-modal{border-radius:12px}.review-header{padding:1rem}.review-title-info h2{font-size:1rem}.script-meta{grid-template-columns:1fr;padding:.75rem 1rem}.review-footer{padding:.75rem 1rem}}.carousel-viewer-v2{--cv-bg: #0a0a0f;--cv-bg-elevated: #12121a;--cv-bg-card: rgba(255, 255, 255, .03);--cv-border: rgba(255, 255, 255, .08);--cv-border-hover: rgba(255, 255, 255, .15);--cv-text: #f8fafc;--cv-text-muted: #94a3b8;--cv-text-dim: #64748b;--cv-accent: #a78bfa;--cv-accent-bright: #c4b5fd;--cv-accent-glow: rgba(167, 139, 250, .4);--cv-success: #34d399;--cv-error: #f87171;--cv-gradient-1: #7c3aed;--cv-gradient-2: #2563eb;--cv-gradient-3: #ec4899;--cv-font-display: "Playfair Display", Georgia, serif;--cv-font-body: "DM Sans", -apple-system, sans-serif;--cv-font-mono: "JetBrains Mono", monospace;--cv-radius-sm: 6px;--cv-radius-md: 12px;--cv-radius-lg: 20px;--cv-radius-xl: 28px;--cv-shadow-glow: 0 0 60px var(--cv-accent-glow);--cv-transition: .3s cubic-bezier(.4, 0, .2, 1);--cv-transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}.carousel-viewer-v2{position:relative;background:var(--cv-bg);border-radius:var(--cv-radius-xl);padding:32px;margin-top:24px;overflow:hidden;font-family:var(--cv-font-body);color:var(--cv-text);min-height:600px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.carousel-viewer-v2.loaded{opacity:1;transform:translateY(0)}.ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-2));top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,var(--cv-gradient-3),var(--cv-gradient-1));bottom:-50px;left:-50px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.carousel-viewer-v2.status-state{display:flex;align-items:center;justify-content:center;min-height:400px}.status-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(167,139,250,.1) 0%,transparent 70%)}.status-backdrop.animated{animation:pulse-bg 3s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.status-content{position:relative;text-align:center;max-width:400px}.status-icon{margin-bottom:24px}.status-icon svg{color:var(--cv-accent)}.status-icon.pending svg{color:var(--cv-text-muted)}.status-icon.empty svg{color:var(--cv-text-dim)}.status-icon.generating .ai-orb{width:80px;height:80px;margin:0 auto;background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-2));border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-orb 2s ease-in-out infinite;box-shadow:var(--cv-shadow-glow)}.ai-orb svg{color:#fff;animation:sparkle 1.5s ease-in-out infinite}@keyframes pulse-orb{0%,to{transform:scale(1);box-shadow:0 0 40px var(--cv-accent-glow)}50%{transform:scale(1.1);box-shadow:0 0 80px var(--cv-accent-glow)}}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0)}50%{opacity:.7;transform:rotate(180deg)}}.status-content h3{font-family:var(--cv-font-display);font-size:1.75rem;font-weight:600;margin:0 0 12px;background:linear-gradient(135deg,var(--cv-text),var(--cv-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-content p{font-size:.95rem;color:var(--cv-text-muted);margin:0;line-height:1.6}.status-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.status-dots span{width:8px;height:8px;background:var(--cv-accent);border-radius:50%;animation:dot-pulse 1.5s ease-in-out infinite}.status-dots span:nth-child(2){animation-delay:.2s}.status-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.generation-progress{width:200px;height:3px;background:var(--cv-border);border-radius:2px;margin:24px auto 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--cv-gradient-1),var(--cv-gradient-2),var(--cv-gradient-3));background-size:200% 100%;animation:progress-shine 2s linear infinite;width:100%}@keyframes progress-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.generate-btn{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:14px 28px;background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-2));border:none;border-radius:var(--cv-radius-lg);color:#fff;font-family:var(--cv-font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--cv-transition);box-shadow:0 4px 20px #7c3aed66}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed80}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.carousel-header-v2{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--cv-border);flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:16px}.ai-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-2));border-radius:var(--cv-radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;box-shadow:0 2px 12px #7c3aed4d}.slide-count{display:flex;align-items:baseline;gap:4px}.slide-count .count{font-family:var(--cv-font-display);font-size:1.5rem;font-weight:700;color:var(--cv-text)}.slide-count .label{font-size:.75rem;color:var(--cv-text-muted);text-transform:uppercase;letter-spacing:.05em}.generated-time{font-size:.8rem;color:var(--cv-text-dim);font-family:var(--cv-font-mono)}.header-center{display:flex;justify-content:center}.view-switcher{display:flex;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);padding:4px}.view-switcher button{display:flex;align-items:center;justify-content:center;width:40px;height:32px;background:transparent;border:none;border-radius:var(--cv-radius-sm);color:var(--cv-text-muted);cursor:pointer;transition:var(--cv-transition)}.view-switcher button:hover{color:var(--cv-text);background:#ffffff0d}.view-switcher button.active{color:var(--cv-accent);background:#a78bfa26}.header-right{display:flex;align-items:center;gap:10px}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);color:var(--cv-text-muted);font-family:var(--cv-font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--cv-transition)}.action-btn:hover{background:#ffffff0f;border-color:var(--cv-border-hover);color:var(--cv-text)}.action-btn.download{color:var(--cv-success);border-color:#34d3994d}.action-btn.download:hover{background:#34d3991a;border-color:#34d39980}.action-btn.primary{background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-2));border:none;color:#fff;box-shadow:0 4px 16px #7c3aed4d}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed66}.action-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.error-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--cv-radius-md);margin-bottom:24px;color:var(--cv-error);font-size:.9rem}.error-banner button{margin-left:auto;background:none;border:none;color:var(--cv-error);cursor:pointer;opacity:.7;transition:var(--cv-transition)}.error-banner button:hover{opacity:1}.carousel-main{position:relative;min-height:500px}.showcase-view{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:900px){.showcase-view{grid-template-columns:1fr;gap:32px}}.phone-mockup{position:relative;display:flex;justify-content:center;padding:20px 60px}.phone-frame{position:relative;width:280px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 0 0 2px #333,0 0 0 4px #1a1a1a,0 25px 60px #00000080,0 0 100px #a78bfa26}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:10}.phone-screen{background:#000;border-radius:32px;overflow:hidden}.ig-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#000}.ig-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-3));border-radius:50%}.ig-username{flex:1;font-size:.85rem;font-weight:600;color:#fff}.ig-dots{color:#fff;font-weight:700;letter-spacing:2px}.ig-carousel{position:relative;aspect-ratio:1;overflow:hidden;background:#111}.ig-slide{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease}.ig-slide img{width:100%;height:100%;object-fit:cover}.placeholder-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--cv-text-muted);font-size:3rem;font-family:var(--cv-font-display);font-weight:300}.ig-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.ig-indicators button{width:6px;height:6px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:var(--cv-transition)}.ig-indicators button.active{background:#fff;width:18px;border-radius:3px}.ig-actions{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#000}.ig-action-icons{display:flex;gap:16px;font-size:1.4rem}.ig-actions .bookmark{font-size:1.4rem}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cv-transition);z-index:10}.nav-arrow:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow.prev{left:0}.nav-arrow.next{right:0}.slide-info-panel{padding:24px}.slide-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px}.slide-number{font-family:var(--cv-font-mono);font-size:.9rem;display:flex;align-items:baseline;gap:4px}.slide-number .current{font-size:2rem;font-weight:700;color:var(--cv-accent)}.slide-number .divider{color:var(--cv-text-dim);margin:0 4px}.slide-number .total{color:var(--cv-text-muted)}.timestamp{padding:4px 10px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-sm);font-size:.75rem;color:var(--cv-text-muted);font-family:var(--cv-font-mono)}.slide-text{margin-bottom:24px}.slide-text .headline{font-family:var(--cv-font-display);font-size:1.75rem;font-weight:600;color:var(--cv-text);margin:0 0 12px;line-height:1.3}.slide-text .body-text{font-size:1rem;color:var(--cv-text-muted);margin:0;line-height:1.7}.visual-hint{padding:16px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);margin-bottom:24px}.hint-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cv-accent);margin-bottom:8px}.visual-hint p{margin:0;font-size:.9rem;color:var(--cv-text-muted);line-height:1.6}.quick-actions{display:flex;gap:10px}.quick-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--cv-border);border-radius:var(--cv-radius-sm);color:var(--cv-text-muted);font-size:.8rem;font-family:var(--cv-font-body);cursor:pointer;transition:var(--cv-transition)}.quick-actions button:hover{border-color:var(--cv-accent);color:var(--cv-accent)}.filmstrip-view{display:flex;flex-direction:column;gap:24px}.filmstrip-track{display:flex;gap:16px;padding:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--cv-accent) transparent}.filmstrip-track::-webkit-scrollbar{height:6px}.filmstrip-track::-webkit-scrollbar-track{background:var(--cv-bg-card);border-radius:3px}.filmstrip-track::-webkit-scrollbar-thumb{background:var(--cv-accent);border-radius:3px}.filmstrip-frame{flex-shrink:0;width:140px;background:var(--cv-bg-card);border:2px solid var(--cv-border);border-radius:var(--cv-radius-md);overflow:hidden;cursor:pointer;transition:var(--cv-transition)}.filmstrip-frame:hover{border-color:var(--cv-border-hover);transform:translateY(-4px)}.filmstrip-frame.active{border-color:var(--cv-accent);box-shadow:0 0 20px var(--cv-accent-glow)}.frame-number{padding:8px 12px;font-family:var(--cv-font-mono);font-size:.7rem;font-weight:600;color:var(--cv-accent);background:#a78bfa1a}.filmstrip-frame img{width:100%;aspect-ratio:1;object-fit:cover}.frame-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--cv-text-dim);font-size:1.5rem;font-family:var(--cv-font-display)}.frame-headline{padding:10px 12px;font-size:.75rem;font-weight:500;color:var(--cv-text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filmstrip-preview{position:relative;max-width:600px;margin:0 auto;border-radius:var(--cv-radius-lg);overflow:hidden;box-shadow:0 20px 60px #0006}.filmstrip-preview img{width:100%;display:block}.preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 24px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.preview-overlay h3{font-family:var(--cv-font-display);font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 8px}.preview-overlay p{font-size:.9rem;color:#ffffffb3;margin:0}.grid-view-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.grid-card{background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-lg);overflow:hidden;cursor:pointer;transition:var(--cv-transition);opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.grid-card:hover{border-color:var(--cv-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.grid-card.selected{border-color:var(--cv-accent);box-shadow:0 0 30px var(--cv-accent-glow)}.card-image{position:relative;aspect-ratio:1;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:var(--cv-transition)}.grid-card:hover .card-image img{transform:scale(1.05)}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--cv-text-dim);font-size:2rem;font-family:var(--cv-font-display)}.card-number{position:absolute;top:12px;left:12px;padding:6px 10px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--cv-radius-sm);font-family:var(--cv-font-mono);font-size:.75rem;font-weight:600;color:#fff}.generated-badge{position:absolute;top:12px;right:12px;width:24px;height:24px;background:linear-gradient(135deg,var(--cv-success),#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.card-content{padding:16px}.card-content h4{font-family:var(--cv-font-display);font-size:.95rem;font-weight:600;color:var(--cv-text);margin:0 0 8px;line-height:1.3}.card-content p{font-size:.8rem;color:var(--cv-text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-section{position:relative;margin-top:32px;padding-top:32px;border-top:1px solid var(--cv-border)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.content-card{background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-lg);padding:20px;transition:var(--cv-transition)}.content-card:hover{border-color:var(--cv-border-hover)}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--cv-text-muted);font-size:.85rem;font-weight:600}.card-header svg{color:var(--cv-accent)}.tag-count{padding:2px 8px;background:var(--cv-accent);color:#fff;border-radius:var(--cv-radius-sm);font-size:.7rem;font-weight:700}.copy-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--cv-border);border-radius:var(--cv-radius-sm);color:var(--cv-text-muted);font-size:.75rem;font-weight:500;font-family:var(--cv-font-body);cursor:pointer;transition:var(--cv-transition)}.copy-btn:hover{border-color:var(--cv-accent);color:var(--cv-accent)}.copy-btn.copied{background:var(--cv-success);border-color:var(--cv-success);color:#fff}.caption-text{font-size:.9rem;color:var(--cv-text);line-height:1.7;margin:0}.hashtags-cloud{display:flex;flex-wrap:wrap;gap:8px}.hashtag{padding:6px 14px;background:#a78bfa26;border:1px solid rgba(167,139,250,.3);border-radius:var(--cv-radius-md);font-size:.8rem;font-weight:500;color:var(--cv-accent-bright);opacity:0;animation:fadeInUp .4s ease forwards;cursor:default;transition:var(--cv-transition)}.hashtag:hover{background:#a78bfa40;border-color:var(--cv-accent)}.analysis-card{margin-top:20px;padding:24px;background:linear-gradient(135deg,#7c3aed1a,#2563eb1a);border:1px solid rgba(124,58,237,.3);border-radius:var(--cv-radius-lg)}.analysis-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--cv-accent);font-size:.85rem;font-weight:600}.analysis-summary{font-size:.95rem;color:var(--cv-text);line-height:1.7;margin:0 0 16px}.analysis-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{font-size:.85rem;color:var(--cv-text-muted)}.meta-item strong{color:var(--cv-accent);font-weight:600;margin-right:6px}.fullscreen-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.close-fullscreen{position:absolute;top:24px;right:24px;width:48px;height:48px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cv-transition)}.close-fullscreen:hover{background:#fff3}.fullscreen-content{display:flex;align-items:center;gap:24px;max-width:90vw;max-height:80vh}.fullscreen-content img{max-width:100%;max-height:80vh;border-radius:var(--cv-radius-lg);box-shadow:0 20px 80px #00000080}.fs-nav{width:56px;height:56px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cv-transition)}.fs-nav:hover{background:#fff3;transform:scale(1.1)}.fullscreen-info{position:absolute;bottom:40px;text-align:center}.fs-counter{display:block;font-family:var(--cv-font-mono);font-size:.9rem;color:var(--cv-text-muted);margin-bottom:8px}.fullscreen-info h3{font-family:var(--cv-font-display);font-size:1.25rem;font-weight:600;color:#fff;margin:0}.toast-notification{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--cv-bg-elevated);border:1px solid var(--cv-border);border-radius:var(--cv-radius-lg);box-shadow:0 16px 48px #0006;z-index:10000;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-notification.success{border-color:#34d39980}.toast-notification.success svg{color:var(--cv-success)}.toast-notification.error{border-color:#f8717180}.toast-notification.error svg{color:var(--cv-error)}.toast-notification span{color:var(--cv-text);font-size:.9rem}.toast-notification button{background:none;border:none;color:var(--cv-text-muted);cursor:pointer;padding:4px;display:flex;transition:var(--cv-transition)}.toast-notification button:hover{color:var(--cv-text)}.modal-overlay-v2{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fadeIn .3s ease}.modal-v2{width:100%;max-width:540px;max-height:90vh;background:var(--cv-bg-elevated);border:1px solid var(--cv-border);border-radius:var(--cv-radius-xl);display:flex;flex-direction:column;overflow:hidden;animation:modalIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-v2{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cv-border)}.modal-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:var(--cv-text)}.modal-title svg{color:var(--cv-accent)}.modal-close{width:36px;height:36px;background:transparent;border:1px solid var(--cv-border);border-radius:var(--cv-radius-sm);color:var(--cv-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cv-transition)}.modal-close:hover{background:#ffffff0d;color:var(--cv-text)}.modal-body-v2{padding:24px;overflow-y:auto;flex:1}.modal-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--cv-radius-md);margin-bottom:20px;color:var(--cv-error);font-size:.85rem}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section h4{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.9rem;font-weight:600;color:var(--cv-text)}.modal-section h4 svg{color:var(--cv-accent)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--cv-text-muted);gap:12px}.empty-state p{margin:0;font-weight:500;color:var(--cv-text)}.empty-state small{color:var(--cv-text-dim)}.accounts-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.account-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);cursor:pointer;transition:var(--cv-transition);text-align:left}.account-card:hover{border-color:var(--cv-border-hover);background:#ffffff0a}.account-card.selected{border-color:var(--cv-accent);background:#a78bfa1a}.account-icon{font-size:1.5rem}.account-details{flex:1;min-width:0}.account-name{display:block;font-size:.9rem;font-weight:500;color:var(--cv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-platform{display:block;font-size:.75rem;color:var(--cv-text-muted);text-transform:capitalize}.check-icon{color:var(--cv-accent)}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.schedule-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);cursor:pointer;transition:var(--cv-transition);text-align:center}.schedule-card:hover{border-color:var(--cv-border-hover)}.schedule-card.active{border-color:var(--cv-accent);background:#a78bfa1a}.schedule-card svg{color:var(--cv-text-muted)}.schedule-card.active svg{color:var(--cv-accent)}.schedule-card strong{display:block;font-size:.85rem;font-weight:600;color:var(--cv-text)}.schedule-card small{font-size:.7rem;color:var(--cv-text-muted)}.slots-preview{margin-top:14px;padding:14px;background:var(--cv-bg-card);border-radius:var(--cv-radius-md)}.slot-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;color:var(--cv-text-muted);border-bottom:1px solid var(--cv-border)}.slot-item:last-child{border-bottom:none}.datetime-picker{display:flex;gap:12px;margin-top:14px}.datetime-picker input{flex:1;padding:12px 16px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);color:var(--cv-text);font-family:var(--cv-font-body);font-size:.9rem}.datetime-picker input:focus{outline:none;border-color:var(--cv-accent)}.modal-section textarea{width:100%;padding:14px 16px;background:var(--cv-bg-card);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);color:var(--cv-text);font-family:var(--cv-font-body);font-size:.9rem;line-height:1.6;resize:vertical}.modal-section textarea:focus{outline:none;border-color:var(--cv-accent)}.modal-section textarea::placeholder{color:var(--cv-text-dim)}.modal-footer-v2{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--cv-border);background:#0003}.btn-secondary{padding:12px 20px;background:transparent;border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);color:var(--cv-text-muted);font-family:var(--cv-font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--cv-transition)}.btn-secondary:hover:not(:disabled){border-color:var(--cv-border-hover);color:var(--cv-text)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--cv-gradient-1),var(--cv-gradient-2));border:none;border-radius:var(--cv-radius-md);color:#fff;font-family:var(--cv-font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--cv-transition);box-shadow:0 4px 16px #7c3aed4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.carousel-viewer-v2{padding:20px;margin-top:16px}.carousel-header-v2{flex-direction:column;align-items:flex-start}.header-center{order:-1;width:100%;justify-content:flex-start}.header-right{width:100%;justify-content:flex-end;flex-wrap:wrap}.action-btn span{display:none}.showcase-view{grid-template-columns:1fr}.phone-mockup{padding:20px 40px}.phone-frame{width:260px}.slide-info-panel{padding:0}.slide-text .headline{font-size:1.5rem}.grid-view-v2{grid-template-columns:repeat(2,1fr);gap:12px}.content-grid,.accounts-grid-v2,.schedule-grid{grid-template-columns:1fr}}.client-canvas{display:flex;flex-direction:column;gap:var(--space-6)}.canvas-header{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--slate-200)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.breadcrumb-sep{color:var(--slate-300);flex-shrink:0}.breadcrumb-current{font-size:var(--text-sm);font-weight:500;color:var(--slate-500)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--slate-400);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.back-link:hover{color:var(--accent)}.canvas-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.project-identity{display:flex;align-items:center;gap:var(--space-4)}.project-icon-large{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-xl);color:#fff;font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;flex-shrink:0}.canvas-title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.canvas-subtitle{font-size:var(--text-base);color:var(--slate-600)}.canvas-workflow-progress{display:flex;align-items:center;gap:0;margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl)}.workflow-step{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .15s;position:relative}.workflow-step-dot{width:24px;height:24px;border-radius:50%;background:var(--slate-200);color:var(--slate-500);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .15s}.workflow-step.done .workflow-step-dot{background:var(--emerald-100);color:var(--emerald-600)}.workflow-step.current .workflow-step-dot{background:var(--violet-100);color:var(--violet-600);box-shadow:0 0 0 3px var(--violet-50)}.workflow-step-label{font-size:var(--text-xs);font-weight:600;color:var(--slate-500);white-space:nowrap}.workflow-step.done .workflow-step-label{color:var(--emerald-700)}.workflow-step.current .workflow-step-label{color:var(--violet-700)}.workflow-step-line{width:32px;height:2px;background:var(--slate-200);margin:0 var(--space-2);flex-shrink:0}.workflow-step-line.done{background:var(--emerald-300)}.workflow-progress-text{margin-left:auto;font-size:var(--text-xs);color:var(--slate-400);font-weight:500;white-space:nowrap}@media(max-width:768px){.canvas-workflow-progress{overflow-x:auto}.workflow-step-label{display:none}}.canvas-tabs{display:flex;gap:var(--space-1);background:var(--slate-100);padding:var(--space-1);border-radius:var(--radius-lg);width:fit-content}.canvas-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--slate-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.canvas-tab:hover{color:var(--primary)}.canvas-tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background:var(--secondary-light);color:var(--secondary-dark);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.tab-panel{animation:fadeIn var(--duration-normal) var(--ease-out);padding-bottom:var(--space-8)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.panel-header h2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.panel-header p{font-size:var(--text-sm);color:var(--slate-600)}.empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);background:var(--slate-50);border:2px dashed var(--slate-200);border-radius:var(--radius-xl);text-align:center}.empty-panel svg{margin-bottom:var(--space-4);color:var(--slate-400)}.empty-panel h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.empty-panel p{color:var(--slate-600);margin-bottom:var(--space-5)}.avatar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%);border:2px dashed var(--slate-200);border-radius:var(--radius-2xl);text-align:center}.empty-illustration{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--slate-100);border-radius:var(--radius-full);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);color:var(--secondary)}.avatar-empty h3{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.avatar-empty p{font-size:var(--text-base);color:var(--slate-600);max-width:400px;margin-bottom:var(--space-6)}.avatar-display{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:start}.avatar-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden;min-width:0}.avatar-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,var(--primary),var(--primary-light))}.avatar-image-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;flex-shrink:0}.avatar-identity{flex:1}.avatar-identity h3{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:#fff;margin-bottom:var(--space-1)}.avatar-identity p{font-size:var(--text-sm);color:#fffc}.avatar-header .btn-ghost{color:#fffc}.avatar-header .btn-ghost:hover{background:#ffffff1a;color:#fff}.avatar-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-6)}.avatar-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.avatar-section ul{list-style:none}.avatar-section li{position:relative;padding-left:var(--space-5);padding-bottom:var(--space-3);font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed)}.avatar-section li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--secondary);border-radius:var(--radius-full)}.avatar-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:linear-gradient(135deg,#f59e0b1a,#6366f11a);border:1px solid var(--slate-200);border-radius:var(--radius-xl);text-align:center;height:fit-content;min-width:0;max-width:300px;position:sticky;top:var(--space-6)}.avatar-cta p{font-size:var(--text-base);color:var(--slate-600);margin-bottom:var(--space-4)}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.pain-point-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards;transition:all var(--duration-fast) var(--ease-default)}.pain-point-card:hover{box-shadow:var(--shadow-glow);border-color:var(--accent)}.pain-point-header{display:flex;align-items:center;justify-content:space-between}.severity-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.severity-badge.high{background:var(--error-light);color:var(--error)}.severity-badge.medium{background:var(--warning-light);color:var(--warning-dark)}.severity-badge.low{background:var(--success-light);color:var(--success)}.pain-point-card h4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary)}.pain-point-card p{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed);flex:1}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.script-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards;transition:all var(--duration-fast) var(--ease-default)}.script-card:hover{box-shadow:var(--shadow-glow);border-color:var(--accent)}.script-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.script-type-badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--secondary-light);color:var(--secondary-dark)}.script-type-badge.paid-ad{background:var(--error-light);color:var(--error)}.script-type-badge.story-script{background:var(--info-light);color:var(--info)}.script-type-badge.blog-post{background:var(--success-light);color:var(--success)}.script-status-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.script-status-badge.draft{color:var(--slate-500)}.script-status-badge.in_review{color:var(--warning)}.script-status-badge.approved{color:var(--success)}.script-card h4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary)}.script-preview{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed);flex:1}.script-videographer{font-size:var(--text-xs);color:var(--success);padding:var(--space-2) var(--space-3);background:var(--success-light);border-radius:var(--radius-md)}.script-card-actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--slate-200)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.script-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.script-type-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--slate-50);border:2px solid var(--slate-200);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--duration-fast) var(--ease-default)}.script-type-option:hover{border-color:var(--slate-300)}.script-type-option.selected{border-color:var(--accent);background:#6366f11a}.script-type-option input{position:absolute;opacity:0}.script-type-option svg{color:var(--slate-400)}.script-type-option.selected svg{color:var(--accent)}.option-label{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.approval-script-preview{padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.approval-script-preview h4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary);margin-top:var(--space-2)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.not-found h2{font-family:var(--font-sans);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--slate-500)}.website-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--info);text-decoration:none;font-size:var(--text-sm)}.website-link:hover{text-decoration:underline}.panel-actions{display:flex;gap:var(--space-3)}.severity-badge.critical{background:#ef444426;color:var(--error-dark)}.category-badge{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);background:var(--info-light);color:var(--info);border-radius:var(--radius-sm)}.pain-point-keywords{display:flex;flex-wrap:wrap;gap:var(--space-1)}.keyword-tag{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--slate-100);color:var(--slate-600);border-radius:var(--radius-sm)}.pain-point-actions{padding-top:var(--space-3);border-top:1px solid var(--slate-200)}.scripts-generated{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;color:var(--success)}.pain-point-status-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2);background:var(--slate-100);border-radius:var(--radius-lg);width:fit-content}.status-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--slate-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.status-tab:hover{color:var(--primary);background:#6366f11a}.status-tab.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-sm)}.status-tab.trending.active{background:linear-gradient(135deg,#fb923c1a,#f59e0b1a);color:var(--secondary-dark)}.status-tab.history.active{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--text-primary)}.status-tab .status-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background:var(--slate-200);color:var(--slate-600);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.delete-all-btn{margin-left:auto;color:var(--error);border:1px solid transparent}.delete-all-btn:hover{background:#ef44441a;border-color:var(--error)}.status-tab.active .status-count{background:var(--secondary-light);color:var(--secondary-dark)}.status-tab.trending.active .status-count{background:#f59e0b33;color:var(--secondary-dark)}.status-tab.history.active .status-count{background:#6366f133;color:var(--text-primary)}.pain-point-sections{display:flex;flex-direction:column;gap:var(--space-6)}.pain-point-section{display:flex;flex-direction:column;gap:var(--space-4)}.pain-point-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.pain-point-section-header h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.pain-point-section-header p{font-size:var(--text-sm);color:var(--slate-500)}.pain-point-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-3);background:var(--slate-100);color:var(--slate-600);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-full)}.pain-point-card.trending{border-color:var(--secondary);background:linear-gradient(135deg,#f59e0b0d,#f59e0b14)}.pain-point-card.trending:hover{box-shadow:0 8px 24px #f59e0b33}.pain-point-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pain-point-workflow-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.4px}.pain-point-workflow-badge.new,.pain-point-workflow-badge.archived{background:var(--slate-100);color:var(--slate-600)}.pain-point-workflow-badge.scripts_generated{background:#6366f11f;color:var(--accent)}.pain-point-workflow-badge.in_review,.pain-point-workflow-badge.stale{background:#f59e0b24;color:var(--secondary-dark)}.pain-point-workflow-badge.approved,.pain-point-workflow-badge.in_production,.pain-point-workflow-badge.completed,.pain-point-workflow-badge.published{background:#22c55e1f;color:#15803d}.pain-point-workflow-badge.scheduled,.pain-point-workflow-badge.publishing{background:#3b82f61f;color:#1d4ed8}.script-count-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);background:var(--accent);color:#fff;border-radius:var(--radius-sm)}.pain-point-actions-menu{display:flex;align-items:center;gap:var(--space-1)}.btn-danger:hover{color:var(--error)}.pain-point-title{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary);line-height:var(--leading-snug)}.pain-point-description{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pain-point-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--slate-200);margin-top:auto}.pain-point-script-info{flex:1}.no-scripts-label{font-size:var(--text-xs);color:var(--slate-500)}.pain-point-generate-actions{display:flex;align-items:center;gap:var(--space-2)}.generating-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--accent)}.script-type-buttons{display:flex;gap:var(--space-1)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600}.trending-since,.pain-point-meta-note{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px dashed var(--slate-200);color:var(--slate-500)}.trending-since,.pain-point-meta-note.trending{color:var(--secondary-dark);border-top-color:var(--secondary)}.pain-point-meta-note.workflow_complete{color:#15803d;border-top-color:#22c55e4d}.pain-point-meta-note.manual_archive{color:var(--slate-500)}.pain-point-meta-note.stale{color:var(--secondary-dark);border-top-color:#f59e0b4d}.primary-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);background:var(--accent);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.trending-row-layout{display:flex;gap:var(--space-4);align-items:flex-start}.trending-primary{flex:0 0 340px;min-width:0}.trending-primary .pain-point-card{margin-bottom:0}.trending-alternatives{flex:1;min-width:0}.alternatives-header{margin-bottom:var(--space-2)}.alternatives-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.alternatives-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.alternatives-list .pain-point-card{margin-bottom:0;font-size:var(--text-xs)}.alternatives-list .pain-point-title{font-size:var(--text-sm)!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.alternatives-list .pain-point-description{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.alternative-card{border-color:var(--border)!important;background:var(--surface)!important}.alternative-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.alternative-badge{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media(max-width:900px){.pain-point-section-header{flex-direction:column;align-items:flex-start}.trending-row-layout{flex-direction:column}.trending-primary{flex:none;width:100%}.alternatives-list{grid-template-columns:1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) 0;margin-top:var(--space-6);border-top:1px solid var(--slate-200)}.pagination-info{font-size:var(--text-sm);color:var(--primary)}.pagination-total{color:var(--slate-500);margin-left:var(--space-2)}.scripts-grouped{display:flex;flex-direction:column;gap:var(--space-4)}.script-group{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);overflow:hidden}.script-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.script-group-header:hover{background:#6366f10d}.script-group-info{display:flex;align-items:center;gap:var(--space-3)}.script-group-info h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary)}.complete-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;color:var(--success);background:var(--success-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.script-group-actions{display:flex;align-items:center;gap:var(--space-3)}.expand-icon{color:var(--slate-400);transition:transform var(--duration-fast) var(--ease-default)}.expand-icon.expanded{transform:rotate(90deg)}.script-group-content{border-top:1px solid var(--slate-200);padding:var(--space-5);animation:fadeIn var(--duration-fast) var(--ease-out)}.script-tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--slate-100);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow-x:auto}.script-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--slate-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-default)}.script-tab:hover:not(.disabled){color:var(--primary);background:#6366f11a}.script-tab.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-sm)}.script-tab.disabled{opacity:.4;cursor:not-allowed}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.draft{background:var(--slate-500)}.status-dot.in_review{background:var(--warning)}.status-dot.approved{background:var(--success)}.status-dot.in_production{background:var(--info)}.script-content-area{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-5)}.script-html-content{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-4) 0;border:1px solid var(--slate-200);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--slate-700)}.script-html-content h1{font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:2px solid var(--secondary)}.script-html-content h2{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin:var(--space-8) 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:linear-gradient(135deg,#f59e0b1a,#6366f11a)}.script-html-content h2:first-of-type{margin-top:0}.script-html-content h2:first-of-type{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-left-color:var(--accent)}.script-html-content h2:nth-of-type(2){background:linear-gradient(135deg,#f59e0b1f,#fb923c14);border-left-color:var(--secondary)}.script-html-content h2:nth-of-type(3){background:linear-gradient(135deg,#22c55e1f,#4ade8014);border-left-color:#22c55e}.script-html-content h2:nth-of-type(4){background:linear-gradient(135deg,#3b82f61f,#60a5fa14);border-left-color:#3b82f6}.script-html-content h3{font-size:var(--text-lg);font-weight:600;color:var(--secondary-dark);margin:var(--space-5) 0 var(--space-2) 0;padding-bottom:var(--space-2);border-bottom:1px dashed var(--slate-300)}.script-html-content h3+p strong,.script-html-content strong:first-child{display:inline-block;background:var(--slate-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);margin-right:var(--space-2)}.script-html-content h4{font-size:var(--text-base);font-weight:600;color:var(--slate-600);margin:var(--space-4) 0 var(--space-2) 0}.script-html-content p{margin:0 0 var(--space-4) 0}.script-html-content em{font-style:italic;color:var(--slate-600)}.script-html-content ul,.script-html-content ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}.script-html-content li::marker{color:var(--secondary)}.script-html-content blockquote{border-left:4px solid var(--secondary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--slate-600);font-style:italic;background:var(--slate-50);padding:var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0}.script-html-content code{background:var(--slate-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.script-html-content pre{background:var(--slate-800);color:var(--slate-100);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4) 0}.script-html-content pre code{background:transparent;padding:0;color:inherit}.script-html-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,var(--slate-300) 50%,transparent 100%);margin:var(--space-8) 0}.script-content-wrapper{max-height:calc(100vh - 350px);min-height:400px;overflow-y:auto;padding-right:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--slate-300) var(--slate-100)}.script-content-wrapper::-webkit-scrollbar{width:8px}.script-content-wrapper::-webkit-scrollbar-track{background:var(--slate-100);border-radius:var(--radius-full)}.script-content-wrapper::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}.script-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.script-html-content a{color:var(--secondary);text-decoration:underline}.script-html-content a:hover{color:var(--primary)}.script-html-content>p:first-of-type{font-size:var(--text-lg);color:var(--slate-600);margin-bottom:var(--space-5)}.script-html-content p strong:first-child{display:inline-block;background:linear-gradient(135deg,var(--secondary-light),var(--accent-light));padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-right:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.script-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.assigned-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;color:var(--info);background:var(--info-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.script-html-content{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--primary);background:#fff;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--slate-200);max-height:400px;overflow-y:auto}.script-html-content h1,.script-html-content h2,.script-html-content h3,.script-html-content h4{font-family:var(--font-sans);font-weight:600;color:var(--primary);margin:var(--space-4) 0 var(--space-2)}.script-html-content h3{font-size:var(--text-base);color:var(--secondary-dark);border-bottom:1px solid var(--secondary-light);padding-bottom:var(--space-2)}.script-html-content p{margin-bottom:var(--space-3)}.script-html-content ul,.script-html-content ol{margin:var(--space-3) 0;padding-left:var(--space-5)}.script-html-content li{margin-bottom:var(--space-2)}.script-html-content strong{font-weight:600;color:var(--primary)}.script-assignment{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--slate-200)}.script-assignment h4{font-size:var(--text-sm);font-weight:600;color:var(--slate-600);margin-bottom:var(--space-3)}.videographer-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.videographer-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:2px solid var(--slate-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.videographer-option:hover:not(.disabled){border-color:var(--slate-300)}.videographer-option.selected{border-color:var(--accent);background:var(--accent-light)}.videographer-option.disabled{opacity:.5;cursor:not-allowed;background:var(--slate-50)}.videographer-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.videographer-info{flex:1}.videographer-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--primary)}.videographer-specialty{font-size:var(--text-xs);color:var(--slate-600)}.lock-icon{color:var(--slate-600)}.assignment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.assignment-header h4{margin:0}.assignment-header .btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1)}.selected-by-badge{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--slate-500);background:var(--slate-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-left:auto}.videographer-option.disabled .selected-by-badge{color:var(--slate-400)}.modal-lg{max-width:900px;width:90vw}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);max-height:60vh;overflow-y:auto}.videographer-column{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;min-height:200px}.videographer-column-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--slate-200);margin-bottom:var(--space-3)}.videographer-column-header h4{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--primary)}.videographer-column-header .specialty{font-size:var(--text-xs);color:var(--slate-500)}.videographer-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base);flex-shrink:0}.assignment-count{margin-left:auto;background:var(--accent);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;min-width:28px;text-align:center}.assigned-scripts-list{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.no-assignments{color:var(--slate-400);font-style:italic;text-align:center;padding:var(--space-4);font-size:var(--text-sm)}.assigned-script-card{background:#fff;border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);border:1px solid var(--slate-200)}.assigned-script-card.existing{background:linear-gradient(135deg,#22c55e0d,#22c55e05);border-color:#22c55e4d}.assigned-script-card.pending{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f64d}.assigned-script-card .status-badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px;margin-left:auto}.assigned-script-card .status-badge.approved{background:#22c55e1a;color:#16a34a}.script-type-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;background:var(--secondary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.script-type-badge.type-30s{background:var(--accent)}.script-type-badge.type-15s{background:var(--secondary)}.script-type-badge.type-60s{background:var(--primary)}.script-type-badge.type-ad{background:var(--error)}.script-type-badge.type-blog{background:var(--success)}.assigned-script-card .pain-point-title{flex:1;font-size:var(--text-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn-remove{background:none;border:none;color:var(--slate-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-default);display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:var(--error-light, rgba(239, 68, 68, .1));color:var(--error)}.modal-footer-split{display:flex;justify-content:space-between;align-items:center}.footer-summary{color:var(--slate-600);font-size:var(--text-sm)}.footer-actions{display:flex;gap:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--slate-400);text-align:center}.empty-state svg{margin-bottom:var(--space-4)}@media(max-width:768px){.modal-lg{width:95vw;max-width:none}.assignment-grid{grid-template-columns:1fr}.modal-footer-split{flex-direction:column;gap:var(--space-3)}.footer-summary{text-align:center}.footer-actions{width:100%;flex-direction:column}.footer-actions .btn{width:100%;justify-content:center}}.no-script{text-align:center;padding:var(--space-8);background:#fff;border-radius:var(--radius-lg);border:1px dashed var(--slate-200)}.no-script p{color:var(--slate-600);margin-bottom:var(--space-4)}.avatar-raw-research{padding:var(--space-6);border-top:1px solid var(--slate-200)}.avatar-raw-research h4{font-size:var(--text-sm);font-weight:600;color:var(--slate-600);margin-bottom:var(--space-3)}.research-content{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--slate-700)!important;padding:var(--space-4);background:var(--slate-50)!important;border-radius:var(--radius-lg)}.research-content *{color:var(--slate-700)!important;background:transparent!important;background-color:transparent!important}.research-content h1,.research-content h2,.research-content h3,.research-content h4,.research-content h5,.research-content h6{color:var(--slate-900)!important;margin:var(--space-2) 0}.research-content a{color:var(--accent)!important}.approval-summary{font-size:var(--text-base);color:var(--primary);margin-bottom:var(--space-4)}.approval-list{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.approval-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--primary)}.approval-item:not(:last-child){border-bottom:1px solid var(--slate-200)}.approval-icon{color:var(--success)}.prompts-content{display:flex;flex-direction:column;gap:var(--space-6)}.crawled-data-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden}.crawled-data-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:linear-gradient(135deg,var(--accent-light) 0%,rgba(99,102,241,.05) 100%);border-bottom:1px solid var(--slate-200)}.crawled-data-header h3{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--primary)}.crawled-date{font-size:var(--text-xs);color:var(--slate-500)}.crawled-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-5)}.crawled-item{display:flex;flex-direction:column;gap:var(--space-1)}.crawled-item.full-width{grid-column:1 / -1}.crawled-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.crawled-value{font-size:var(--text-sm);color:var(--primary);line-height:var(--leading-relaxed)}.crawled-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.crawled-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;background:var(--slate-100);color:var(--slate-700);border-radius:var(--radius-full)}.crawled-tag.hashtag{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:var(--accent)}.crawled-tag.keyword{background:#f59e0b1a;color:var(--secondary-dark)}.prompts-list{display:flex;flex-direction:column;gap:var(--space-4)}.prompt-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden}.prompt-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--slate-50);border-bottom:1px solid var(--slate-200)}.prompt-info{display:flex;align-items:center;gap:var(--space-3)}.prompt-info h4{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--primary)}.prompt-type-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;background:var(--slate-200);color:var(--slate-600);border-radius:var(--radius-sm)}.customized-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm)}.prompt-preview{padding:var(--space-4) var(--space-5)}.prompt-template-preview{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--slate-600);white-space:pre-wrap;word-break:break-word;background:var(--slate-50);padding:var(--space-4);border-radius:var(--radius-lg);max-height:120px;overflow:hidden}.prompt-edit-form{padding:var(--space-4) var(--space-5);width:100%;box-sizing:border-box}.prompt-template-input{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);min-height:300px;resize:vertical;width:100%;box-sizing:border-box}.prompt-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.prompt-variable-hint{background:linear-gradient(135deg,var(--blue-50) 0%,var(--indigo-50) 100%);border:1px solid var(--blue-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.prompt-variable-hint .hint-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--blue-700);margin-bottom:var(--space-2)}.prompt-variable-hint .hint-header svg{color:var(--blue-500)}.prompt-variable-hint .hint-text{font-size:var(--text-xs);color:var(--blue-600);margin:0 0 var(--space-2) 0}.prompt-variable-hint .hint-variables{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.prompt-variable-hint .variable-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--white);color:var(--indigo-600);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--blue-200);white-space:nowrap}.prompt-variable-hint .hint-note{font-size:var(--text-xs);color:var(--slate-500);margin:0;font-style:italic}.prompt-card-footer{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--slate-50);border-top:1px solid var(--slate-200)}.prompt-card-footer span{font-size:var(--text-xs);color:var(--slate-500)}.prompt-model,.prompt-temp,.prompt-tokens{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:900px){.avatar-display,.avatar-sections{grid-template-columns:1fr}}@media(max-width:768px){.canvas-header-content{flex-direction:column;align-items:stretch}.canvas-tabs{width:100%;overflow-x:auto}.panel-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.script-type-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.auto-discover-section{background:linear-gradient(135deg,#fb923c0d,#f59e0b14);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.auto-discover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.auto-discover-header h3{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary)}.auto-discover-header h3 svg{color:var(--secondary)}.generated-today-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--success);background:var(--success-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.auto-discover-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.auto-discover-actions .btn-accent{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%)}.auto-discover-actions .btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-dark) 0%,var(--secondary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.auto-discover-actions .btn-accent:disabled{background:var(--slate-300);cursor:not-allowed;opacity:.7}.todays-discovered{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px dashed rgba(245,158,11,.3)}.todays-discovered h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--secondary-dark);margin-bottom:var(--space-3)}.todays-discovered h4 svg{color:var(--secondary)}.discovered-list{display:flex;flex-direction:column;gap:var(--space-2)}.discovered-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--slate-200)}.discovered-title{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.discovered-source{font-size:var(--text-xs);color:var(--slate-500);white-space:nowrap}@media(max-width:768px){.auto-discover-section{padding:var(--space-4)}.auto-discover-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.auto-discover-actions{flex-direction:column;width:100%}.auto-discover-actions .btn{width:100%;justify-content:center}.discovered-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.scripts-production-board{display:flex;flex-direction:column;height:100%;background:var(--slate-50)}.production-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);background:#fff;border-bottom:3px solid var(--primary)}.production-title{display:flex;flex-direction:column;gap:var(--space-1)}.production-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:fit-content}.production-title h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--primary);letter-spacing:-.02em;margin:0}.production-actions{display:flex;gap:var(--space-3)}.pipeline-tabs{display:flex;gap:0;padding:0 var(--space-6);background:#fff;border-bottom:1px solid var(--slate-200)}.pipeline-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:none;border:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--slate-500);cursor:pointer;position:relative;transition:all .2s ease}.pipeline-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.pipeline-tab:hover{color:var(--primary);background:var(--slate-50)}.pipeline-tab.active{color:var(--primary)}.pipeline-tab.active:after{background:var(--accent)}.tab-label{text-transform:uppercase;letter-spacing:.05em}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:700;background:var(--slate-100);color:var(--slate-600);border-radius:var(--radius-full);transition:all .2s ease}.pipeline-tab.active .tab-count{background:var(--accent);color:#fff}.scripts-board{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.pain-point-lane{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden;transition:box-shadow .2s ease}.pain-point-lane:hover{box-shadow:0 4px 20px #0000000f}.lane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(to right,var(--slate-50),white);border-bottom:1px solid var(--slate-100)}.lane-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.lane-actions{display:flex;align-items:center;gap:var(--space-2)}.lane-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.severity-pill{flex-shrink:0;padding:var(--space-1) var(--space-3);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full)}.severity-pill.critical{background:var(--error-light);color:var(--error)}.severity-pill.high{background:#f59e0b26;color:var(--secondary-dark)}.severity-pill.medium{background:var(--slate-100);color:var(--slate-600)}.severity-pill.low{background:var(--success-light);color:var(--success)}.script-cards-row{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-x:auto;scrollbar-width:thin}.script-cards-row::-webkit-scrollbar{height:6px}.script-cards-row::-webkit-scrollbar-track{background:var(--slate-100);border-radius:var(--radius-full)}.script-cards-row::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}.script-card{flex:0 0 280px;background:var(--slate-50);border-radius:var(--radius-lg);border:1px solid var(--slate-200);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all .2s ease;cursor:pointer}.script-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #6366f11f;transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between}.type-indicator{display:flex;align-items:center;gap:var(--space-2)}.type-indicator .type-badge{padding:var(--space-1) var(--space-3);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm)}.type-badge.type-short{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff}.type-badge.type-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.type-badge.type-long{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.type-badge.type-article{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.card-status{font-size:var(--text-xs);font-weight:600;color:var(--slate-500);text-transform:capitalize}.card-status.status-draft{color:var(--slate-500)}.card-status.status-in_review{color:var(--secondary)}.card-status.status-approved,.card-status.status-in_production{color:var(--accent)}.card-status.status-completed{color:var(--success)}.card-preview{flex:1;min-height:60px}.preview-content{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--slate-600);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-assignee{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--slate-200)}.assignee-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.assignee-name{font-size:var(--text-xs);font-weight:600;color:var(--primary)}.no-assignee{font-size:var(--text-xs);color:var(--slate-400);font-style:italic}.card-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--slate-200)}.assign-dropdown{flex:1}.assign-dropdown select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-md);cursor:pointer}.action-buttons{display:flex;gap:var(--space-1)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-md);color:var(--slate-500);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--slate-50);border-color:var(--slate-300);color:var(--primary)}.btn-icon.approve{background:var(--success-light);border-color:var(--success);color:var(--success)}.btn-icon.approve:hover{background:var(--success);color:#fff}.btn-review-video{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-review-video:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b98166}.btn-review-video svg{width:14px;height:14px}.add-script-card{flex:0 0 280px;min-height:180px;background:transparent;border:2px dashed var(--slate-300);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all .2s ease}.add-script-card:hover{border-color:var(--accent);background:#6366f105}.add-script-card svg{color:var(--slate-400)}.add-script-card span{font-size:var(--text-sm);font-weight:600;color:var(--slate-400)}.empty-pipeline-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-pipeline-state svg{color:var(--slate-300);margin-bottom:var(--space-4)}.empty-pipeline-state h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--slate-600);margin-bottom:var(--space-2)}.empty-pipeline-state p{font-size:var(--text-sm);color:var(--slate-500);max-width:300px}.production-empty{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200)}.script-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-6)}.script-detail-modal{width:100%;max-width:800px;max-height:90vh;background:#fff;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:linear-gradient(to right,var(--slate-50),white);border-bottom:1px solid var(--slate-200)}.detail-title{display:flex;align-items:center;gap:var(--space-3)}.detail-title .type-badge{padding:var(--space-1) var(--space-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);color:#fff}.detail-title h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--primary)}.detail-tabs{display:flex;gap:0;padding:0 var(--space-6);background:#fff;border-bottom:1px solid var(--slate-200)}.detail-tab{padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:600;color:var(--slate-500);cursor:pointer;position:relative}.detail-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent}.detail-tab:hover{color:var(--primary)}.detail-tab.active{color:var(--accent)}.detail-tab.active:after{background:var(--accent)}.detail-content{flex:1;overflow-y:auto;padding:var(--space-6)}.detail-content .script-html-content{font-size:var(--text-base);line-height:1.75;color:var(--primary)}.detail-content .script-html-content h1,.detail-content .script-html-content h2,.detail-content .script-html-content h3{font-family:var(--font-display);font-weight:700;margin:var(--space-4) 0 var(--space-2)}.detail-content .script-html-content p{margin-bottom:var(--space-4)}.detail-content .script-html-content ul,.detail-content .script-html-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--slate-50);border-top:1px solid var(--slate-200)}.carousel-toggle-btn{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--slate-600);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.carousel-toggle-btn:hover{background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-800)}.carousel-toggle-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.carousel-toggle-btn svg{flex-shrink:0}.meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.meta-label{font-size:var(--text-xs);font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.detail-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#fff;border-top:1px solid var(--slate-200)}.assignment-section{display:flex;align-items:center;gap:var(--space-3)}.section-label{font-size:var(--text-sm);font-weight:600;color:var(--slate-600)}.videographer-chips{display:flex;gap:var(--space-2)}.videographer-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.videographer-chip:hover{background:var(--slate-200)}.videographer-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.chip-avatar{width:20px;height:20px;border-radius:var(--radius-full);background:var(--slate-300);color:var(--slate-600);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.videographer-chip.selected .chip-avatar{background:#fff3;color:#fff}.chip-name{font-size:var(--text-xs);font-weight:600}.detail-actions{display:flex;align-items:center;gap:var(--space-3);width:100%;justify-content:flex-end}.production-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--success-light);color:var(--success);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.modal-xl{max-width:1000px;width:95vw}.script-edit-modal{max-height:90vh;display:flex;flex-direction:column}.edit-modal-title{display:flex;align-items:center;gap:var(--space-3)}.edit-modal-title .type-badge{padding:var(--space-1) var(--space-3);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);color:#fff}.script-edit-modal .modal-body{flex:1;padding:var(--space-4) var(--space-6);overflow:hidden}.script-editor{width:100%;height:100%;min-height:400px;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.75;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);resize:vertical;transition:border-color .2s ease}.script-editor:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}@media(max-width:900px){.script-cards-row{flex-direction:column}.script-card,.add-script-card{flex:none;width:100%}.pipeline-tabs{overflow-x:auto;padding:0 var(--space-4)}.detail-meta{grid-template-columns:1fr}}@media(max-width:768px){.production-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.production-actions{width:100%;flex-wrap:wrap}.scripts-board{padding:var(--space-4)}.script-detail-overlay{padding:var(--space-3)}.script-detail-modal{max-height:95vh}.detail-footer{flex-direction:column;gap:var(--space-4)}.assignment-section{width:100%;flex-direction:column;align-items:flex-start}.videographer-chips{flex-wrap:wrap}.detail-actions{width:100%;justify-content:stretch}.detail-actions .btn{flex:1;justify-content:center}}.pain-point-content.clickable{cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.pain-point-content.clickable:hover{opacity:.8}.pain-point-content.clickable:hover .pain-point-title{color:var(--primary)}.pain-point-view-modal{max-width:600px;width:95%}.view-modal-header-content{display:flex;flex-direction:column;gap:var(--space-2)}.view-modal-badges{display:flex;gap:var(--space-2)}.view-pain-point-body{display:flex;flex-direction:column;gap:var(--space-5)}.view-pain-point-title h3{font-size:var(--text-xl);font-weight:600;color:var(--slate-900);line-height:1.4;margin:0}.view-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);margin-bottom:var(--space-2)}.view-pain-point-description p{font-size:var(--text-base);color:var(--slate-700);line-height:1.7;margin:0}.view-pain-point-keywords .keywords-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.view-pain-point-source p,.view-pain-point-scripts p,.view-pain-point-date p{font-size:var(--text-sm);color:var(--slate-600);margin:0}.view-modal-footer{display:flex;justify-content:space-between;gap:var(--space-3)}.view-modal-footer .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.view-modal-footer .btn-danger{background:var(--red-50);color:var(--red-600);border:1px solid var(--red-200)}.view-modal-footer .btn-danger:hover{background:var(--red-100);border-color:var(--red-300)}.production-modal{max-width:900px;z-index:500}.modal-overlay:has(.production-modal){z-index:450}.production-pain-point-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.production-pain-point-header svg{color:var(--secondary);flex-shrink:0;margin-top:2px}.production-pain-point-header h3{font-size:var(--text-lg);font-weight:600;color:var(--primary);margin:0 0 var(--space-1) 0}.production-pain-point-header .text-secondary{font-size:var(--text-sm);color:var(--slate-500);margin:0}.production-assignment-grid{border:1px solid var(--slate-200);border-radius:var(--radius-lg);overflow:hidden;position:relative;z-index:1}.assignment-header{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(100px,1fr));background:var(--slate-100);border-bottom:1px solid var(--slate-200)}.header-videographer{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--slate-700)}.header-content-type{padding:var(--space-3) var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--slate-600);text-align:center;border-left:1px solid var(--slate-200)}.assignment-row{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(100px,1fr));border-bottom:1px solid var(--slate-100);transition:background var(--duration-fast) var(--ease-default)}.assignment-row:last-child{border-bottom:none}.assignment-row:hover{background:var(--slate-50)}.videographer-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.videographer-info .videographer-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.videographer-info>div{display:flex;flex-direction:column;gap:2px}.videographer-name{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.videographer-specialty{font-size:var(--text-xs);color:var(--slate-500)}.content-type-cell{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);border-left:1px solid var(--slate-100)}.checkbox-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;width:20px;height:20px;cursor:pointer;z-index:1}.checkbox-wrapper .checkmark{width:20px;height:20px;border:2px solid var(--slate-300);border-radius:var(--radius-sm);background:#fff;transition:all var(--duration-fast) var(--ease-default)}.checkbox-wrapper input:checked+.checkmark{background:var(--secondary);border-color:var(--secondary)}.checkbox-wrapper input:checked+.checkmark:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-wrapper:hover .checkmark{border-color:var(--secondary)}.checkbox-wrapper.disabled{cursor:not-allowed;opacity:.7}.checkbox-wrapper.disabled .checkmark{background:var(--success-light);border-color:var(--success)}.checkbox-wrapper.disabled .checkmark.assigned{background:var(--success);border-color:var(--success)}.checkbox-wrapper.disabled .checkmark.assigned:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-wrapper.disabled:hover .checkmark{border-color:var(--success)}.already-assigned{color:var(--slate-300);font-size:var(--text-lg)}.already-locked{display:flex;align-items:center;justify-content:center;color:var(--amber-500);opacity:.7}.assigned-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--green-100);color:var(--green-600);border-radius:50%}.btn-production{background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;border:none}.btn-production:hover{filter:brightness(1.1)}.videographer-notes-section{padding-top:var(--space-4);border-top:1px solid var(--slate-100)}.videographer-notes-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.videographer-note-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md);border:1px solid var(--slate-100)}.note-header{display:flex;align-items:center;gap:var(--space-2)}.videographer-avatar.small{width:28px;height:28px;font-size:var(--text-xs)}.note-header .videographer-name{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.videographer-note-item .form-textarea{min-height:60px;resize:vertical;background:#fff}.modal-md{max-width:600px}.modal-description{color:var(--slate-600);margin-bottom:var(--space-5)}.setup-prompts-options{display:flex;flex-direction:column;gap:var(--space-3)}.setup-option-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:2px solid var(--slate-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out);background:#fff}.setup-option-card:hover:not(.disabled){border-color:var(--violet-300);background:var(--violet-50)}.setup-option-card.selected{border-color:var(--accent);background:linear-gradient(135deg,var(--violet-50),var(--cyan-50))}.setup-option-card.disabled{opacity:.5;cursor:not-allowed;background:var(--slate-50)}.setup-option-card input[type=radio]{display:none}.setup-option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--slate-100);border-radius:var(--radius-lg);color:var(--slate-500);flex-shrink:0}.setup-option-card.selected .setup-option-icon{background:linear-gradient(135deg,var(--violet-500),var(--cyan-500));color:#fff}.setup-option-content{flex:1}.setup-option-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--space-1)}.setup-option-content p{font-size:var(--text-sm);color:var(--slate-600);margin-bottom:var(--space-2);line-height:1.5}.setup-option-hint{display:inline-block;font-size:var(--text-xs);color:var(--slate-500);background:var(--slate-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.setup-option-card.selected .setup-option-hint{background:var(--violet-100);color:var(--violet-700)}.setup-prompts-warning{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--amber-50);border:1px solid var(--amber-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--amber-700)}.setup-prompts-warning svg{flex-shrink:0;color:var(--amber-500)}.script-hub{display:flex;flex-direction:column;gap:var(--space-6)}.script-hub .loading-state,.script-hub .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);height:300px;color:var(--slate-500)}.script-hub .error-state{color:var(--error)}.script-hub .spinner{animation:spin 1s linear infinite}.status-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3)}.status-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:#fff;border:2px solid var(--slate-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.status-card:hover{border-color:var(--slate-300)}.status-card.active{border-color:var(--primary);background:var(--slate-50)}.status-card.draft.active{border-color:var(--slate-500)}.status-card.review.active{border-color:var(--warning);background:var(--warning-light)}.status-card.approved.active{border-color:var(--success);background:var(--success-light)}.status-card.production.active{border-color:var(--info);background:var(--info-light)}.status-card.completed.active{border-color:var(--accent);background:#6c63ff1a}.status-count{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--primary)}.status-card.review .status-count{color:var(--warning-dark)}.status-card.approved .status-count{color:var(--success)}.status-card.production .status-count{color:var(--info)}.status-card.completed .status-count{color:var(--accent)}.status-label{font-size:var(--text-sm);font-weight:500;color:var(--slate-600)}.filters-toolbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--slate-200)}.filter-selects{display:flex;gap:var(--space-3)}.filter-select-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--slate-50);border-radius:var(--radius-md)}.filter-select-wrapper svg{color:var(--slate-500);flex-shrink:0;pointer-events:none}.filter-select-wrapper svg:last-child{position:absolute;right:var(--space-3)}.filter-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:var(--text-sm);color:var(--primary);padding-right:var(--space-6);cursor:pointer}.scripts-table-wrapper{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden}.scripts-table{width:100%;border-collapse:collapse}.scripts-table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--slate-200)}.scripts-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--slate-200);vertical-align:middle}.scripts-table tr{animation:fadeIn var(--duration-normal) var(--ease-out) backwards}.scripts-table tr:hover{background:var(--slate-50)}.scripts-table tr:last-child td{border-bottom:none}.script-cell{display:flex;align-items:center;gap:var(--space-3)}.script-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--slate-50);border-radius:var(--radius-md);color:var(--slate-600);flex-shrink:0}.script-info{display:flex;flex-direction:column;gap:2px}.script-title{font-weight:500;color:var(--primary)}.script-preview-text{font-size:var(--text-xs);color:var(--slate-500)}.project-link{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.project-link:hover{text-decoration:underline}.type-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);background:var(--secondary-light);color:var(--secondary-dark)}.type-badge.paid-ad{background:var(--error-light);color:var(--error)}.type-badge.story-script{background:var(--info-light);color:var(--info)}.type-badge.blog-post{background:var(--success-light);color:var(--success)}.type-badge.15s,.type-badge.3s,.type-badge.6s{background:var(--secondary-light);color:var(--secondary-dark)}.type-badge.ad{background:var(--error-light);color:var(--error)}.type-badge.blog{background:var(--success-light);color:var(--success)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.status-badge.draft{background:var(--slate-100);color:var(--slate-500)}.status-badge.in_review{background:var(--warning-light);color:var(--warning-dark)}.status-badge.approved{background:var(--success-light);color:var(--success)}.status-badge.in_production{background:var(--info-light);color:var(--info)}.status-badge.completed{background:#6c63ff1a;color:var(--accent)}.status-badge.rejected{background:var(--error-light);color:var(--error)}.videographer-cell .unassigned{color:var(--slate-500);font-style:italic}.actions-cell{display:flex;gap:var(--space-1)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--slate-500);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.action-btn:hover{background:var(--slate-200);color:var(--primary)}.action-btn.approve{color:var(--success)}.action-btn.approve:hover{background:var(--success-light)}.script-full-preview{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);max-height:60vh;overflow-y:auto}.script-full-preview.script-html-content{background:#fff;border:1px solid var(--slate-200);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--slate-700)}.script-full-preview.script-html-content h1{font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:2px solid var(--secondary)}.script-full-preview.script-html-content h2{font-size:var(--text-xl);font-weight:600;color:var(--primary);margin:var(--space-6) 0 var(--space-3) 0}.script-full-preview.script-html-content h3{font-size:var(--text-lg);font-weight:600;color:var(--secondary);margin:var(--space-5) 0 var(--space-2) 0}.script-full-preview.script-html-content h4{font-size:var(--text-base);font-weight:600;color:var(--slate-600);margin:var(--space-4) 0 var(--space-2) 0}.script-full-preview.script-html-content p{margin:0 0 var(--space-4) 0}.script-full-preview.script-html-content strong{font-weight:600;color:var(--primary)}.script-full-preview.script-html-content em{font-style:italic;color:var(--slate-600)}.script-full-preview.script-html-content ul,.script-full-preview.script-html-content ol{margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}.script-full-preview.script-html-content li{margin-bottom:var(--space-2)}.script-full-preview.script-html-content li::marker{color:var(--secondary)}.script-full-preview.script-html-content blockquote{border-left:4px solid var(--secondary);padding:var(--space-4);margin:var(--space-4) 0;color:var(--slate-600);font-style:italic;background:var(--slate-50);border-radius:0 var(--radius-md) var(--radius-md) 0}.script-full-preview.script-html-content hr{border:none;border-top:1px solid var(--slate-200);margin:var(--space-6) 0}.script-full-preview.script-html-content a{color:var(--secondary);text-decoration:underline}.script-full-preview.script-html-content a:hover{color:var(--primary)}.script-meta{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--slate-600)}.approval-preview{padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.approval-preview h4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;margin-top:var(--space-2)}.approval-preview p{font-size:var(--text-sm);color:var(--slate-600);margin-top:var(--space-1)}.script-hub .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);background:#fff;border:2px dashed var(--slate-200);border-radius:var(--radius-xl);text-align:center}.script-hub .empty-state svg{margin-bottom:var(--space-4);color:var(--slate-300)}.script-hub .empty-state h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.script-hub .empty-state p{color:var(--slate-600)}@media(max-width:1200px){.status-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.status-cards{grid-template-columns:repeat(3,1fr)}.scripts-table-wrapper{overflow-x:auto}.scripts-table{min-width:800px}}@media(max-width:768px){.filters-toolbar{flex-direction:column;align-items:stretch}.filter-selects{flex-direction:column}.status-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.status-cards{grid-template-columns:1fr 1fr}.status-card{padding:var(--space-3)}.status-count{font-size:var(--text-xl)}.status-label{font-size:var(--text-xs)}}.video-production{display:flex;flex-direction:column;gap:var(--space-6);height:calc(100vh - var(--header-height) - var(--space-16))}.video-production .loading-state,.video-production .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);height:300px;color:var(--slate-500)}.video-production .error-state{color:var(--error)}.video-production .spinner{animation:spin 1s linear infinite}.header-stats{display:flex;gap:var(--space-6)}.header-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--slate-50);border-radius:var(--radius-lg)}.stat-number{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:var(--primary)}.stat-text{font-size:var(--text-xs);color:var(--slate-600)}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);flex:1;min-height:0;overflow-x:auto;padding-bottom:var(--space-4)}.kanban-column{display:flex;flex-direction:column;min-width:280px;background:var(--slate-50);border-radius:var(--radius-xl);transition:background var(--duration-fast) var(--ease-default)}.kanban-column.drag-over{background:var(--slate-100)}.column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--slate-200)}.column-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm)}.column-header.neutral .column-title{color:var(--slate-600)}.column-header.warning .column-title{color:var(--warning-dark)}.column-header.amber .column-title{color:var(--secondary)}.column-header.coral .column-title{color:var(--error)}.column-header.azure .column-title{color:var(--info)}.column-header.sage .column-title{color:var(--success)}.column-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);background:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--slate-600)}.column-content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--slate-500)}.column-empty svg{margin-bottom:var(--space-2);opacity:.5}.column-empty p{font-size:var(--text-sm)}.kanban-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);cursor:grab;box-shadow:var(--shadow-sm);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-default);animation:fadeInUp var(--duration-normal) var(--ease-out) backwards}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--slate-200)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;transform:rotate(3deg)}.kanban-card.updating{opacity:.7;pointer-events:none}.card-updating-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);z-index:10}.kanban-card{position:relative}.kanban-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.type-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--secondary-light);color:var(--secondary-dark)}.type-tag.paid-ad{background:var(--error-light);color:var(--error)}.type-tag.story-script{background:var(--info-light);color:var(--info)}.type-tag.blog-post{background:var(--success-light);color:var(--success)}.card-menu{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--slate-500);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-default)}.kanban-card:hover .card-menu{opacity:1}.card-menu:hover{background:var(--slate-50);color:var(--primary)}.card-title{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:var(--space-1);line-height:var(--leading-snug)}.card-project{font-size:var(--text-xs);color:var(--slate-500);margin-bottom:var(--space-3)}.card-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.card-progress .progress-bar{flex:1;height:6px}.card-progress .progress-bar-fill.neutral{background:var(--slate-500)}.card-progress .progress-bar-fill.amber{background:var(--secondary)}.card-progress .progress-bar-fill.coral{background:var(--error)}.card-progress .progress-bar-fill.azure{background:var(--info)}.card-progress .progress-bar-fill.sage{background:var(--success)}.progress-text{font-size:var(--text-xs);font-weight:500;color:var(--slate-500);min-width:32px;text-align:right}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--slate-200)}.card-meta{display:flex;align-items:center;gap:var(--space-1);font-size:11px;color:var(--slate-500)}.card-video-link{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);font-size:11px;color:var(--success);font-weight:500}.type-tag.15s,.type-tag.3s,.type-tag.6s{background:var(--secondary-light);color:var(--secondary-dark)}.type-tag.ad{background:var(--error-light);color:var(--error)}.type-tag.blog{background:var(--success-light);color:var(--success)}.video-production .modal{display:flex;flex-direction:column;max-height:90vh}.video-production .modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6)}.detail-main{display:flex;flex-direction:column;gap:var(--space-5)}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);aspect-ratio:16/9;background:var(--slate-100);border-radius:var(--radius-lg);color:var(--slate-500)}.video-preview{border-radius:var(--radius-lg);overflow:hidden;background:var(--slate-900)}.video-preview video{width:100%;max-height:400px;object-fit:contain}.review-notes{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed);margin:0}.video-placeholder span{font-size:var(--text-sm)}.script-content h4{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.script-content .script-html-content{background:var(--slate-50);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.7;color:var(--slate-700)}.script-content .script-html-content h1{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--secondary)}.script-content .script-html-content h2{font-size:var(--text-lg);font-weight:600;color:var(--primary);margin:var(--space-4) 0 var(--space-2) 0}.script-content .script-html-content h3{font-size:var(--text-base);font-weight:600;color:var(--secondary);margin:var(--space-3) 0 var(--space-2) 0}.script-content .script-html-content p{margin:0 0 var(--space-3) 0}.script-content .script-html-content strong{font-weight:600;color:var(--primary)}.script-content .script-html-content em{font-style:italic;color:var(--slate-600)}.script-content .script-html-content ul,.script-content .script-html-content ol{margin:0 0 var(--space-3) 0;padding-left:var(--space-5)}.script-content .script-html-content li{margin-bottom:var(--space-1)}.script-content .script-html-content li::marker{color:var(--secondary)}.script-content .script-html-content blockquote{border-left:3px solid var(--secondary);padding:var(--space-3);margin:var(--space-3) 0;color:var(--slate-600);font-style:italic;background:#fff;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.script-content .script-html-content hr{border:none;border-top:1px solid var(--slate-200);margin:var(--space-4) 0}.script-content .script-html-content br{display:block;margin-bottom:var(--space-2)}.detail-sidebar{display:flex;flex-direction:column;gap:var(--space-5)}.detail-section{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-4)}.detail-section h4{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--slate-600);margin-bottom:var(--space-4)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--slate-200)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--text-sm);color:var(--slate-500)}.detail-value{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.progress-inline{display:flex;align-items:center;gap:var(--space-2)}.progress-inline .progress-bar{width:80px;height:6px}.progress-inline span{font-size:var(--text-xs);font-weight:500;color:var(--slate-600)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;gap:var(--space-3)}.activity-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-full);color:var(--success);flex-shrink:0}.activity-content{display:flex;flex-direction:column;gap:2px}.activity-content span:first-child{font-size:var(--text-sm);color:var(--primary)}.activity-time{font-size:var(--text-xs);color:var(--slate-500)}@media(max-width:1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.kanban-board{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.kanban-board{grid-template-columns:1fr}.header-stats{flex-direction:column;gap:var(--space-2)}}.publishing{display:flex;flex-direction:column;gap:var(--space-6)}.publishing .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4);color:var(--slate-500)}.publishing .spinner{animation:spin 1s linear infinite}.status-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.status-banner.warning{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning)}.status-banner.success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.publishing-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6)}.calendar-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-6)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.calendar-nav{display:flex;align-items:center;gap:var(--space-2)}.calendar-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);min-width:180px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--slate-200);border-radius:var(--radius-lg);overflow:hidden}.calendar-weekday{padding:var(--space-3);text-align:center;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--slate-500);background:var(--slate-50)}.calendar-day{min-height:100px;padding:var(--space-2);background:#fff;cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.calendar-day:hover{background:var(--slate-50)}.calendar-day.padding{background:var(--slate-50);cursor:default}.calendar-day.today .day-number{background:var(--secondary);color:#fff}.calendar-day.selected{background:var(--secondary-light)}.calendar-day.has-posts{background:var(--slate-100)}.day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--text-sm);font-weight:500;color:var(--primary);border-radius:var(--radius-full)}.day-posts{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.day-post{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#fff}.day-post.coral,.day-post.crimson{background:var(--error)}.day-post.azure{background:var(--info)}.day-post.charcoal{background:var(--primary)}.more-posts{font-size:10px;font-weight:600;color:var(--slate-500)}.publishing-sidebar{display:flex;flex-direction:column;gap:var(--space-5)}.sidebar-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-5)}.sidebar-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--primary);margin-bottom:var(--space-4)}.posts-list{display:flex;flex-direction:column;gap:var(--space-3)}.post-card{padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg)}.post-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.platform-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff}.platform-icon.coral,.platform-icon.crimson{background:var(--error)}.platform-icon.azure{background:var(--info)}.platform-icon.charcoal{background:var(--primary)}.platform-icon-sm.coral,.platform-icon-sm.crimson{background:var(--error)}.platform-icon-sm.azure{background:var(--info)}.platform-icon-sm.charcoal{background:var(--primary)}.post-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--slate-500)}.post-card h4{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.post-card p{font-size:var(--text-xs);color:var(--slate-500);margin-bottom:var(--space-3)}.post-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.post-actions .text-danger{color:var(--error)}.status-badge{font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.status-badge.scheduled{background:var(--info-light);color:var(--info)}.status-badge.publishing{background:var(--warning-light);color:var(--warning)}.status-badge.published{background:var(--success-light);color:var(--success)}.status-badge.failed{background:var(--error-light);color:var(--error)}.status-badge.cancelled{background:var(--slate-200);color:var(--slate-600)}.ready-list{display:flex;flex-direction:column;gap:var(--space-2)}.ready-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md);gap:var(--space-3)}.ready-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ready-title{font-size:var(--text-sm);font-weight:500;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-type{font-size:var(--text-xs);color:var(--slate-500);text-transform:uppercase}.accounts-list{display:flex;flex-direction:column;gap:var(--space-2)}.account-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.account-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-name{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.account-platform{font-size:var(--text-xs);color:var(--slate-500);text-transform:capitalize}.text-success{color:var(--success)}.empty-day{text-align:center;padding:var(--space-6)}.empty-day p{color:var(--slate-500);margin-bottom:var(--space-3)}.upcoming-list{display:flex;flex-direction:column;gap:var(--space-3)}.upcoming-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md)}.upcoming-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.upcoming-title{font-size:var(--text-sm);font-weight:500;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-date{font-size:var(--text-xs);color:var(--slate-500)}.no-upcoming{font-size:var(--text-sm);color:var(--slate-500);text-align:center;padding:var(--space-4)}.platform-stats{display:flex;flex-direction:column;gap:var(--space-2)}.platform-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.platform-name{flex:1;font-size:var(--text-sm);color:var(--slate-600);text-transform:capitalize}.platform-count{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.platform-select{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.platform-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer}.platform-option input{position:absolute;opacity:0}.platform-checkbox{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--slate-50);color:var(--slate-500);border:2px solid var(--slate-200);transition:all var(--duration-fast) var(--ease-default)}.platform-option input:checked+.platform-checkbox{color:#fff}.platform-option input:checked+.platform-checkbox.coral{background:var(--error);border-color:var(--error)}.platform-option input:checked+.platform-checkbox.crimson{background:var(--error);border-color:var(--error)}.platform-option input:checked+.platform-checkbox.azure{background:var(--info);border-color:var(--info)}.platform-option input:checked+.platform-checkbox.charcoal{background:var(--primary);border-color:var(--primary)}.platform-option span{font-size:var(--text-xs);color:var(--slate-600);text-transform:capitalize}.platform-option.selected .platform-checkbox{color:#fff}.platform-option.selected .platform-checkbox.coral,.platform-option.selected .platform-checkbox.crimson{background:var(--error);border-color:var(--error)}.platform-option.selected .platform-checkbox.azure{background:var(--info);border-color:var(--info)}.platform-option.selected .platform-checkbox.charcoal{background:var(--primary);border-color:var(--primary)}.form-hint{font-size:var(--text-xs);color:var(--slate-500);margin-top:var(--space-2)}.schedule-modal{max-width:560px}.schedule-modal .form-textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.schedule-mode-select{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-mode-option{display:block;cursor:pointer}.schedule-mode-option input{position:absolute;opacity:0;pointer-events:none}.schedule-mode-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--slate-50);border:2px solid var(--slate-200);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.schedule-mode-option:hover .schedule-mode-content{background:#fff;border-color:var(--slate-300)}.schedule-mode-option.selected .schedule-mode-content,.schedule-mode-option input:checked+.schedule-mode-content{background:var(--secondary-light);border-color:var(--secondary)}.schedule-mode-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);color:var(--primary);flex-shrink:0}.schedule-mode-icon.warning{color:var(--warning)}.schedule-mode-option.selected .schedule-mode-icon,.schedule-mode-option input:checked+.schedule-mode-content .schedule-mode-icon{background:var(--secondary);color:#fff}.schedule-mode-option.selected .schedule-mode-icon.warning,.schedule-mode-option input:checked+.schedule-mode-content .schedule-mode-icon.warning{background:var(--warning);color:#fff}.schedule-mode-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.schedule-mode-info strong{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.schedule-mode-info span{font-size:var(--text-xs);color:var(--slate-500)}.schedule-mode-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.schedule-mode-badge.recommended{background:var(--success-light);color:var(--success)}.preview-slots{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-3)}.preview-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--slate-500);font-size:var(--text-sm)}.preview-slot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.preview-slot:not(:last-child){border-bottom:1px solid var(--slate-200)}.preview-slot-platform{font-size:var(--text-sm);font-weight:500;color:var(--primary);text-transform:capitalize;flex:1}.preview-slot-time{font-size:var(--text-sm);color:var(--slate-600);font-weight:500}.immediate-confirm-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-lg);color:var(--warning);margin-bottom:var(--space-4)}.immediate-confirm-banner strong{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.immediate-confirm-banner p{font-size:var(--text-xs);margin:0;opacity:.9}.btn-danger:hover{background:#dc2626}@media(max-width:1024px){.publishing-layout{grid-template-columns:1fr}.publishing-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(max-width:768px){.calendar-day{min-height:60px}.day-posts{display:none}.calendar-day.has-posts:after{content:"";display:block;width:6px;height:6px;background:var(--secondary);border-radius:var(--radius-full);margin-top:var(--space-1)}.publishing-sidebar{grid-template-columns:1fr}.platform-select{grid-template-columns:repeat(2,1fr)}}.analytics{display:flex;flex-direction:column;gap:var(--space-6);position:relative}.analytics.analytics-coming-soon{height:calc(100vh - var(--header-height) - var(--space-16));overflow:hidden}.analytics-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#fff6}.overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-12);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:480px;border:1px solid var(--slate-200)}.overlay-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fb923c1a,#f59e0b26);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.overlay-icon svg{color:var(--secondary)}.overlay-content h2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;color:var(--primary);margin:0 0 var(--space-3) 0}.overlay-content p{font-size:var(--text-base);color:var(--slate-600);line-height:var(--leading-relaxed);margin:0}.analytics-blurred-content{filter:blur(4px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.analytics-empty-state{display:flex;align-items:center;justify-content:center;flex:1;min-height:400px;padding:var(--space-10)}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:var(--radius-2xl);background:var(--violet-50);color:var(--violet-500);margin-bottom:var(--space-6)}.empty-state-content h2{font-size:var(--text-2xl);font-weight:700;color:var(--slate-900);margin:0 0 var(--space-3)}.empty-state-content>p{font-size:var(--text-base);color:var(--slate-500);line-height:var(--leading-relaxed);margin:0 0 var(--space-8)}.coming-soon-features{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;width:100%;max-width:360px}.feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--slate-600)}.feature-dot{width:8px;height:8px;border-radius:50%;background:var(--violet-400);flex-shrink:0}.header-filters{display:flex;gap:var(--space-3)}.filter-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);color:var(--slate-500)}.filter-wrapper svg:first-child{flex-shrink:0}.filter-wrapper svg:last-child{flex-shrink:0;pointer-events:none}.filter-select-minimal{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:var(--text-sm);font-weight:500;color:var(--primary);padding-right:var(--space-1);cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.metric-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-5)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.metric-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.metric-icon.views{background:var(--secondary-light);color:var(--secondary-dark)}.metric-icon.engagement{background:var(--error-light);color:var(--error)}.metric-icon.followers{background:var(--info-light);color:var(--info)}.metric-icon.shares{background:var(--success-light);color:var(--success)}.metric-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--error)}.metric-value{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.metric-label{font-size:var(--text-sm);color:var(--slate-500)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.analytics-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-6)}.analytics-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.analytics-card h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary)}.chart-card{grid-column:span 2}.chart-legend{display:flex;gap:var(--space-4)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--slate-600)}.legend-item span{width:12px;height:12px;border-radius:var(--radius-sm)}.legend-item.views span{background:var(--secondary)}.legend-item.engagement span{background:var(--error)}.chart-container{height:280px;padding-top:var(--space-4)}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:var(--space-4)}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%}.bar-container{flex:1;display:flex;align-items:flex-end;gap:4px;width:100%}.bar{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--duration-slow) var(--ease-out)}.bar.views{background:var(--secondary)}.bar.engagement{background:var(--error)}.bar-label{font-size:var(--text-xs);color:var(--slate-500);white-space:nowrap}.platform-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.platform-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--slate-200)}.platform-row:last-child{border-bottom:none}.platform-info{display:flex;align-items:center;gap:var(--space-3)}.platform-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff}.platform-icon.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-icon.youtube{background:red}.platform-icon.linkedin{background:#0077b5}.platform-icon.twitter{background:#1da1f2}.platform-icon-sm{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#fff;flex-shrink:0}.platform-icon-sm.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-icon-sm.youtube{background:red}.platform-icon-sm.linkedin{background:#0077b5}.platform-icon-sm.twitter{background:#1da1f2}.platform-name{font-weight:500;color:var(--primary);text-transform:capitalize}.platform-stats{display:flex;gap:var(--space-6)}.platform-stat{display:flex;flex-direction:column;align-items:flex-end}.platform-stat .stat-value{font-weight:600;color:var(--primary)}.platform-stat .stat-label{font-size:var(--text-xs);color:var(--slate-500)}.top-content-list{display:flex;flex-direction:column;gap:var(--space-3)}.content-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-lg)}.content-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--primary);flex-shrink:0}.content-info{flex:1;min-width:0}.content-title{display:block;font-size:var(--text-sm);font-weight:500;color:var(--primary);margin-bottom:2px}.content-stats{font-size:var(--text-xs);color:var(--slate-500)}.content-growth{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;flex-shrink:0}.content-growth.positive{color:var(--success)}.content-growth.negative{color:var(--error)}.intelligence-insights{display:flex;flex-direction:column;gap:var(--space-4)}.insight-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg)}.insight-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.insight-icon.positive{background:var(--success-light);color:var(--success)}.insight-icon.info{background:var(--info-light);color:var(--info)}.insight-icon.warning{background:var(--warning-light);color:var(--warning-dark)}.insight-content h4{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.insight-content p{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed)}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.chart-card{grid-column:span 1}}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.header-filters{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.platform-stats{flex-direction:column;align-items:flex-end;gap:var(--space-2)}}.settings{display:flex;flex-direction:column;gap:var(--space-6)}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-1);background:var(--primary);border-radius:var(--radius-xl);border:none;padding:var(--space-3);height:fit-content;position:sticky;top:calc(var(--header-height) + var(--space-8))}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:#ffffffd9;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-default)}.settings-nav-item:hover{background:#ffffff1a;color:#fff}.settings-nav-item.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f14d}.settings-content{min-width:0}.settings-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-6)}.settings-section .section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--slate-200)}.settings-section .section-header h2{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.settings-section .section-header p{font-size:var(--text-sm);color:var(--slate-600)}.settings-group{margin-bottom:var(--space-6)}.settings-group:last-child{margin-bottom:0}.settings-group h3{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--slate-500);margin-bottom:var(--space-4)}.settings-options{display:flex;flex-direction:column;gap:var(--space-3)}.toggle-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.toggle-option:hover{background:var(--slate-100)}.option-info{display:flex;flex-direction:column;gap:2px}.option-label{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.option-desc{font-size:var(--text-xs);color:var(--slate-500)}.toggle-option input{position:absolute;opacity:0}.toggle-switch{position:relative;width:44px;height:24px;background:var(--slate-300);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-default)}.toggle-option input:checked+.toggle-switch{background:var(--accent)}.toggle-option input:checked+.toggle-switch:after{transform:translate(20px)}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.prompt-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--secondary))}.prompt-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--slate-300)}.prompt-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow-accent)}.prompt-violet .prompt-icon{background:linear-gradient(135deg,var(--accent),var(--accent-dark))}.prompt-coral .prompt-icon{background:linear-gradient(135deg,var(--error),var(--error-dark))}.prompt-cyan .prompt-icon{background:linear-gradient(135deg,var(--info),var(--info-dark))}.prompt-mint .prompt-icon{background:linear-gradient(135deg,var(--success),var(--success-dark))}.prompt-amber .prompt-icon{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark))}.prompt-pink .prompt-icon{background:linear-gradient(135deg,#ec4899,#be185d)}.prompt-purple .prompt-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.prompt-violet:hover{border-color:var(--accent-light)}.prompt-coral:hover{border-color:var(--error-light)}.prompt-cyan:hover{border-color:var(--info-light)}.prompt-mint:hover{border-color:var(--success-light)}.prompt-amber:hover{border-color:var(--secondary-light)}.prompt-pink:hover{border-color:#ec48994d}.prompt-purple:hover{border-color:#8b5cf64d}.prompt-info{flex:1}.prompt-info h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.prompt-info p{font-size:var(--text-sm);color:var(--slate-600);line-height:1.5}.prompt-actions{padding-top:var(--space-3);border-top:1px solid var(--slate-200)}.prompt-actions .btn{width:100%;justify-content:center;gap:var(--space-2)}.prompt-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.prompt-status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.prompt-status.active{background:var(--success-light);color:var(--success)}.prompt-status.inactive{background:var(--slate-100);color:var(--slate-500)}.prompt-updated{font-size:var(--text-xs);color:var(--slate-500)}.prompt-card.inactive{opacity:.6}.prompt-card.inactive:before{background:var(--slate-300)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--slate-600)}.loading-state p{margin-top:var(--space-4);font-size:var(--text-sm)}.empty-prompts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;background:var(--slate-50);border-radius:var(--radius-xl);border:2px dashed var(--slate-200)}.empty-prompts svg{color:var(--slate-300);margin-bottom:var(--space-4)}.empty-prompts h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.empty-prompts p{font-size:var(--text-sm);color:var(--slate-600)}.prompt-variables-help{margin-top:var(--space-8);padding:var(--space-6);background:var(--slate-50);border-radius:var(--radius-xl)}.prompt-variables-help h3{font-size:var(--text-base);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.prompt-variables-help>p{font-size:var(--text-sm);color:var(--slate-600);margin-bottom:var(--space-4)}.variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.variable-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--slate-200)}.variable-item code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--secondary-dark);background:var(--secondary-light);padding:2px var(--space-2);border-radius:var(--radius-sm);width:fit-content}.variable-item span{font-size:var(--text-xs);color:var(--slate-600)}.modal-large{max-width:800px;width:100%}.prompt-textarea{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);min-height:300px;resize:vertical}.form-help{font-size:var(--text-xs);color:var(--slate-600);margin-top:var(--space-2)}.team-overview{margin-bottom:var(--space-6)}.team-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.team-stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.team-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.team-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.team-stat-icon.purple{background:linear-gradient(135deg,var(--accent),var(--accent-dark))}.team-stat-icon.violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.team-stat-icon.cyan{background:linear-gradient(135deg,var(--info),var(--info-dark))}.team-stat-icon.mint{background:linear-gradient(135deg,var(--success),var(--success-dark))}.team-stat-info{display:flex;flex-direction:column;gap:2px}.team-stat-value{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;color:var(--primary)}.team-stat-label{font-size:var(--text-xs);color:var(--slate-600);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.team-members-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.team-member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md)}.team-member-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:var(--radius-full);color:#fff;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.team-member-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.team-member-name{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.team-member-email{font-size:var(--text-xs);color:var(--slate-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-role{padding:4px 10px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);flex-shrink:0}.team-member-role.videographer{background:var(--info-light);color:var(--info)}.team-member-role.client{background:var(--success-light);color:var(--success)}.btn-full{width:100%;justify-content:center}.videographers-grid{display:grid;gap:var(--space-4)}.videographer-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg)}.videographer-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-full);color:#fff;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.videographer-info{flex:1;min-width:0}.videographer-info h4{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.videographer-meta{display:flex;gap:var(--space-4)}.videographer-meta span{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--slate-500)}.videographer-actions{display:flex;gap:var(--space-1);flex-shrink:0}.videographer-actions .danger{color:var(--error)}.videographer-actions .danger:hover{background:var(--error-light)}.empty-videographers{display:flex;flex-direction:column;align-items:center;padding:var(--space-10);text-align:center}.empty-videographers svg{margin-bottom:var(--space-4);color:var(--slate-300)}.empty-videographers h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.empty-videographers p{color:var(--slate-600);margin-bottom:var(--space-5)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--slate-50);border:2px solid var(--slate-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.theme-option:hover{border-color:var(--slate-300)}.theme-option.selected{border-color:var(--accent);background:var(--accent-light)}.theme-option input{position:absolute;opacity:0}.theme-preview{width:64px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.theme-preview.light{background:#fff;border:1px solid var(--slate-200);color:var(--secondary)}.theme-preview.dark{background:var(--primary);color:#fff}.theme-preview.system{background:linear-gradient(135deg,white 50%,var(--primary) 50%);color:var(--slate-600)}.theme-option span{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.account-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.account-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;flex-shrink:0}.account-info{flex:1}.account-info h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:#fff;margin-bottom:var(--space-1)}.account-info p{font-size:var(--text-sm);color:#fffc}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.security-action{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg)}.security-info{display:flex;flex-direction:column;gap:var(--space-1)}.security-label{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.security-desc{font-size:var(--text-xs);color:var(--slate-500)}.security-desc.status{display:flex;align-items:center;gap:var(--space-1)}.security-desc.enabled{color:var(--success)}.sessions-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md)}.session-item.current{border:1px solid var(--success-light);background:#22c55e0d}.session-info{display:flex;flex-direction:column;gap:2px}.session-device{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.session-location{font-size:var(--text-xs);color:var(--slate-500)}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.settings-nav-item{flex:1;min-width:100px;justify-content:center}.form-grid{grid-template-columns:1fr}.team-stat-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.settings-section .section-header{flex-direction:column;gap:var(--space-4)}.theme-options,.prompts-grid,.team-stat-cards{grid-template-columns:1fr}.team-member-item{flex-wrap:wrap}.videographer-card{flex-direction:column;align-items:flex-start;text-align:left}.videographer-actions{align-self:flex-end}}.trending-links-list{display:flex;flex-direction:column;gap:var(--space-3)}.trending-link-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.trending-link-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.trending-link-card.inactive{opacity:.6;background:var(--slate-50)}.trending-link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--amber-100),var(--orange-100));border-radius:var(--radius-lg);color:var(--amber-600);flex-shrink:0}.trending-link-info{flex:1;min-width:0}.trending-link-info h4{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.trending-link-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.trending-link-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.platform-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);text-transform:capitalize}.platform-badge.instagram{background:linear-gradient(135deg,var(--pink-100),var(--purple-100));color:var(--pink-700)}.platform-badge.tiktok{background:var(--slate-100);color:var(--slate-800)}.platform-badge.youtube{background:var(--red-100);color:var(--red-700)}.platform-badge.mixed{background:linear-gradient(135deg,var(--blue-100),var(--cyan-100));color:var(--blue-700)}.platform-badge.other{background:var(--slate-100);color:var(--slate-600)}.trending-link-url{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--primary);text-decoration:none;transition:color .2s ease}.trending-link-url:hover{color:var(--primary-dark);text-decoration:underline}.link-status{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.link-status.active{background:var(--mint-100);color:var(--mint-700)}.link-status.inactive{background:var(--slate-100);color:var(--slate-600)}.trending-link-actions{display:flex;gap:var(--space-1);flex-shrink:0}.empty-trending{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center;background:var(--slate-50);border-radius:var(--radius-xl)}.empty-trending svg{color:var(--amber-400);margin-bottom:var(--space-4)}.empty-trending h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-trending p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);max-width:400px}.trending-help{margin-top:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg,var(--amber-50),var(--orange-50));border:1px solid var(--amber-200);border-radius:var(--radius-lg)}.trending-help h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--amber-900);margin-bottom:var(--space-2)}.trending-help p{font-size:var(--text-sm);color:var(--amber-800);margin-bottom:var(--space-3)}.trending-help ul{list-style:none;padding:0;margin:0}.trending-help li{font-size:var(--text-sm);color:var(--amber-800);padding:var(--space-1) 0}.trending-help li strong{color:var(--amber-900)}@media(max-width:768px){.trending-link-card{flex-direction:column;align-items:flex-start}.trending-link-actions{align-self:flex-end;margin-top:var(--space-2)}}.settings-group-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.loading-inline{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.settings-row{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.form-group-inline{flex:1}.form-group-inline .form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2);display:block}.form-select-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-width:160px}.saving-indicator{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--violet-50);border-radius:var(--radius-md);color:var(--violet-700);font-size:var(--text-sm)}@media(max-width:640px){.settings-row{flex-direction:column;gap:var(--space-3)}}.user-management{display:flex;flex-direction:column;gap:var(--space-6)}.page-header-actions{display:flex;gap:var(--space-3)}.user-filters{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--space-2);background:#fff;padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--slate-200)}.filter-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--slate-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.filter-tab:hover{background:var(--slate-50);color:var(--primary)}.filter-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 4px 12px #6366f14d}.tab-count{padding:2px 8px;font-size:var(--text-xs);font-weight:600;background:#0000001a;border-radius:var(--radius-full)}.filter-tab.active .tab-count{background:#fff3}.filter-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);min-width:280px}.filter-search svg{color:var(--slate-500);flex-shrink:0}.filter-search input{flex:1;border:none;outline:none;font-size:var(--text-sm);background:transparent}.filter-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5)}.user-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);border:2px solid transparent;overflow:hidden;transition:all var(--duration-normal) var(--ease-out);position:relative}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));background-size:200% 200%;animation:gradientShift 4s ease infinite}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6366f126}.user-purple:before{background:linear-gradient(135deg,#9d4edd,#7b2cbf)}.user-violet:before{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.user-cyan:before{background:linear-gradient(135deg,#00d4ff,#09c)}.user-mint:before{background:linear-gradient(135deg,#00f5a0,#00c77b)}.user-purple:hover{border-color:#9d4edd4d}.user-violet:hover{border-color:#8b5cf64d}.user-cyan:hover{border-color:#00d4ff4d}.user-mint:hover{border-color:#00f5a04d}.user-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);padding-bottom:0}.user-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;box-shadow:0 4px 12px #6366f14d;flex-shrink:0}.user-purple .user-avatar{background:linear-gradient(135deg,#9d4edd,#7b2cbf)}.user-violet .user-avatar{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.user-cyan .user-avatar{background:linear-gradient(135deg,#00d4ff,#09c)}.user-mint .user-avatar{background:linear-gradient(135deg,#00f5a0,#00c77b)}.user-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background:var(--secondary-light);color:var(--secondary-dark)}.user-purple .user-badge{background:#9d4edd26;color:#9d4edd}.user-violet .user-badge{background:#8b5cf626;color:#8b5cf6}.user-cyan .user-badge{background:#00d4ff26;color:#09c}.user-mint .user-badge{background:#00f5a026;color:#00c77b}.current-user-badge{margin-left:auto;padding:4px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background:var(--success-light);color:var(--success)}.user-card-body{padding:var(--space-4) var(--space-5)}.user-card-body h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.user-email,.user-company,.user-specialty{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--slate-600);margin-bottom:var(--space-1)}.user-email svg,.user-company svg,.user-specialty svg{color:var(--slate-500);flex-shrink:0}.user-card-meta{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--slate-200)}.user-card-meta span{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--slate-500)}.user-projects{padding:var(--space-3) var(--space-5);background:var(--slate-50)}.projects-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--slate-500);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.projects-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-chip{padding:4px 10px;font-size:var(--text-xs);font-weight:500;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-full);color:var(--primary)}.project-chip.more{background:var(--slate-100);color:var(--slate-600)}.user-card-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--slate-200)}.user-card-actions .danger{color:var(--error)}.user-card-actions .danger:hover{background:var(--error-light)}.empty-users{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;background:#fff;border-radius:var(--radius-xl);border:2px dashed var(--slate-200)}.empty-users svg{color:var(--slate-100);margin-bottom:var(--space-4)}.empty-users h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.empty-users p{color:var(--slate-600)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;padding:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md)}.checkbox-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.checkbox-label{font-size:var(--text-sm);color:var(--primary)}@media(max-width:900px){.user-filters{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto;flex-wrap:nowrap}.filter-search{min-width:auto}.page-header-actions{flex-wrap:wrap}}@media(max-width:600px){.users-grid{grid-template-columns:1fr}.filter-tab span:not(.tab-count){display:none}.user-card-meta{flex-direction:column;gap:var(--space-2)}}.user-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.user-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:capitalize}.user-status-badge.status-active{background:#10b98126;color:#059669}.user-status-badge.status-pending{background:#f59e0b26;color:#d97706}.user-status-badge.status-inactive{background:#ef444426;color:#dc2626}.resend-btn{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--primary)}.resend-btn:hover{background:var(--primary-light)}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.resend-btn .spin{animation:spin 1s linear infinite}.form-hint{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--amber-50);border:1px solid var(--amber-200);border-radius:var(--radius-md);color:var(--amber-700);font-size:var(--text-sm);margin-bottom:var(--space-4)}.form-hint svg{flex-shrink:0;margin-top:2px}.videographer-portal{display:flex;flex-direction:column;gap:var(--space-5);height:calc(100vh - var(--header-height) - var(--space-16))}.vp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--space-4);color:var(--slate-500)}.vp-loading .spin{animation:spin 1s linear infinite}.vp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;color:var(--slate-500)}.vp-empty-state svg{color:var(--slate-300);margin-bottom:var(--space-4)}.vp-empty-state h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--slate-700);margin-bottom:var(--space-2)}.vp-empty-state p{max-width:400px;margin-bottom:var(--space-4)}.vp-header-stats{display:flex;gap:var(--space-4)}.vp-header-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--slate-50);border-radius:var(--radius-lg)}.vp-stat-number{font-size:var(--text-2xl);font-weight:600;color:var(--primary)}.vp-stat-text{font-size:var(--text-xs);color:var(--slate-600)}.vp-toolbar{display:flex;gap:var(--space-4);align-items:center}.vp-search-box{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:400px;padding:var(--space-2) var(--space-3);background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default)}.vp-search-box:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #1a237e1a}.vp-search-box svg{color:var(--slate-400);flex-shrink:0}.vp-search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--primary);outline:none}.vp-search-input::placeholder{color:var(--slate-400)}.vp-search-clear{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-sm);color:var(--slate-400);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.vp-search-clear:hover{background:var(--slate-200);color:var(--slate-600)}.vp-filter-dropdown{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg)}.vp-filter-dropdown svg{color:var(--slate-400);flex-shrink:0}.vp-filter-select{border:none;background:transparent;font-size:var(--text-sm);color:var(--primary);cursor:pointer;outline:none;padding-right:var(--space-2)}.vp-tabs{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--slate-100);border-radius:var(--radius-lg)}.vp-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--slate-600);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.vp-tab:hover{background:var(--slate-200);color:var(--slate-700)}.vp-tab.active{background:#fff;box-shadow:var(--shadow-sm)}.vp-tab.active.amber{color:var(--secondary)}.vp-tab.active.azure{color:var(--info)}.vp-tab.active.sage{color:var(--success)}.vp-tab-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--slate-200);border-radius:var(--radius-full);font-size:11px;font-weight:600}.vp-tab.active .vp-tab-count{background:currentColor;color:#fff}.vp-content{flex:1;overflow-y:auto;padding-bottom:var(--space-4)}.vp-scripts-container{display:flex;flex-direction:column;gap:var(--space-6)}.vp-client-group{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.vp-client-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--slate-50);border-bottom:1px solid var(--slate-200)}.vp-client-header h3{font-size:var(--text-base);font-weight:600;color:var(--primary)}.vp-client-count{font-size:var(--text-sm);color:var(--slate-500)}.vp-painpoint-group{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--slate-100)}.vp-painpoint-group:last-child{border-bottom:none}.vp-painpoint-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.vp-painpoint-header svg{color:var(--slate-400)}.vp-painpoint-title{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--slate-700)}.vp-painpoint-count{font-size:var(--text-xs);color:var(--slate-400);background:var(--slate-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.vp-script-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3);padding-left:var(--space-5)}.vp-script-card{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;border:1px solid transparent;transition:all var(--duration-fast) var(--ease-default)}.vp-script-card:hover{background:#fff;border-color:var(--slate-200);box-shadow:var(--shadow-sm)}.vp-script-card.needs-revision{border-color:var(--warning);background:#ff98000d}.vp-card-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.vp-script-hook{font-size:var(--text-sm);color:var(--primary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}.vp-revision-banner{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--warning-light);border-radius:var(--radius-sm);margin-bottom:var(--space-2);font-size:11px;font-weight:600;color:var(--warning)}.vp-type-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--secondary-light);color:var(--secondary-dark)}.vp-type-tag.15s,.vp-type-tag.3s,.vp-type-tag.6s{background:var(--info-light);color:var(--info)}.vp-type-tag.paid-ad{background:var(--error-light);color:var(--error)}.vp-type-tag.blog-post{background:var(--success-light);color:var(--success)}.vp-video-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--success-light);border-radius:var(--radius-full);color:var(--success)}.vp-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--slate-200)}.vp-card-meta{display:flex;align-items:center;gap:var(--space-1);font-size:11px;color:var(--slate-500)}.vp-submitted-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;background:var(--success-light);color:var(--success);border-radius:var(--radius-sm)}.vp-revision-notice{display:flex;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--warning-light) 0%,rgba(255,152,0,.15) 100%);border:1px solid var(--warning);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.vp-revision-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--warning);border-radius:var(--radius-full);color:#fff;flex-shrink:0}.vp-revision-content h4{font-size:var(--text-base);font-weight:600;color:var(--warning);margin-bottom:var(--space-2)}.vp-revision-content p{font-size:var(--text-sm);color:var(--slate-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.vp-revision-date{font-size:var(--text-xs);color:var(--slate-500)}.vp-detail-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6)}.vp-detail-main{display:flex;flex-direction:column;gap:var(--space-5)}.vp-video-section,.vp-notes-section,.vp-script-section{display:flex;flex-direction:column;gap:var(--space-3)}.vp-video-section h4,.vp-notes-section h4,.vp-script-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--slate-700)}.vp-video-input-group{display:flex;gap:var(--space-2)}.vp-video-input-group .form-input{flex:1}.vp-video-help{font-size:var(--text-xs);color:var(--slate-500)}.vp-script-content{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--slate-700);max-height:300px;overflow-y:auto}.vp-script-content h1,.vp-script-content h2,.vp-script-content h3,.vp-script-content h4{color:var(--primary);margin-bottom:var(--space-2);margin-top:var(--space-4)}.vp-script-content h1:first-child,.vp-script-content h2:first-child,.vp-script-content h3:first-child,.vp-script-content h4:first-child{margin-top:0}.vp-script-content p{margin-bottom:var(--space-3)}.vp-script-content ul,.vp-script-content ol{margin-bottom:var(--space-3);padding-left:var(--space-5)}.vp-detail-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.vp-detail-card{background:var(--slate-50);border-radius:var(--radius-lg);padding:var(--space-4)}.vp-detail-card h4{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--slate-600);margin-bottom:var(--space-3)}.vp-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--slate-200)}.vp-detail-row:last-child{border-bottom:none}.vp-detail-label{font-size:var(--text-sm);color:var(--slate-500)}.vp-detail-value{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.vp-submitted-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--success-light);border-radius:var(--radius-lg);color:var(--success)}.vp-submitted-notice svg{flex-shrink:0;margin-top:2px}.vp-submitted-notice strong{display:block;font-size:var(--text-sm);margin-bottom:2px}.vp-submitted-notice p{font-size:var(--text-xs);opacity:.8}.vp-completed-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--success-light);border-radius:var(--radius-lg);color:var(--success)}.vp-completed-notice svg{flex-shrink:0;margin-top:2px}.vp-completed-notice strong{display:block;font-size:var(--text-sm);margin-bottom:2px}.vp-completed-notice p{font-size:var(--text-xs);opacity:.8}.vp-pain-point-title{font-size:var(--text-sm);font-weight:500;color:var(--primary);margin-bottom:var(--space-2)}.vp-pain-point-desc{font-size:var(--text-sm);color:var(--slate-600);line-height:var(--leading-relaxed)}@media(max-width:900px){.vp-detail-grid{grid-template-columns:1fr}.vp-header-stats,.vp-toolbar{flex-wrap:wrap}.vp-search-box{max-width:none;flex:1 1 100%}.vp-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.vp-script-cards{grid-template-columns:1fr}}@media(max-width:600px){.vp-header-stats{gap:var(--space-2)}.vp-header-stat{flex:1;min-width:80px;padding:var(--space-2) var(--space-3)}.vp-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.vp-tab span:not(.vp-tab-count){display:none}.vp-script-cards{padding-left:0}.vp-revision-notice{flex-direction:column;text-align:center}.vp-revision-icon{align-self:center}}.vp-client-group{animation:fadeInUp var(--duration-normal) var(--ease-out) backwards}.vp-client-group:nth-child(1){animation-delay:.05s}.vp-client-group:nth-child(2){animation-delay:.1s}.vp-client-group:nth-child(3){animation-delay:.15s}.vp-client-group:nth-child(4){animation-delay:.2s}.vg-settings{display:flex;flex-direction:column;gap:var(--space-6)}.vg-settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6)}.vg-settings-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-xl);height:fit-content}.vg-settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--slate-600);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.vg-settings-nav-item:hover{background:var(--slate-100);color:var(--slate-700)}.vg-settings-nav-item.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.vg-settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.vg-settings-section{display:flex;flex-direction:column;gap:var(--space-5)}.vg-section-header{margin-bottom:var(--space-2)}.vg-section-header h2{font-size:var(--text-xl);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.vg-section-header p{font-size:var(--text-sm);color:var(--slate-500)}.vg-profile-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--slate-50);border-radius:var(--radius-xl)}.vg-profile-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:600;color:#fff;letter-spacing:var(--tracking-tight)}.vg-profile-info h3{font-size:var(--text-lg);font-weight:600;color:var(--primary);margin-bottom:var(--space-1)}.vg-profile-info p{font-size:var(--text-sm);color:var(--slate-500);margin-bottom:var(--space-2)}.vg-profile-role{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-2);background:var(--info-light);color:var(--info);border-radius:var(--radius-sm)}.vg-settings-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:480px}.vg-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.vg-form-help{font-size:var(--text-xs);color:var(--slate-500)}.vg-settings-group{display:flex;flex-direction:column;gap:var(--space-4)}.vg-settings-group h3{font-size:var(--text-base);font-weight:600;color:var(--slate-700)}.vg-settings-options{display:flex;flex-direction:column;gap:var(--space-3)}.vg-toggle-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.vg-toggle-option:hover{background:var(--slate-100)}.vg-option-info{display:flex;flex-direction:column;gap:var(--space-1)}.vg-option-label{font-size:var(--text-sm);font-weight:500;color:var(--slate-700)}.vg-option-desc{font-size:var(--text-xs);color:var(--slate-500)}.vg-toggle-option input[type=checkbox]{display:none}.vg-toggle-switch{position:relative;width:44px;height:24px;background:var(--slate-300);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default);flex-shrink:0}.vg-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-default)}.vg-toggle-option input[type=checkbox]:checked+.vg-toggle-switch{background:var(--success)}.vg-toggle-option input[type=checkbox]:checked+.vg-toggle-switch:after{transform:translate(20px)}@media(max-width:768px){.vg-settings-layout{grid-template-columns:1fr;gap:var(--space-4)}.vg-settings-nav{flex-direction:row;overflow-x:auto;padding:var(--space-2)}.vg-settings-nav-item{white-space:nowrap;padding:var(--space-2) var(--space-3)}.vg-profile-card{flex-direction:column;text-align:center}.vg-settings-form{max-width:100%}}.cd-page{display:flex;flex-direction:column;gap:var(--space-6)}.cd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:400px;color:var(--slate-500)}.cd-loading .spin{animation:cd-spin 1s linear infinite}@keyframes cd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cd-hero{background:linear-gradient(135deg,var(--violet-50) 0%,var(--emerald-50) 100%);border-radius:var(--radius-xl);padding:var(--space-8)}.cd-hero-title{font-size:var(--text-2xl);font-weight:700;color:var(--slate-900)}.cd-hero-subtitle{font-size:var(--text-sm);color:var(--slate-600);margin-top:var(--space-2)}.cd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.cd-stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--slate-200);display:flex;flex-direction:column;gap:var(--space-2)}.cd-stat-icon{color:var(--slate-400)}.cd-stat-amber .cd-stat-icon{color:var(--amber-500)}.cd-stat-green .cd-stat-icon{color:var(--emerald-500)}.cd-stat-violet .cd-stat-icon{color:var(--violet-500)}.cd-stat-azure .cd-stat-icon{color:var(--azure-500)}.cd-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--slate-900)}.cd-stat-label{font-size:var(--text-xs);color:var(--slate-500);font-weight:500}.cd-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-5)}.cd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.cd-section-header h2{font-size:var(--text-base);font-weight:700;color:var(--slate-900)}.cd-link{display:flex;align-items:center;gap:var(--space-1);color:var(--violet-600);font-size:var(--text-sm);font-weight:600;text-decoration:none}.cd-link:hover{color:var(--violet-700)}.cd-review-list{display:flex;flex-direction:column;gap:var(--space-3)}.cd-review-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border:1px solid var(--amber-200);border-radius:var(--radius-lg);background:var(--amber-50)}.cd-review-left{display:flex;align-items:center;gap:var(--space-3)}.cd-review-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--amber-100);color:var(--amber-600);display:flex;align-items:center;justify-content:center}.cd-review-title{font-size:var(--text-sm);font-weight:600;color:var(--slate-800)}.cd-review-meta{font-size:var(--text-xs);color:var(--slate-500);margin-top:2px}.cd-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-decoration:none;border:none;cursor:pointer}.cd-btn-review{background:var(--amber-500);color:#fff}.cd-btn-review:hover{background:var(--amber-600)}.cd-activity-list{display:flex;flex-direction:column}.cd-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--slate-100)}.cd-activity-item:last-child{border-bottom:none}.cd-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cd-dot-amber{background:var(--amber-400)}.cd-dot-green{background:var(--emerald-400)}.cd-dot-blue{background:var(--azure-400)}.cd-activity-content{flex:1;min-width:0;display:flex;flex-direction:column}.cd-activity-title{font-size:var(--text-sm);font-weight:500;color:var(--slate-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-activity-status{font-size:var(--text-xs);color:var(--slate-500);text-transform:capitalize}.cd-activity-date{font-size:var(--text-xs);color:var(--slate-400);flex-shrink:0}.cd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8);color:var(--slate-400)}.cd-empty h3{font-size:var(--text-lg);font-weight:600;color:var(--slate-600)}.cd-empty p{font-size:var(--text-sm);max-width:400px}.client-content-page{display:flex;flex-direction:column;gap:var(--space-6)}.cc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:400px;color:var(--slate-500)}.cc-loading .spin{animation:spin 1s linear infinite}.cc-header{display:flex;align-items:center;justify-content:space-between}.cc-title{font-size:var(--text-2xl);font-weight:700;color:var(--slate-900)}.cc-subtitle{font-size:var(--text-sm);color:var(--slate-500);margin-top:var(--space-1)}.cc-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--slate-200);padding-bottom:var(--space-0)}.cc-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--slate-500);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s;margin-bottom:-1px}.cc-tab:hover{color:var(--slate-700)}.cc-tab.active{color:var(--slate-900);font-weight:600}.cc-tab.active.cc-tab-amber{border-bottom-color:var(--amber-500)}.cc-tab.active.cc-tab-green{border-bottom-color:var(--emerald-500)}.cc-tab.active.cc-tab-violet{border-bottom-color:var(--violet-500)}.cc-tab-count{background:var(--slate-100);color:var(--slate-600);font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px}.cc-tab.active .cc-tab-count{background:var(--violet-100);color:var(--violet-700)}.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.cc-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all .15s}.cc-card:hover{box-shadow:var(--shadow-md)}.cc-card-in_review{border-left:3px solid var(--amber-400)}.cc-card-approved{border-left:3px solid var(--emerald-400)}.cc-card-completed{border-left:3px solid var(--violet-400)}.cc-card-header{display:flex;align-items:center;justify-content:space-between}.cc-type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.cc-type-badge.type-30s,.cc-type-badge.type-15s,.cc-type-badge.type-60s{background:var(--azure-100);color:var(--azure-700)}.cc-type-badge.type-ad{background:var(--coral-100);color:var(--coral-700)}.cc-type-badge.type-blog{background:var(--sage-100);color:var(--sage-700)}.cc-type-badge.type-story{background:var(--amber-100);color:var(--amber-700)}.cc-card-date{font-size:var(--text-xs);color:var(--slate-400)}.cc-card-title{font-size:var(--text-base);font-weight:600;color:var(--slate-900);line-height:1.3}.cc-card-client{font-size:var(--text-sm);color:var(--slate-500)}.cc-card-video{border-radius:var(--radius-lg);overflow:hidden}.cc-video-placeholder{background:var(--slate-100);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--slate-500);font-size:var(--text-sm);border-radius:var(--radius-lg)}.cc-card-assignee{font-size:var(--text-xs);color:var(--slate-400)}.cc-card-actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.cc-btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;border:none;cursor:pointer;transition:all .15s;text-decoration:none}.cc-btn-secondary{background:var(--slate-100);color:var(--slate-700)}.cc-btn-secondary:hover{background:var(--slate-200)}.cc-btn-approve{background:var(--emerald-500);color:#fff}.cc-btn-approve:hover{background:var(--emerald-600)}.cc-btn-approve:disabled{opacity:.6;cursor:not-allowed}.cc-btn-revise{background:var(--amber-500);color:#fff}.cc-btn-revise:hover{background:var(--amber-600)}.cc-btn-revise:disabled{opacity:.6;cursor:not-allowed}.cc-card-status-bar{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--emerald-600);background:var(--emerald-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.cc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16);color:var(--slate-400);text-align:center}.cc-empty h3{font-size:var(--text-lg);font-weight:600;color:var(--slate-600)}.cc-empty p{font-size:var(--text-sm);max-width:400px}.cc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.cc-modal{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-4)}.cc-modal h3{font-size:var(--text-lg);font-weight:700;color:var(--slate-900)}.cc-modal-subtitle{font-size:var(--text-sm);color:var(--slate-500);margin-top:calc(-1 * var(--space-2))}.cc-modal-textarea{width:100%;border:1px solid var(--slate-300);border-radius:var(--radius-lg);padding:var(--space-3);font-size:var(--text-sm);font-family:inherit;resize:vertical;outline:none}.cc-modal-textarea:focus{border-color:var(--violet-400);box-shadow:0 0 0 3px var(--violet-100)}.cc-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.daily-trending{padding:var(--space-6);max-width:1200px;margin:0 auto}.daily-trending .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4)}.daily-trending .page-header-content{display:flex;align-items:flex-start;gap:var(--space-4)}.daily-trending .page-header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--amber-100),var(--orange-100));border-radius:var(--radius-xl);color:var(--amber-600);flex-shrink:0}.daily-trending .page-title-large{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.daily-trending .page-description{font-size:var(--text-base);color:var(--text-secondary);max-width:500px}.trending-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.trending-loading svg{color:var(--primary);margin-bottom:var(--space-4)}.trending-loading p{font-size:var(--text-base);color:var(--text-secondary)}.trending-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center;background:var(--red-50);border-radius:var(--radius-xl)}.trending-error p{font-size:var(--text-base);color:var(--red-700);margin-bottom:var(--space-4)}.trending-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center;background:linear-gradient(135deg,var(--slate-50),var(--slate-100));border-radius:var(--radius-xl)}.trending-empty svg{color:var(--slate-400);margin-bottom:var(--space-4)}.trending-empty h2{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.trending-empty p{font-size:var(--text-base);color:var(--text-secondary)}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.trending-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;transition:all .25s ease;cursor:pointer}.trending-card:hover{border-color:var(--amber-400);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.trending-card:hover .trending-card-action{color:var(--amber-600);transform:translate(2px,-2px)}.trending-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--amber-50),var(--orange-50));border-radius:var(--radius-lg);flex-shrink:0}.platform-emoji{font-size:28px;line-height:1}.trending-card-content{flex:1;min-width:0}.trending-card-content h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.3}.trending-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-card-meta{display:flex;align-items:center;gap:var(--space-2)}.platform-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);text-transform:capitalize}.platform-tag.instagram{background:linear-gradient(135deg,var(--pink-100),var(--purple-100));color:var(--pink-700)}.platform-tag.tiktok{background:var(--slate-100);color:var(--slate-800)}.platform-tag.youtube{background:var(--red-100);color:var(--red-700)}.platform-tag.mixed{background:linear-gradient(135deg,var(--blue-100),var(--cyan-100));color:var(--blue-700)}.platform-tag.other{background:var(--slate-100);color:var(--slate-600)}.trending-card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.trending-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-tertiary);transition:all .2s ease}.trending-action-btn:hover{background:var(--slate-100);color:var(--amber-600)}.trending-card.active{border-color:var(--amber-500);background:var(--amber-50)}.trending-card.active .trending-card-icon{background:linear-gradient(135deg,var(--amber-200),var(--orange-200))}.drive-viewer{margin-top:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.drive-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--amber-50),var(--orange-50));border-bottom:1px solid var(--amber-200)}.drive-viewer-title{display:flex;align-items:center;gap:var(--space-3);font-weight:600;color:var(--amber-900)}.drive-viewer-title svg{color:var(--amber-600)}.drive-viewer-actions{display:flex;align-items:center;gap:var(--space-2)}.drive-viewer-content{position:relative;width:100%;min-height:200px;background:var(--slate-50)}.drive-direct-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);text-align:center}.drive-direct-link h3{font-size:var(--text-lg);font-weight:600;color:var(--slate-800);margin:0}.drive-direct-link p{font-size:var(--text-sm);color:var(--slate-500);margin:0}.drive-direct-link svg:first-child{color:var(--amber-500)}.drive-iframe{width:100%;height:100%;border:none}.drive-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-4);text-align:center;padding:var(--space-6)}.drive-viewer-error p{color:var(--text-secondary);max-width:400px}.drive-iframe-fallback{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--slate-50);border-top:1px solid var(--border)}.drive-iframe-fallback p{color:var(--text-tertiary);font-size:.8rem;margin:0}.trending-help-section{margin-top:var(--space-8);padding:var(--space-5);background:linear-gradient(135deg,var(--amber-50),var(--orange-50));border:1px solid var(--amber-200);border-radius:var(--radius-lg)}.trending-help-section h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--amber-900);margin-bottom:var(--space-2)}.trending-help-section p{font-size:var(--text-sm);color:var(--amber-800);line-height:1.6}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.daily-trending{padding:var(--space-4)}.daily-trending .page-header{flex-direction:column}.daily-trending .page-header-content{flex-direction:column;align-items:flex-start}.trending-grid{grid-template-columns:1fr}.trending-card{padding:var(--space-4)}.trending-card-icon{width:48px;height:48px}.platform-emoji{font-size:24px}.drive-viewer-content{min-height:150px}.drive-viewer-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.drive-viewer-actions{width:100%;justify-content:flex-end}}.trending-videos-page{padding:0}.trending-videos-page .page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--slate-200)}.trending-videos-page .page-header-content{display:flex;align-items:center;gap:16px}.trending-videos-page .page-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--violet-500));display:flex;align-items:center;justify-content:center;color:#fff}.trending-videos-page .page-title-large{font-size:1.5rem;font-weight:700;color:var(--slate-900);margin:0}.trending-videos-page .page-description{color:var(--slate-500);font-size:.875rem;margin:4px 0 0}.trending-videos-content{padding:24px 32px}.trending-group{margin-bottom:32px}.trending-group-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.trending-group-header h2{font-size:1.1rem;font-weight:700;color:var(--slate-800);margin:0}.trending-group-icon{font-size:1.25rem}.trending-group-count{background:var(--slate-100);color:var(--slate-600);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px}.trending-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.trending-folder-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--slate-200);background:#fff;text-decoration:none;transition:all .15s;cursor:pointer}.trending-folder-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #6366f11a;transform:translateY(-1px)}.trending-folder-card-icon{width:44px;height:44px;border-radius:10px;background:var(--slate-100);display:flex;align-items:center;justify-content:center;color:var(--slate-600);flex-shrink:0}.trending-folder-card:hover .trending-folder-card-icon{background:var(--accent);color:#fff}.trending-folder-card-content{flex:1;min-width:0}.trending-folder-card-content h3{font-size:.9rem;font-weight:600;color:var(--slate-800);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-folder-card-content p{font-size:.8rem;color:var(--slate-500);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-folder-card-arrow{color:var(--slate-400);flex-shrink:0}.trending-folder-card:hover .trending-folder-card-arrow{color:var(--accent)}.trending-loading,.trending-error,.trending-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:16px;color:var(--slate-400);text-align:center}.trending-empty h2{color:var(--slate-700);margin:0}@media(max-width:768px){.trending-videos-content{padding:16px}.trending-cards{grid-template-columns:1fr}}.automations-page{padding:0}.automations-page .page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--slate-200)}.automations-page .page-header-content{display:flex;align-items:center;gap:16px}.automations-page .page-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center;color:#fff}.automations-page .page-title-large{font-size:1.5rem;font-weight:700;color:var(--slate-900);margin:0}.automations-page .page-description{color:var(--slate-500);font-size:.875rem;margin:4px 0 0}.automations-content{padding:24px 32px}.automation-group{margin-bottom:32px}.automation-group-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.automation-group-header h2{font-size:1.1rem;font-weight:700;color:var(--slate-800);margin:0}.automation-group-icon{font-size:1.25rem}.automation-group-count{background:var(--slate-100);color:var(--slate-600);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px}.automation-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.automation-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--slate-200);background:#fff;text-decoration:none;transition:all .15s;cursor:pointer}.automation-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #6366f11a;transform:translateY(-1px)}.automation-card-icon{width:40px;height:40px;border-radius:10px;background:var(--slate-100);display:flex;align-items:center;justify-content:center;color:var(--slate-600);flex-shrink:0}.automation-card:hover .automation-card-icon{background:var(--accent);color:#fff}.automation-card-content{flex:1;min-width:0}.automation-card-content h3{font-size:.9rem;font-weight:600;color:var(--slate-800);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-card-content p{font-size:.8rem;color:var(--slate-500);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-card-arrow{color:var(--slate-400);flex-shrink:0}.automation-card:hover .automation-card-arrow{color:var(--accent)}.automations-loading,.automations-error,.automations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:16px;color:var(--slate-400);text-align:center}.automations-empty h2{color:var(--slate-700);margin:0}@media(max-width:768px){.automations-content{padding:16px}.automation-cards{grid-template-columns:1fr}}.cp-page{display:flex;flex-direction:column;gap:var(--space-5)}.cp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.cp-header-left .page-title-large{margin-bottom:var(--space-1)}.cp-view-toggle{display:flex;background:var(--slate-100);border-radius:var(--radius-lg);padding:3px}.cp-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:none;color:var(--slate-500);cursor:pointer;border-radius:var(--radius-md);transition:all .15s}.cp-view-btn.active{background:#fff;color:var(--slate-800);box-shadow:var(--shadow-sm)}.cp-view-btn:hover:not(.active){color:var(--slate-700)}.cp-status-bar{display:flex;gap:var(--space-2);flex-wrap:wrap}.cp-status-pill{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:99px;border:1px solid var(--slate-200);background:#fff;color:var(--slate-600);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .15s}.cp-status-pill:hover{border-color:var(--slate-300)}.cp-status-pill.active{background:var(--slate-800);color:#fff;border-color:var(--slate-800)}.cp-pill-count{background:#00000014;padding:0 6px;border-radius:8px;font-size:10px}.cp-status-pill.active .cp-pill-count{background:#fff3}.cp-filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.cp-search{display:flex;align-items:center;gap:var(--space-2);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);flex:1;min-width:200px;max-width:360px}.cp-search input{border:none;outline:none;width:100%;font-size:var(--text-sm);color:var(--slate-800);background:transparent}.cp-search svg{color:var(--slate-400);flex-shrink:0}.cp-filter-group{display:flex;gap:var(--space-2)}.cp-filter-select{display:flex;align-items:center;gap:var(--space-1);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--slate-500);position:relative}.cp-filter-select select{border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--slate-700);cursor:pointer;padding-right:var(--space-4);-webkit-appearance:none;-moz-appearance:none;appearance:none}.cp-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);min-height:500px}.cp-column{background:var(--slate-50);border-radius:var(--radius-xl);border:1px solid var(--slate-200);display:flex;flex-direction:column;transition:all .15s}.cp-column.drag-over{border-color:var(--violet-400);background:var(--violet-50)}.cp-col-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--slate-200)}.cp-col-header.cp-col-neutral{border-bottom-color:var(--slate-300)}.cp-col-header.cp-col-warning{border-bottom-color:var(--amber-400)}.cp-col-header.cp-col-azure{border-bottom-color:var(--azure-400)}.cp-col-header.cp-col-sage{border-bottom-color:var(--emerald-400)}.cp-col-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--slate-700)}.cp-col-count{background:var(--slate-200);color:var(--slate-600);font-size:11px;font-weight:700;padding:1px 8px;border-radius:10px}.cp-col-body{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;max-height:600px}.cp-col-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--slate-400);font-size:var(--text-xs)}.cp-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--slate-200);padding:var(--space-3);cursor:pointer;position:relative;transition:all .15s;display:flex;flex-direction:column;gap:var(--space-2)}.cp-card:hover{box-shadow:var(--shadow-md);border-color:var(--slate-300)}.cp-card.dragging{opacity:.5;transform:rotate(2deg)}.cp-card.updating{opacity:.6;pointer-events:none}.cp-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);z-index:1}.cp-card-top{display:flex;align-items:center;justify-content:space-between}.cp-type-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.cp-type-tag.type-15s,.cp-type-tag.type-30s,.cp-type-tag.type-60s{background:var(--azure-100);color:var(--azure-700)}.cp-type-tag.type-ad{background:var(--coral-100);color:var(--coral-700)}.cp-type-tag.type-blog{background:var(--sage-100);color:var(--sage-700)}.cp-type-tag.type-story{background:var(--amber-100);color:var(--amber-700)}.cp-card-title{font-size:var(--text-sm);font-weight:600;color:var(--slate-800);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-card-project{font-size:var(--text-xs);color:var(--slate-500)}.cp-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--slate-100)}.cp-card-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--slate-500)}.cp-card-date{font-size:11px;color:var(--slate-400)}.cp-card-video-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--emerald-600);background:var(--emerald-50);padding:3px 8px;border-radius:5px;width:fit-content}.cp-card-action-btn{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#fff;background:var(--violet-500);border:none;padding:4px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s;width:fit-content}.cp-card-action-btn:hover{background:var(--violet-600)}.cp-table-wrap{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden}.cp-table{width:100%;border-collapse:collapse}.cp-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--slate-200);background:var(--slate-50)}.cp-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--slate-100)}.cp-table tr:hover td{background:var(--slate-50)}.cp-script-cell{display:flex;align-items:center;gap:var(--space-3)}.cp-script-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--slate-100);display:flex;align-items:center;justify-content:center;color:var(--slate-500);flex-shrink:0}.cp-script-name{font-weight:600;color:var(--slate-800);display:block}.cp-script-preview{font-size:var(--text-xs);color:var(--slate-400);display:block}.cp-project-link{color:var(--violet-600);text-decoration:none;font-weight:500}.cp-project-link:hover{text-decoration:underline}.cp-unassigned{color:var(--slate-400);font-style:italic}.cp-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:var(--text-xs);font-weight:600}.cp-status-badge.status-draft{background:var(--slate-100);color:var(--slate-600)}.cp-status-badge.status-in_review{background:var(--amber-100);color:var(--amber-700)}.cp-status-badge.status-approved{background:var(--emerald-100);color:var(--emerald-700)}.cp-status-badge.status-in_production{background:var(--azure-100);color:var(--azure-700)}.cp-status-badge.status-completed{background:var(--sage-100);color:var(--sage-700)}.cp-status-badge.status-rejected{background:var(--coral-100);color:var(--coral-700)}.cp-assignee{color:var(--slate-700)}.cp-date-cell{color:var(--slate-500);font-size:var(--text-xs);white-space:nowrap}.cp-actions{display:flex;gap:var(--space-1)}.cp-action-btn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--slate-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cp-action-btn:hover{background:var(--slate-100);color:var(--slate-700)}.cp-action-btn.approve{color:var(--violet-500)}.cp-action-btn.approve:hover{background:var(--violet-100);color:var(--violet-700)}.cp-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16);color:var(--slate-400);text-align:center}.cp-empty h3{font-size:var(--text-lg);font-weight:600;color:var(--slate-600)}.cp-empty p{font-size:var(--text-sm)}.cp-detail-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6)}.cp-video-preview{border-radius:var(--radius-lg);overflow:hidden;background:var(--slate-100);margin-bottom:var(--space-4)}.cp-video-preview iframe,.cp-video-preview video{width:100%;display:block}.cp-script-content h4{font-size:var(--text-sm);font-weight:700;color:var(--slate-700);margin-bottom:var(--space-3)}.cp-detail-sidebar{display:flex;flex-direction:column;gap:var(--space-5)}.cp-detail-section h4{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);margin-bottom:var(--space-3)}.cp-detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--slate-100);font-size:var(--text-sm)}.cp-detail-row span:first-child{color:var(--slate-500)}.cp-detail-row span:last-child{color:var(--slate-800);font-weight:500}.cp-review-notes{font-size:var(--text-sm);color:var(--slate-600);background:var(--amber-50);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--amber-400)}@media(max-width:1024px){.cp-board{grid-template-columns:repeat(2,1fr)}.cp-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.cp-board{grid-template-columns:1fr}.cp-filters{flex-direction:column}.cp-search{max-width:100%}}.approval-preview{padding:var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.approval-preview h4{margin:var(--space-2) 0 var(--space-1);font-size:1rem}.approval-preview p{color:var(--text-secondary);font-size:.85rem}.cp-review-assignee{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:.875rem;color:var(--text-secondary)}.cp-review-video-preview{margin-bottom:var(--space-4);border-radius:var(--radius-md);overflow:hidden;background:#000}.cp-review-video-preview iframe,.cp-review-video-preview video{display:block;border-radius:var(--radius-md)}.cp-review-footer{flex-wrap:wrap;gap:var(--space-2)}.cp-review-footer .btn{font-size:.8rem}:root{--primary: #0F0F0F;--primary-light: #14171F;--primary-dark: #050917;--accent: #1179FC;--accent-light: #4580F7;--accent-dark: #0D62D0;--accent-50: #EBF4FF;--accent-100: #DBEAFE;--accent-200: #BFDBFE;--accent-500: #1179FC;--accent-600: #0D62D0;--accent-700: #0A4FA6;--violet: #DC82FC;--violet-2: #DD83FC;--secondary: #f59e0b;--secondary-light: #fbbf24;--secondary-dark: #d97706;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--slate-50: #F6F8FB;--slate-100: #F0F2F5;--slate-200: #E5E7EB;--slate-300: #D1D5DB;--slate-400: #9CA3AF;--slate-500: #6D727E;--slate-600: #4B5563;--slate-700: #374151;--slate-800: #0F0F0F;--slate-900: #050917;--blue-50: #EBF4FF;--blue-100: #DBEAFE;--blue-500: #1179FC;--blue-600: #0D62D0;--indigo-50: #EBF4FF;--indigo-100: #DBEAFE;--indigo-500: #1179FC;--indigo-600: #0D62D0;--success: #10b981;--success-light: #d1fae5;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--error: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--info: #1179FC;--info-light: #DBEAFE;--info-dark: #0D62D0;--bg-gradient: #F6F8FB;--bg-gradient-subtle: linear-gradient(180deg, #F6F8FB 0%, #ffffff 100%);--surface: #ffffff;--surface-elevated: #ffffff;--surface-muted: #F6F8FB;--font-sans: "Inter", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--text-5xl: 3.5rem;--text-6xl: 4rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2.5rem;--radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--shadow-xs: 0 1px 2px 0 rgba(5, 9, 23, .03);--shadow-sm: 0 2px 8px rgba(5, 9, 23, .04);--shadow-md: 8px 9px 64px rgba(5, 9, 23, .04);--shadow-lg: 0px 16px 40px rgba(0, 0, 0, .1);--shadow-xl: 0px 20px 50px rgba(0, 0, 0, .12);--shadow-2xl: 0 25px 60px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-accent: 0 4px 14px 0 rgba(17, 121, 252, .2);--shadow-accent-lg: 0 10px 25px -3px rgba(17, 121, 252, .25);--shadow-blue-glow: 0px 1px 80px rgba(17, 121, 252, .05);--shadow-secondary: 0 4px 14px 0 rgba(245, 158, 11, .25);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--slate-800);background:var(--bg-gradient);min-height:100vh;max-width:none!important;margin:0!important;padding:0!important;width:100%!important}::selection{background-color:#1179fc26;color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.heading-1{font-size:var(--text-5xl);font-weight:var(--font-semibold);letter-spacing:-1.5px;line-height:1.14;color:var(--primary)}.heading-2{font-size:var(--text-4xl);font-weight:var(--font-semibold);letter-spacing:-1.5px;line-height:1.16;color:var(--primary)}.heading-3{font-size:var(--text-3xl);font-weight:var(--font-semibold);letter-spacing:-1px;line-height:var(--leading-snug);color:var(--primary)}.heading-4{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.5px;line-height:var(--leading-snug);color:var(--primary)}.heading-5{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--slate-800)}.heading-6{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--slate-800)}.body-large{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.body-base{font-size:var(--text-base);line-height:var(--leading-normal)}.body-small{font-size:var(--text-sm);line-height:var(--leading-normal)}.caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--slate-500)}.label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--slate-500)}.mono{font-family:var(--font-mono)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--slate-500)}.text-light{color:var(--slate-400)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.glass{background:#fffc;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl))}.glass-subtle{background:#fff9;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.gradient-text{background:linear-gradient(90deg,#1179fc,#dc82fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 24px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:1px;text-transform:uppercase;line-height:1.5;text-decoration:none;border:none;border-radius:var(--radius-3xl);cursor:pointer;transition:all .3s ease-in-out;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:var(--shadow-accent-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-50);box-shadow:var(--shadow-blue-glow)}.btn-accent{background:var(--secondary);color:#fff;border:1px solid var(--secondary);box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){background:var(--secondary-dark);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--slate-600);letter-spacing:normal;text-transform:none;font-weight:var(--font-medium)}.btn-ghost:hover:not(:disabled){background:var(--slate-100);color:var(--slate-800)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-dark)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.card{background:#fff;border-radius:var(--radius-2xl);border:none;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease-in-out}.card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-featured{border:2px solid var(--accent)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--slate-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--slate-50);border-top:1px solid var(--slate-200)}.card-glass{background:#ffffffd9;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:none;box-shadow:var(--shadow-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group+.form-group{margin-top:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--slate-700)}.form-hint{font-size:var(--text-xs);color:var(--slate-500);margin-top:var(--space-1)}.form-input{padding:var(--space-2-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--slate-800);background:#fff;border:1px solid var(--slate-300);border-radius:var(--radius-md);transition:all .2s ease-in-out}.form-input:hover{border-color:var(--slate-400)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1179fc1a}.form-input::placeholder{color:var(--slate-400)}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;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='%2364748b' 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 var(--space-3) center;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 16px;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-3xl)}.badge-neutral{background:var(--slate-100);color:var(--slate-600)}.badge-accent{background:var(--accent-100);color:var(--accent-700)}.badge-success,.badge-sage{background:var(--success-light);color:var(--success-dark)}.badge-warning,.badge-amber{background:var(--warning-light);color:var(--warning-dark)}.badge-error,.badge-crimson{background:var(--error-light);color:var(--error-dark)}.badge-info,.badge-azure{background:var(--info-light);color:var(--info-dark)}.badge-coral{background:var(--secondary-100);color:var(--secondary-dark)}.badge-pill{border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--slate-200)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--slate-500);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .2s ease-in-out}.tab:hover{color:var(--slate-700)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;font-weight:var(--font-semibold);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar img{width:100%;height:100%;object-fit:cover}.progress-bar{height:8px;background:var(--slate-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:var(--radius-full);transition:width var(--duration-500) var(--ease-out)}.progress-bar-fill.success{background:linear-gradient(90deg,var(--success) 0%,var(--success-dark) 100%)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.active{background:var(--success);box-shadow:0 0 0 3px var(--success-light)}.status-dot.pending{background:var(--warning);box-shadow:0 0 0 3px var(--warning-light)}.status-dot.inactive{background:var(--slate-400)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:200px;margin-top:var(--space-2);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:fadeInDown var(--duration-150) var(--ease-out)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);color:var(--slate-700);text-decoration:none;cursor:pointer;transition:background var(--duration-100) var(--ease-in-out)}.dropdown-item:hover{background:var(--slate-50)}.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-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-light)}.dropdown-divider{height:1px;background:var(--slate-100);margin:var(--space-1) 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:var(--z-modal);animation:fadeIn var(--duration-150) var(--ease-out)}.modal{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:560px;width:100%;max-height:90vh;overflow:hidden;animation:scaleIn var(--duration-200) var(--ease-out)}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--slate-100)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--slate-400);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.modal-close:hover{background:var(--slate-100);color:var(--slate-600)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--slate-50);border-top:1px solid var(--slate-100)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border-left:4px solid var(--slate-400);max-width:400px;pointer-events:auto;animation:slideInRight var(--duration-200) var(--ease-out)}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--info)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1}.toast-title{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--slate-800);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--slate-600)}.toast-close{flex-shrink:0;background:transparent;border:none;padding:var(--space-1);color:var(--slate-400);cursor:pointer}.toast-close:hover{color:var(--slate-600)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--slate-300)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--slate-800);margin-bottom:var(--space-2)}.empty-state-description{color:var(--slate-500);max-width:400px;margin-bottom:var(--space-6)}.skeleton{background:linear-gradient(90deg,var(--slate-100) 0%,var(--slate-200) 50%,var(--slate-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-avatar{border-radius:var(--radius-full)}.skeleton-card{height:200px}.divider{height:1px;background:var(--slate-200)}.divider-vertical{width:1px;height:auto;align-self:stretch;background:var(--slate-200)}.divider-decorative{display:flex;align-items:center;gap:var(--space-4);color:var(--slate-400);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.divider-decorative:before,.divider-decorative:after{content:"";flex:1;height:1px;background:var(--slate-200)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--slate-900);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--duration-150) var(--ease-in-out);z-index:var(--z-tooltip)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--slate-900)}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.page-breadcrumb{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--slate-400);text-decoration:none;transition:color .15s ease;margin-bottom:var(--space-3)}.page-breadcrumb:hover{color:var(--accent)}.page-breadcrumb svg{flex-shrink:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.page-header-content{flex:1}.page-title-large{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight)}.page-description{font-size:var(--text-base);color:var(--slate-500);max-width:600px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);margin-bottom:var(--space-6)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);min-width:280px}.search-box input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--slate-800);outline:none}.search-box input::placeholder{color:var(--slate-400)}.search-box svg{color:var(--slate-400)}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--slate-700);background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' 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 var(--space-2) center}.view-toggle{display:flex;background:var(--slate-100);border-radius:var(--radius-lg);padding:var(--space-0-5)}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--slate-500);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.view-btn:hover{color:var(--slate-700)}.view-btn.active{background:#fff;color:var(--accent);box-shadow:var(--shadow-sm)}.table-container{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--slate-200);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--slate-500);background:var(--slate-50);text-align:left;border-bottom:1px solid var(--slate-200)}.table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--slate-700);border-bottom:1px solid var(--slate-100)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--slate-50)}