@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);#root,body,html{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box;font-family:Roboto,sans-serif;height:100%;margin:0;padding:0}*,:after,:before{box-sizing:inherit}:root{--primary-color:#ee7008;--primary-light:#ff8b2d;--primary-dark:#c85a00;--primary-gradient:linear-gradient(135deg,#ee7008,#ff8b2d);--secondary-color:#2c3e50;--secondary-light:#34495e;--accent-color:#e8f4fd;--accent-dark:#bdd9f2;--white:#fff;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--text-primary:#2c3e50;--text-secondary:#6c757d;--text-light:#adb5bd;--success:#28a745;--success-light:#d4edda;--warning:#ffc107;--warning-light:#fff3cd;--danger:#dc3545;--danger-dark:#c82333;--danger-light:#f8d7da;--info:#17a2b8;--info-light:#d1ecf1;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 25px #00000026;--shadow-primary:0 4px 15px #ee700833;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:36px;--font-size-6xl:42px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--layout-xs:480px;--layout-sm:640px;--layout-md:768px;--layout-lg:1024px;--layout-xl:1200px;--layout-2xl:1400px;--container-xs:100%;--container-sm:600px;--container-md:800px;--container-lg:1000px;--container-xl:1200px;--btn-padding-xs:var(--spacing-xs) var(--spacing-sm);--btn-padding-sm:var(--spacing-sm) var(--spacing-md);--btn-padding-md:var(--spacing-md) var(--spacing-lg);--btn-padding-lg:var(--spacing-lg) var(--spacing-xl);--btn-padding-xl:var(--spacing-xl) var(--spacing-xxl);--btn-font-xs:var(--font-size-xs);--btn-font-sm:var(--font-size-sm);--btn-font-md:var(--font-size-base);--btn-font-lg:var(--font-size-lg);--btn-font-xl:var(--font-size-xl);--input-padding-sm:var(--spacing-sm) var(--spacing-md);--input-padding-md:var(--spacing-md) var(--spacing-lg);--input-padding-lg:var(--spacing-lg) var(--spacing-xl);--z-dropdown:1000;--z-modal:9999;--z-tooltip:10000;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}.loading-text{align-items:center;display:flex;gap:6px;opacity:.8}.loading-icon{animation:spin 2s linear infinite;font-size:14px!important}.plan-badge-container{display:flex;justify-content:center;margin-bottom:8px}.brand-limit-info{background:#ffffff1a;border-left:3px solid #ffffff4d;border-radius:8px;margin-bottom:4px;padding:8px 10px}.brand-count-text{align-items:center;color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:8px;transition:all .2s ease}.brand-count-text:hover{color:#fff}.sync-billing-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;margin-left:4px;padding:2px 6px;transition:all .2s ease}.sync-billing-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:scale(1.05)}.sync-billing-btn:disabled{cursor:not-allowed;opacity:.5}.sync-billing-btn .material-icons{animation:none}.sync-billing-btn:disabled .material-icons{animation:spin 1s linear infinite}.upgrade-prompt-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-top:4px;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.upgrade-prompt-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upgrade-prompt-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.upgrade-prompt-btn:hover:before{left:100%}.upgrade-prompt-btn .icon{font-size:18px}.upgrade-prompt-btn .text2{margin:0}.api-error-indicator{color:#ffeb3b;font-size:.9em;font-weight:700;margin-left:4px}.sidebar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;background:linear-gradient(180deg,#1a1a1a,#2c2c2c 50%,#1e1e1e);border-right:1px solid #ffffff1a;box-shadow:2px 0 20px #0006;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-sm);height:100vh;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));padding-top:max(var(--spacing-md),env(safe-area-inset-top));position:fixed;scrollbar-width:none;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:2000}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo-section{flex-shrink:0;position:relative;text-align:center;z-index:1}.sidebar-logo{display:block;height:auto;margin:0 auto;max-height:35px;max-width:80%;object-fit:contain}.sidebar-logo-collapsed{height:auto;max-height:40px;max-width:40px;object-fit:contain}@media (min-width:769px){.sidebar.collapsed{padding:var(--spacing-sm);width:80px}.sidebar.collapsed .brand-limit-info,.sidebar.collapsed .brand-select,.sidebar.collapsed .text2,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .user-info-card{justify-content:center;padding:8px}.sidebar.collapsed .divider{margin:8px 0}.sidebar.collapsed .card{padding:8px}.sidebar.collapsed .section{justify-content:center;min-height:48px;padding:14px}.sidebar.collapsed .icon{font-size:24px;margin-right:0}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;padding:12px}.sidebar.collapsed .upgrade-prompt-btn{display:none}}.sidebar-collapse-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;display:none;gap:12px;transition:all .3s ease}.sidebar-collapse-btn:hover{background:#ffffff1a;border-color:#ff6b3580;color:#fff}.sidebar-collapse-btn .material-icons{color:#ff6b35;font-size:24px}@media (min-width:769px){.sidebar-collapse-btn{display:flex}}.sidebar.open{transform:translateX(0)}@media (min-width:769px){.sidebar{transform:translateX(0);z-index:10}}.card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;justify-content:flex-start;margin-bottom:0;margin-top:0;min-height:48px;padding:4px 8px}.card:hover{background:#fff3;box-shadow:0 4px 12px #00000026}.user-info{align-items:center;display:flex;gap:8px}.sidebar-avatar-section{flex-shrink:0}.avatar-wrapper{border-radius:50%;cursor:pointer;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.user-avatar{border:3px solid var(--primary-color);border-radius:50%;height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.avatar-hover-text{align-items:center;background-color:#ee7008e6;border-radius:50%;color:var(--white);display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity var(--transition-normal);width:100%}.avatar-wrapper:hover .avatar-hover-text{opacity:1}.avatar-wrapper:hover .user-avatar{transform:scale(1.05)}.user-details{flex:1 1;margin-left:0;overflow:hidden}.user-name{color:var(--white);font-size:.8rem;font-weight:var(--font-weight-medium);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;white-space:nowrap}.hidden-input{display:none}.brand-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:var(--radius-md);box-shadow:0 4px 15px #0000001a;color:var(--white);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:var(--font-weight-medium);margin-bottom:4px;padding:10px var(--spacing-sm);text-align:center;transition:all var(--transition-normal);width:100%}.brand-select:hover{background:#fff3;border-color:#fff6;box-shadow:0 6px 20px #00000026}.brand-select:focus{border-color:#fff9;box-shadow:0 0 0 3px #fff3;outline:none}.brand-select option{background:var(--white);color:var(--text-primary);font-size:14px;font-weight:500;padding:var(--spacing-sm)}.brand-select:disabled{background-color:var(--light-gray);border-color:var(--medium-gray);color:var(--text-light);cursor:not-allowed}.sidebar-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;margin-bottom:4px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:4px}.bottom-div>*+*,.brand-actions>*+*,.sidebar-nav>*+*{margin-top:var(--spacing-xs)}.brand-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.section{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:var(--white);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);min-height:38px;min-width:0;padding:10px var(--spacing-sm);text-decoration:none;transition:all var(--transition-normal);width:100%}.section:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 15px #00000026;transform:translateX(4px)}.section.active{background:var(--white);border-color:var(--white);box-shadow:0 6px 20px #0003;color:#ff6b35;transform:translateX(4px)}.section.disabled{background:#ffffff0d;color:#fff9;cursor:not-allowed;opacity:.4}.section.disabled:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 2px 8px #0000001a;transform:none}.link-btn{background:#0000;border:none;font-family:inherit;font-size:14px;text-align:left;width:100%}.link-btn:disabled{cursor:not-allowed;opacity:.5}.icon{color:inherit;flex-shrink:0;font-size:20px}.text1,.text2{color:inherit;flex:1 1;font-size:14px;font-weight:inherit;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-div{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;min-height:auto;padding-top:8px}.bottom-div .divider{margin:0 0 4px}.profile-section{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:var(--radius-md);display:flex;gap:12px;margin-top:8px;padding:12px;position:relative;transition:all var(--transition-normal);z-index:1}.profile-section:hover{background:#ffffff26;border-color:#ffffff40}.profile-section-collapsed{display:flex;justify-content:center;padding:8px;position:relative;z-index:1}.sidebar-collapse-btn{align-items:center;background:#ffffff14;border:2px solid #ffffff1f;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:10px;transition:all var(--transition-normal);width:100%}.sidebar-collapse-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateX(2px)}.sidebar-collapse-btn .material-icons{font-size:20px}.collapse-text{color:#ffffffe6;font-size:13px}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;padding:10px}.sidebar.collapsed .profile-section-collapsed .avatar-wrapper{height:36px;width:36px}.bottom-section{align-items:center;background:var(--white);border:2px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-md);min-width:0;padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-normal)}@media (hover:none){.bottom-section:hover,.logout-section:hover,.section:hover{transform:none}}.bottom-section:hover{background:var(--accent-color);border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateX(4px)}.bottom-section.disabled{background:var(--light-gray);color:var(--text-light);cursor:not-allowed;opacity:.5}.bottom-section.disabled:hover{background:var(--light-gray);border-color:#0000;box-shadow:var(--shadow-sm);transform:none}.logout-section{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:2px solid #0003;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;color:#ffffffe6;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-md);margin-top:var(--spacing-xs);padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-normal);width:100%}.logout-section:hover{background:#0000004d;border-color:#0006;box-shadow:0 8px 25px #0000004d;color:var(--white);transform:translateX(8px) scale(1.02)}.logout-icon{color:inherit;font-size:18px}.divider{background:var(--medium-gray);border:none;height:1px;margin:var(--spacing-sm) 0;opacity:.5}@media (max-width:768px){.sidebar{gap:4px;height:100vh;left:0;max-height:100vh;max-width:280px;padding:var(--spacing-sm);position:fixed;top:0;width:280px}.bottom-section,.brand-select,.card,.logout-section,.section{max-width:100%;width:100%}.card{margin-top:var(--spacing-xs);padding:var(--spacing-sm)}.sidebar-logo{margin-bottom:var(--spacing-xs);min-height:35px;padding:var(--spacing-xs)}.susi-logo-main{height:28px}.avatar-wrapper{height:40px;width:40px}.user-name{font-size:13px}.icon{flex-shrink:0;font-size:16px}.text1,.text2{font-size:12px;line-height:1.3}.section{gap:var(--spacing-xs);min-height:36px;padding:var(--spacing-xs) var(--spacing-sm)}.brand-actions{gap:3px;margin-bottom:var(--spacing-xs)}.sidebar-nav{gap:3px}}@media (max-width:480px) and (min-width:376px){.sidebar{gap:var(--spacing-sm);max-width:90vw;padding:var(--spacing-sm);width:90vw}.text1,.text2{font-size:11px;line-height:1.3}.icon{flex-shrink:0;font-size:16px}.section{gap:var(--spacing-sm);min-height:38px}.bottom-section,.section{padding:var(--spacing-xs) var(--spacing-sm)}.brand-select{font-size:11px;padding:var(--spacing-xs)}.brand-actions,.sidebar-nav{gap:var(--spacing-xs)}.brand-actions{margin-bottom:var(--spacing-sm)}}@media (max-width:480px){.sidebar{gap:var(--spacing-sm);max-width:95vw;padding:var(--spacing-sm);width:95vw}.text1,.text2{font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{flex-shrink:0;font-size:16px}.section{gap:var(--spacing-sm);min-height:36px}.bottom-section,.section{padding:var(--spacing-xs) var(--spacing-sm)}.brand-select{font-size:11px;padding:var(--spacing-xs)}.brand-actions,.sidebar-nav{gap:var(--spacing-xs)}.brand-actions{margin-bottom:var(--spacing-sm)}}@media (max-width:375px){.connect-social{display:none}.sidebar{max-width:100vw;padding:var(--spacing-xs);width:100vw}.text1,.text2{font-size:10px;line-height:1.2}.section{gap:var(--spacing-xs);min-height:32px;padding:var(--spacing-xs)}.icon{font-size:14px}.nav-item-with-indicator{align-items:flex-start;flex-direction:column;gap:2px}.completion-indicator{align-self:flex-end;margin-top:-2px}}@media (width:1280px) and (height:800px) and (orientation:landscape){.connect-social{display:none!important}}@media (width:1024px) and (height:600px) and (orientation:landscape){.connect-social{display:none!important}}@supports (height:100dvh){.sidebar{height:100dvh;max-height:100dvh}}.nav-item-with-indicator{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:space-between;min-width:0;width:100%}.completion-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:18px;justify-content:center;margin-left:auto;width:18px}.completion-indicator.completed{background:var(--success);box-shadow:0 1px 3px #28a7454d;color:var(--white)}.completion-indicator.recommended{animation:pulse-indicator 2s infinite;background:var(--primary-blue);box-shadow:0 1px 3px #4a90e24d;color:var(--white)}@keyframes pulse-indicator{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.avatar-manager{display:inline-block;position:relative}.sidebar-avatar-section{display:flex;justify-content:center;margin-bottom:16px}.sidebar-avatar .avatar-container{border:3px solid #4f8cff;box-shadow:0 4px 12px #00000026}.sidebar-avatar .avatar-container:hover{border-color:#fff;box-shadow:0 6px 20px #00000040}.navbar-avatar{margin-right:12px}.navbar-avatar .avatar-container{border:2px solid #fff3}.navbar-avatar .avatar-container:hover{border-color:#fffc}.avatar-container{background:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.avatar-container:hover{border-color:#4f8cff;box-shadow:0 0 0 3px #4f8cff1a}.avatar-small .avatar-container{height:40px;width:40px}.avatar-medium .avatar-container{height:60px;width:60px}.avatar-large .avatar-container{height:100px;width:100px}.avatar-image{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.avatar-container:hover .avatar-image{transform:scale(1.05)}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#4f8cff,#6f42c1);color:#fff;display:flex;font-size:.9em;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-small .avatar-placeholder{font-size:.7em}.avatar-large .avatar-placeholder{font-size:1.2em}.avatar-overlay{align-items:center;background:#0009;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-upload-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:100%;justify-content:center;transition:transform .2s ease;width:100%}.avatar-upload-label:hover{transform:scale(1.1)}.avatar-upload-input{display:none}.avatar-loading{background:#ffffffe6;border-radius:4px;color:#495057;font-size:.8em;font-weight:500;left:50%;padding:4px 8px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.avatar-in-header{margin-left:12px}.avatar-in-sidebar{margin-bottom:16px}@media (max-width:768px){.avatar-large .avatar-container{height:80px;width:80px}.avatar-medium .avatar-container{height:50px;width:50px}}.avatar-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0!important;display:flex;height:100vh!important;justify-content:center;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.avatar-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;position:relative;width:90%;z-index:100000!important}.avatar-modal-header{align-items:center;background:linear-gradient(135deg,#1e88a8,#0d5c7d);color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.avatar-modal-title{align-items:center;display:flex;font-size:22px;font-weight:600;gap:12px;margin:0}.avatar-modal-icon{font-size:28px}.avatar-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.avatar-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.avatar-modal-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.avatar-tab{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:16px;position:relative;transition:all .2s ease}.avatar-tab:hover{background:#667eea1a;color:#667eea}.avatar-tab.active{background:#fff;color:#667eea}.avatar-tab.active:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-icon{font-size:18px}.avatar-modal-body{flex:1 1;overflow-y:auto;padding:28px}.upload-section{align-items:center;display:flex;flex-direction:column;gap:20px}.upload-dropzone{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px dashed #dee2e6;border-radius:16px;padding:48px 24px;position:relative;text-align:center;transition:all .3s ease;width:100%}.upload-dropzone:hover{background:linear-gradient(135deg,#f8f9fa,#ede7f6);border-color:#667eea;transform:scale(1.02)}.avatar-file-input{display:none}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px}.upload-icon{font-size:64px;opacity:.7}.upload-text{color:#495057;font-size:16px;font-weight:600;margin:0}.upload-hint{color:#6c757d;font-size:13px;margin:0}.stock-section{display:flex;flex-direction:column;gap:20px}.stock-description{color:#6c757d;font-size:14px;margin:0 0 8px;text-align:center}.avatar-search-bar{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;display:flex;padding:12px 16px;position:relative;transition:all .2s ease}.avatar-search-bar:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{color:#6c757d;font-size:18px;margin-right:10px}.search-input{background:#0000;border:none;color:#495057;font-size:14px;outline:none}.search-input::placeholder{color:#adb5bd}.clear-search{align-items:center;background:#e9ecef;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-left:8px;transition:all .2s ease;width:24px}.clear-search:hover{background:#dc3545;color:#fff}.stock-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.no-results{color:#6c757d;grid-column:1/-1;padding:40px 20px;text-align:center}.no-results p:first-child{font-size:18px;margin:0 0 8px}.no-results p:last-child{font-size:14px;margin:0}.stock-avatar{aspect-ratio:1;background:#f8f9fa;border:3px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.stock-avatar:hover{box-shadow:0 8px 24px #0003;transform:scale(1.05)}.stock-avatar.selected{border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.stock-avatar img{background:#0000;display:block;height:100%;object-fit:cover;width:100%}.stock-check{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.avatar-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.avatar-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.avatar-btn.cancel{background:#e9ecef;color:#495057}.avatar-btn.cancel:hover{background:#dee2e6}.avatar-btn.save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.avatar-btn.save:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.avatar-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.avatar-modal-content{max-height:90vh;width:95%}.avatar-modal-header{padding:20px}.avatar-modal-title{font-size:18px}.avatar-modal-body{padding:20px}.stock-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.upload-dropzone{padding:32px 16px}.upload-icon{font-size:48px}.search-input{font-size:13px}}.upload-dropzone.dragging{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;transform:scale(1.02)}.upload-dropzone.dragging .upload-icon{opacity:1;transform:scale(1.1)}.dal-section{gap:20px;min-height:300px}.dal-section,.loading-dal{display:flex;flex-direction:column}.loading-dal{align-items:center;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 2s linear infinite;font-size:48px}.loading-dal p{color:#6c757d;font-size:15px;margin:0}.avatar-error-banner{background:linear-gradient(90deg,#dc354514,#dc354505);border:1px solid #dc35451f;border-radius:8px;color:#c92a2a}.avatar-error-banner,.avatar-success-banner{font-weight:600;margin:12px 20px;padding:10px 14px;text-align:center}.avatar-success-banner{animation:slideInSuccess .3s ease-out;background:linear-gradient(90deg,#28a7451a,#20c9970d);border:1px solid #28a74533;border-radius:8px;color:#2b8a3e}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.avatar-success-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100001!important}.avatar-success-modal{animation:scaleIn .3s ease-out;background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 20px;max-width:400px;padding:40px 50px;text-align:center}.success-icon{animation:bounce .6s ease-out .2s;background:#ffffff40;color:#fff;font-size:48px;height:80px;margin:0 auto 20px;width:80px}.success-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}.success-message{color:#fffffff2;font-size:16px;line-height:1.5;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.avatar-success-modal{max-width:90%;padding:30px 35px}.success-icon{font-size:42px;height:70px;width:70px}.success-title{font-size:24px}.success-message{font-size:14px}}.brand-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.brand-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.brand-modal-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 28px}.brand-modal-header-content{align-items:center;display:flex;gap:12px}.brand-modal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px}.brand-modal-title{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#fff!important;font-size:24px;font-weight:600;margin:0;text-shadow:0 1px 3px #0003}.brand-modal-close-btn{align-items:center;background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.brand-modal-close-btn:hover{background:#ffffff40;border-color:#fff6;transform:rotate(90deg)}.brand-modal-close-btn .material-icons{font-size:24px}.brand-modal-content{max-height:calc(90vh - 100px);overflow-y:auto;padding:32px 28px}.brand-modal-options{display:flex;flex-direction:column;gap:16px}.brand-option-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-option-card:before{background:linear-gradient(180deg,#4a90e2,#357abd);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.brand-option-card:hover:before{transform:scaleY(1)}.brand-option-card:hover{border-color:#4a90e2;box-shadow:0 8px 24px #4a90e226;transform:translateY(-2px)}.brand-option-icon-wrapper{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:12px;box-shadow:0 4px 12px #4a90e24d;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.brand-option-icon-wrapper.edit{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 12px #ff6b354d}.brand-option-icon-wrapper.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.brand-option-card.delete-brand:hover{border-color:#ef444480;box-shadow:0 8px 24px #ef444426}.brand-option-card.delete-brand:hover .brand-option-icon-wrapper.delete{box-shadow:0 6px 16px #ef444466;transform:scale(1.1)}.brand-option-card:hover .brand-option-icon-wrapper{transform:scale(1.1) rotate(5deg)}.brand-option-icon{color:#fff;font-size:28px}.brand-option-details{flex:1 1;min-width:0}.brand-option-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.brand-option-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0}.brand-option-arrow{color:#adb5bd;flex-shrink:0;font-size:24px;transition:all .3s ease}.brand-option-card:hover .brand-option-arrow{color:#4a90e2;transform:translateX(4px)}@media (max-width:768px){.brand-modal-container{border-radius:12px;max-width:95%}.brand-modal-header{padding:20px}.brand-modal-title{font-size:20px}.brand-modal-icon{font-size:28px}.brand-modal-content{padding:24px 20px}.brand-option-card{gap:16px;padding:20px}.brand-option-icon-wrapper{height:48px;width:48px}.brand-option-icon{font-size:24px}.brand-option-title{font-size:16px}.brand-option-description{font-size:13px}}@media (max-width:480px){.brand-modal-header{padding:16px}.brand-modal-title{font-size:18px}.brand-modal-content{padding:20px 16px}.brand-option-card{flex-direction:column;padding:24px 16px;text-align:center}.brand-option-arrow{display:none}}.brand-modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.brand-modal-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:40px;width:40px}.brand-modal-loading p{color:#6c757d;font-size:14px;margin:0}.brand-plan-status{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.brand-plan-status.success{background:#d4edda;border:1px solid #c3e6cb}.brand-plan-status.warning{background:#fff3cd;border:1px solid #ffc107}.brand-plan-status.error{background:#f8d7da;border:1px solid #f5c6cb}.plan-status-content{align-items:center;display:flex;gap:10px}.plan-badge{background:#0000001a;border-radius:12px;font-size:11px;padding:4px 10px}.brand-count{color:#2c3e50;font-size:14px;font-weight:600}.additional-pricing-info{color:#6c757d;font-size:12px;font-weight:500}.brand-limit-warning{align-items:flex-start;background:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.warning-icon{color:#856404;flex-shrink:0;font-size:24px}.brand-limit-warning p{color:#856404;font-size:14px;font-weight:500;line-height:1.6;margin:0}.brand-option-card.highlight{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #4a90e2}.brand-option-icon-wrapper.purchase{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf504d}.brand-option-icon-wrapper.upgrade{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 4px 12px #9c27b04d}.brand-option-divider{margin:20px 0;position:relative;text-align:center}.brand-option-divider:before{background:linear-gradient(90deg,#0000,#dee2e6 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.brand-option-divider span{background:#fff;color:#adb5bd;font-size:12px;font-weight:600;letter-spacing:1px;padding:0 16px;position:relative;text-transform:uppercase}.upgrade-required-section{margin-top:20px}.upgrade-title{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 8px;text-align:center}.upgrade-subtitle{color:#6c757d;font-size:14px;margin:0 0 20px;text-align:center}.app-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:100%}.app-container,.global-main-content{box-sizing:border-box;display:flex;min-height:100vh;overflow-x:hidden;overflow-y:auto}.global-main-content{background-color:#f0f2f5;flex-direction:column;flex-grow:1;padding:80px var(--spacing-xl) var(--spacing-lg);padding-left:312px;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.sidebar.collapsed~.global-main-content,body:has(.sidebar.collapsed) .global-main-content{padding-left:112px}}.top-navbar{display:flex;height:56px;left:280px;position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1500}@media (min-width:769px){.sidebar.collapsed~* .top-navbar,body:has(.sidebar.collapsed) .top-navbar{left:80px}}.navbar-left-section{display:none;width:0}@media (max-width:768px){.top-navbar{left:0}.navbar-left-section{align-items:center;display:flex;padding:0 var(--spacing-md);width:auto}}.navbar-main{align-items:center;background:#f0f2f5;display:flex;flex:1 1;justify-content:space-between;padding:0 var(--spacing-xl);position:relative;width:100%}.navbar-divider{display:none}.navbar-title{color:var(--primary-color);font-family:Roboto,sans-serif;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0;padding-left:1rem}.navbar-logo{border-radius:var(--radius-sm);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:36px;width:auto}.navbar-right{gap:var(--spacing-sm)}.navbar-avatar,.navbar-right{align-items:center;display:flex}.navbar-avatar{border-left:1px solid #0000001a;cursor:pointer;margin:0 var(--spacing-xs);padding-left:var(--spacing-xs)}.navbar-avatar .avatar-container{border:2px solid var(--white);box-shadow:0 2px 8px #0000001a;height:36px!important;transition:all .2s ease;width:36px!important}.navbar-avatar .avatar-container:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.navbar-avatar .avatar-overlay{display:none}.settings-btn-navbar{align-items:center;background:var(--white);border:1px solid #667eea;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#667eea;cursor:pointer;display:flex;font-size:var(--btn-font-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-left:var(--spacing-sm);padding:var(--btn-padding-xs);transition:all var(--transition-normal)}.settings-btn-navbar:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:var(--shadow-md);color:var(--white);transform:scale(1.05)}.settings-btn-navbar:active{box-shadow:var(--shadow-sm);transform:scale(1.02)}.settings-btn-navbar .material-icons{font-size:16px;transition:color var(--transition-normal)}.settings-btn-navbar .settings-text{font-size:var(--btn-font-sm);transition:color var(--transition-normal)}.logout-btn-navbar{align-items:center;background:var(--white);border:1px solid var(--primary-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--primary-color);cursor:pointer;display:flex;font-size:var(--btn-font-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-left:var(--spacing-sm);padding:var(--btn-padding-xs);transition:all var(--transition-normal)}.logout-btn-navbar:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);transform:scale(1.05)}.logout-btn-navbar:active{box-shadow:var(--shadow-sm);transform:scale(1.02)}.logout-btn-navbar .logout-icon{font-size:14px;transition:color var(--transition-normal)}.logout-btn-navbar .logout-text{font-size:var(--btn-font-sm);transition:color var(--transition-normal)}.susi-tech-logo{align-self:flex-end;border-radius:var(--radius-sm);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));margin-top:auto;opacity:.9;transition:all var(--transition-normal);width:120px}.susi-tech-logo:hover{opacity:1;transform:scale(1.05)}.hamburger{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;display:none;font-size:24px;left:var(--spacing-md);padding:var(--spacing-sm);position:fixed;top:var(--spacing-md);transition:all var(--transition-normal);z-index:2100}.hamburger:hover{background:var(--primary-color);transform:scale(1.05)}.hamburger .material-icons{color:var(--primary-color);transition:color var(--transition-normal)}.hamburger:hover .material-icons{color:var(--white)}.sidebar-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}@media (max-width:768px){.global-main-content{padding:80px var(--spacing-md) 120px;padding-left:var(--spacing-md)}.navbar-title{font-size:24px}.flag-btn img{height:16px;width:24px}.navbar-avatar .avatar-container{height:32px!important;width:32px!important}.logout-text{display:none}.logout-btn-navbar{padding:8px}.susi-tech-logo{bottom:var(--spacing-sm);right:var(--spacing-sm);width:80px}.hamburger{display:block}}.loading-modal{align-items:center;animation:fadeIn .3s ease-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#f5f7faf2,#c3cfe2f2);height:100%;left:0;position:absolute;top:0;width:100%}.loading-content{animation:slideUp .4s ease-out;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000001a;flex-direction:column;min-width:300px;padding:var(--spacing-xxl);position:relative}.loading-content:before{background:var(--primary-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.loading-spinner-container{height:80px;margin-bottom:var(--spacing-xl);position:relative;width:80px}.loading-spinner-outer{animation:spin 1s linear infinite;border-radius:50%;border-top:3px solid var(--medium-gray);border:3px solid var(--medium-gray);border-top-color:var(--primary-color);height:60px;width:60px}.loading-spinner-inner,.loading-spinner-outer{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner-inner{animation:spinReverse 1.5s linear infinite;border:2px solid #0000;border-bottom:2px solid var(--primary-light);border-radius:50%;height:40px;width:40px}.loading-pulse-rings,.pulse-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pulse-ring{animation:pulse 2s infinite;border:2px solid var(--primary-color);border-radius:50%;opacity:0}.pulse-ring-1{animation-delay:0s;height:80px;width:80px}.pulse-ring-2{animation-delay:.5s;height:100px;width:100px}.pulse-ring-3{animation-delay:1s;height:120px;width:120px}.loading-text-container{margin-bottom:var(--spacing-lg);text-align:center}.loading-text{animation:textPulse 2s infinite;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md) 0}.loading-progress-bar{background:var(--light-gray);border-radius:var(--radius-sm);height:4px;margin-top:var(--spacing-sm);overflow:hidden;width:200px}.loading-progress-fill{animation:progressShimmer 1.5s infinite;background:var(--primary-gradient);border-radius:var(--radius-sm);height:100%;transition:width .3s ease}.loading-dots{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.loading-dot{animation:bounce 1.4s infinite;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.loading-dot-1{animation-delay:0s}.loading-dot-2{animation-delay:.2s}.loading-dot-3{animation-delay:.4s}@keyframes spinReverse{0%{transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progressShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.loading-content{margin:var(--spacing-md);min-width:280px;padding:var(--spacing-xl)}.loading-spinner-container{height:60px;margin-bottom:var(--spacing-lg);width:60px}.loading-spinner-outer{border-width:2px;height:45px;width:45px}.loading-spinner-inner{height:30px;width:30px}.loading-text{font-size:var(--font-size-base)}.loading-progress-bar{width:160px}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.spotlight-highlight{animation:pulse 2s ease-in-out infinite;border:3px solid #17a2b8;border-radius:8px;box-shadow:0 0 0 9999px #000000bf,0 0 20px #17a2b880;pointer-events:none;position:absolute;z-index:10001}.onboarding-modal{animation:slideUp .4s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:480px;padding:32px;width:90%;z-index:10002}.onboarding-modal.centered{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.progress-dot{background:#e0e0e0;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.progress-dot.active{background:#17a2b8;border-radius:4px;width:24px}.progress-dot.completed{background:#28a745}.onboarding-title{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 16px;text-align:center}.onboarding-description{color:#5a6c7d;font-size:16px;line-height:1.6;margin:0 0 32px;text-align:center}.onboarding-actions{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.onboarding-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:12px 24px;transition:all .2s ease}.onboarding-btn.primary{background:#17a2b8;color:#fff;min-width:140px}.onboarding-btn.primary:hover{background:#138496;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.onboarding-btn.secondary{background:#0000;border:1px solid #dee2e6;color:#6c757d}.onboarding-btn.secondary:hover{background:#f8f9fa;border-color:#adb5bd}.onboarding-footer{color:#adb5bd;font-size:14px;font-weight:500;text-align:center}@media (max-width:768px){.onboarding-modal{max-width:90%;padding:24px}.onboarding-title{font-size:20px}.onboarding-description{font-size:14px}.onboarding-actions{flex-direction:column}.onboarding-btn{width:100%}}.signup-page{align-items:stretch;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex:1 1;gap:var(--spacing-xl);height:100vh;justify-content:center;position:relative;width:100%}.login-button1{left:var(--spacing-lg);position:absolute;top:var(--spacing-lg);z-index:1000}.login-button1 button{align-items:center;background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--primary-color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.login-button1 button:hover{background:var(--primary-color);box-shadow:var(--shadow-lg);color:var(--white);transform:translateY(-2px)}.login-button1 .material-icons{color:inherit;font-size:18px}.signup-left{box-sizing:border-box;flex:2 1;height:100%;padding:var(--spacing-lg)}.signup-box,.signup-left{align-items:center;display:flex;justify-content:center}.signup-box{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;max-width:600px;overflow:hidden;padding:var(--spacing-xxl);position:relative;text-align:center;width:100%}.signup-box:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.signup-box:before,.signup-title{background:var(--primary-gradient)}.signup-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:Roboto;font-size:48px;font-weight:800;margin-bottom:var(--spacing-md)}.signup-subtitle{color:var(--text-secondary);font-family:Roboto;font-size:20px;font-weight:500;line-height:1.5;margin-bottom:var(--spacing-xl)}.signup-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:auto;max-width:500px;transition:transform var(--transition-normal);width:100%}.signup-image:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.signup-right{align-items:flex-start;background:var(--white);border-left:1px solid var(--medium-gray);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-xxl);position:relative}.signup-right:before{background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.signup-heading{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.signup-description{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:var(--spacing-xl)}.signup-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.signup-input{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:inherit;font-size:16px;padding:var(--spacing-lg);transition:all var(--transition-normal);width:100%}.signup-input::placeholder{color:var(--text-light)}.signup-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none;transform:translateY(-2px)}.signup-button1{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--white);cursor:pointer;font-size:18px;font-weight:600;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal);width:100%}.signup-button1:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.signup-button1:hover{background:linear-gradient(135deg,#0f8e95 0,var(--primary-dark) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.signup-button1:hover:before{left:100%}.signup-button1:active{box-shadow:var(--shadow-md);transform:translateY(0)}.login-link{margin-top:var(--spacing-lg);text-align:center;width:100%}.login-link p{color:var(--text-secondary);font-size:14px;margin:0}.login-redirect{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline;transition:color var(--transition-normal)}.login-redirect:hover{color:var(--primary-dark)}.signup-logo-header{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);display:flex;justify-content:center;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-lg);position:relative}.signup-logo-header:before{animation:logoShimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.signup-susi-logo{filter:brightness(0) invert(1);height:60px;object-fit:contain;transition:transform var(--transition-normal);width:60px}.signup-susi-logo:hover{transform:scale(1.1)}@media (max-width:768px){.signup-page{flex-direction:column;gap:0}.signup-left{display:none}.signup-right{border-left:none;border-top:4px solid var(--primary-color);padding:var(--spacing-xl)}.signup-right:before{display:none}.login-button1{left:var(--spacing-md);top:var(--spacing-md)}.login-button1 button{font-size:12px;padding:var(--spacing-xs) var(--spacing-md)}.global-language-switch{padding:var(--spacing-xs);right:var(--spacing-md);top:var(--spacing-md)}.flag-btn img{height:16px;width:24px}.footer-logo{bottom:var(--spacing-md);right:var(--spacing-md);width:80px}.signup-heading{font-size:24px}.signup-input{font-size:14px;padding:var(--spacing-md)}.signup-button1{font-size:16px;padding:var(--spacing-md)}}.google-signin-button:disabled{cursor:not-allowed;opacity:.6}.oauth-button:hover:not(:disabled){box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.oauth-button:active:not(:disabled){box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.oauth-button:disabled{cursor:not-allowed;opacity:.6}.oauth-button.facebook:hover:not(:disabled){background:#166fe5}.oauth-button.apple:hover:not(:disabled){background:#1a1a1a}.login-page{align-items:stretch;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex:1 1;gap:var(--spacing-xl);height:100vh;justify-content:center;position:relative;width:100%}.global-language-switch{gap:var(--spacing-sm);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg)}.flag-btn img{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-normal)}.flag-btn img:hover{box-shadow:var(--shadow-md);transform:scale(1.15)}.login-left{box-sizing:border-box;flex:2 1;height:100%;padding:var(--spacing-lg)}.login-box,.login-left{align-items:center;display:flex;justify-content:center}.login-box{border:1px solid var(--medium-gray);flex-direction:column;max-width:600px;overflow:hidden;padding:var(--spacing-xxl);position:relative;text-align:center;width:100%}.login-box:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-box:before,.login-title{background:var(--primary-gradient)}.login-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:Roboto;font-size:48px;font-weight:800;margin-bottom:var(--spacing-md)}.login-subtitle{color:var(--text-secondary);font-family:Roboto;font-size:20px;font-weight:500;line-height:1.5;margin-bottom:var(--spacing-xl)}.login-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:auto;max-width:500px;transition:transform var(--transition-normal);width:100%}.login-image:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.login-right{align-items:flex-start;background:var(--white);border-left:1px solid var(--medium-gray);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-xxl);position:relative}.login-right:before{background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.login-heading{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.login-description{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.login-input{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:inherit;font-size:16px;padding:var(--spacing-lg);transition:all var(--transition-normal);width:100%}.login-input::placeholder{color:var(--text-light)}.login-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none;transform:translateY(-2px)}.remember-me{align-items:center;display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.remember-me input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.remember-me label{color:var(--text-secondary);cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.error-message{border-left:4px solid var(--danger);font-size:14px;margin:var(--spacing-sm) 0}.login-button{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--white);cursor:pointer;font-size:18px;font-weight:600;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.login-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:hover:before{left:100%}.login-button:active{box-shadow:var(--shadow-md);transform:translateY(0)}.divider-container{align-items:center;display:flex;margin:var(--spacing-lg) 0;width:100%}.divider-line{background-color:#ddd;flex:1 1;height:1px}.divider-text{color:var(--text-secondary);font-size:14px;padding:0 var(--spacing-md);white-space:nowrap}.google-signin-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;color:#444;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);width:100%}.google-signin-button:hover{background:#f8f9fa;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.google-signin-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.oauth-buttons-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md);width:100%}.oauth-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;color:#444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-normal)}.oauth-button:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.oauth-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.oauth-button.facebook{background:#1877f2;border-color:#1877f2;color:#fff}.oauth-button.facebook:hover{background:#166fe5}.oauth-button.microsoft{background:#fff;color:#5e5e5e}.oauth-button.apple{background:#000;border-color:#000;color:#fff}.oauth-button.apple:hover{background:#1a1a1a}.oauth-button span{font-weight:500}.signup-link{margin-top:var(--spacing-lg);text-align:center;width:100%}.signup-link p{color:var(--text-secondary);font-size:14px;margin:0}.signup-redirect{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline;transition:color var(--transition-normal)}.signup-redirect:hover{color:var(--primary-dark)}.footer-logo{height:auto;width:100px}.footer-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:auto;object-fit:contain;transition:transform var(--transition-normal);width:100%}.footer-logo img:hover{transform:scale(1.05)}.login-logo-header{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);display:flex;justify-content:center;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-lg);position:relative}.login-logo-header:before{animation:logoShimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.login-susi-logo{filter:brightness(0) invert(1);height:60px;object-fit:contain;transition:transform var(--transition-normal);width:60px}.login-susi-logo:hover{transform:scale(1.1)}@media (max-width:768px){.login-page{flex-direction:column;gap:0}.login-left{display:none}.login-right{border-left:none;border-top:4px solid var(--primary-color);padding:var(--spacing-xl)}.login-right:before{display:none}.global-language-switch{padding:var(--spacing-xs);right:var(--spacing-md);top:var(--spacing-md)}.flag-btn img{height:16px;width:24px}.footer-logo{bottom:var(--spacing-md);right:var(--spacing-md);width:80px}.login-heading{font-size:24px}.login-input{font-size:14px;padding:var(--spacing-md)}.login-button{font-size:16px;padding:var(--spacing-md)}}.login-page-wrapper{height:100vh;overflow:hidden;position:relative;width:100%}.intro-animation{align-items:center;animation:bgFade 6s ease-in-out forwards;background:linear-gradient(0deg,#071d25,#081f26);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}@keyframes bgFade{0%{background:linear-gradient(0deg,#071d25,#081f26);color:#fff}to{background:linear-gradient(0deg,#071d25,#081f26);color:#fff}}.intro-logo{display:flex;font-size:3rem;font-weight:700;gap:.1em;margin-bottom:.5rem}.letter{animation:riseFade .8s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes riseFade{0%{opacity:0;transform:translateY(30px) scale(.8)}60%{opacity:1;transform:translateY(-5px) scale(1.05)}to{transform:translateY(0) scale(1)}}.icon-circle{animation:pulseGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,#f6b34f,#df4223);border-radius:50%;height:70px;margin-bottom:1rem;width:70px}@keyframes pulseGlow{0%{box-shadow:0 0 10px #00f0ff66,0 0 20px #006eff44}50%{box-shadow:0 0 30px #00f0ffbb,0 0 50px #006eff88}to{box-shadow:0 0 10px #00f0ff66,0 0 20px #006eff44}}.tagline{animation:fadeInTagline 1s ease-out 1.5s forwards;font-size:1.2rem;opacity:0}@keyframes fadeInTagline{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:float 10s linear infinite;background:#fff3;border-radius:50%;height:6px;position:absolute;width:6px}.persistent-logo{display:flex;font-size:3rem;font-weight:800;gap:.1em;justify-content:center;margin-bottom:2rem}.intro-gradient-letter{-webkit-text-fill-color:#0000;animation:letterRise .6s ease-out forwards,fireShineOnce 2s ease-in-out 1s forwards;background:linear-gradient(45deg,#ff4500,#ff6b35 15%,#ff8c42 30%,orange 45%,#ffb84d 60%,#ff8c42 75%,#ff6b35 85%,#ff4500);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;display:inline-block;opacity:0;transform:translateY(30px)}@keyframes fireShineOnce{0%{background-position:-300% 0}to{background-position:300% 0}}@keyframes letterRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@supports not (-webkit-background-clip:text){.intro-gradient-letter{-webkit-text-fill-color:initial!important;background:none!important;color:#ff6b35!important}}.global-language-switch{display:flex;gap:.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.flag-btn{cursor:pointer;transition:transform .2s ease}.flag-btn img{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:20px;transition:all .2s ease;width:32px}.flag-btn:hover img{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.subscribe-page{animation:fadeInPage .7s ease-in;background:#fff;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:1rem;position:relative;width:100%}.choose-title{color:#1a202c;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:2rem auto 1rem;max-width:800px;text-align:center}.choose-subtitle{color:#718096;font-size:1.1rem;margin:0 auto 2rem}.choose-subtitle,.subtitle{font-weight:400;line-height:1.6;max-width:600px;text-align:center}.subtitle{color:#64748b;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto}.toggle-container{animation:slideInButtons .6s ease-out;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl)}.toggle-button{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal)}.toggle-button.active{background:var(--primary-gradient);border-color:var(--primary-color);box-shadow:var(--shadow-primary);color:var(--white);transform:translateY(-2px)}.subscribe-plans{align-items:stretch;animation:slideInFromBottom .8s ease forwards;display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:center;margin:2rem 0 1rem;min-height:520px;overflow:visible;padding:0 1rem;position:relative;z-index:2}.subscribe-plans::-webkit-scrollbar{height:8px}.subscribe-plans::-webkit-scrollbar-track{background:#f1f3f480;border-radius:8px}.subscribe-plans::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#009ee3,#357abd);border:2px solid #0000;border-radius:8px}.subscribe-plans::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#357abd,#2968a3)}.subscribe-plan-card{align-items:center;animation:cardStagger .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e0f2fe,#bae6fd 50%,#7dd3fc);border:2px solid #0ea5e94d;border-radius:20px;box-shadow:0 10px 40px #0ea5e940;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;min-height:650px;min-width:300px;opacity:0;padding:2rem 1.8rem;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:300px;z-index:3}.subscribe-plan-card.plan-color-1{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#dbeafe);border-color:#0ea5e933;box-shadow:0 10px 40px #0ea5e91f}.subscribe-plan-card.plan-color-2{background:linear-gradient(135deg,#ecfeff,#cffafe 50%,#a5f3fc);border-color:#06b6d440;box-shadow:0 10px 40px #06b6d426}.subscribe-plan-card.plan-color-3{background:linear-gradient(135deg,#f0fdfa,#ccfbf1 50%,#99f6e4);border-color:#14b8a640;box-shadow:0 10px 40px #14b8a626}.subscribe-plan-card.plan-color-4{background:linear-gradient(135deg,#ccfbf1,#99f6e4 50%,#5eead4);border-color:#0d94884d;box-shadow:0 10px 40px #0d94882e}.subscribe-plan-card:first-child{animation-delay:.1s}.subscribe-plan-card:nth-child(2){animation-delay:.2s}.subscribe-plan-card:nth-child(3){animation-delay:.3s}.subscribe-plan-card:nth-child(4){animation-delay:.4s}.subscribe-plan-card:nth-child(5){animation-delay:.5s}.subscribe-plan-card:hover{box-shadow:0 25px 60px #0ea5e959,0 12px 32px #0ea5e933;transform:translateY(-15px) scale(1.03)}.subscribe-plan-card.plan-color-2:hover{box-shadow:0 25px 60px #06b6d466,0 12px 32px #06b6d440}.subscribe-plan-card.plan-color-3:hover{box-shadow:0 25px 60px #14b8a673,0 12px 32px #14b8a64d}.subscribe-plan-card.plan-color-4:hover{box-shadow:0 25px 60px #0d948880,0 12px 32px #0d948859}.subscribe-plan-card:before{background:linear-gradient(90deg,#0ea5e9,#06b6d4 50%,#14b8a6);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.subscribe-plan-card:nth-child(2){animation-delay:.18s}.subscribe-plan-card:nth-child(3){animation-delay:.36s}.subscribe-plan-card:hover{background:linear-gradient(145deg,#fff,#f0f8ff);border-color:#009ee3;box-shadow:0 20px 40px #4a90e24d,0 0 0 1px #009ee333,inset 0 1px 0 #ffffff4d;transform:scale(1.1) translateY(-15px);z-index:20}.subscribe-plan-card.highlight{background:var(--white);border-color:var(--primary-color);border-width:3px;box-shadow:var(--shadow-primary);color:var(--text-primary);transform:scale(1.08) translateY(-12px);z-index:20}.subscribe-plan-card.highlight:before{height:6px}.plan-badge{background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:10px;right:var(--spacing-lg);text-align:center;text-transform:uppercase;top:var(--spacing-sm);width:100%;z-index:5}.subscribe-plan-card.current-plan{border:3px solid #4caf50;box-shadow:0 8px 24px #4caf504d;position:relative}.subscribe-plan-card.current-plan:after{align-items:center;border-radius:50%;box-shadow:0 4px 12px #4caf5066;content:"✓";display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:-12px;top:-12px;width:32px;z-index:10}.current-plan-badge,.subscribe-plan-card.current-plan:after{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:700}.current-plan-badge{border-radius:20px;box-shadow:0 2px 8px #4caf504d;font-size:.75rem;letter-spacing:.5px;margin-bottom:12px;padding:6px 12px;text-transform:uppercase}.current-plan-info{background:#f0f9ff;border-radius:8px;padding:12px;text-align:center;width:100%}.subscribe-plan-card.downgrade{filter:grayscale(50%);opacity:.6;pointer-events:none}.subscribe-plan-card.downgrade .plan-price,.subscribe-plan-card.downgrade h3{color:#999}.subscribe-plan-card h3{color:#0a0e27;font-size:1.85rem;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-bottom:.6rem;margin-top:0;text-align:center;width:100%}.plan-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;width:100%}.subscribe-plan-card h3{transition:all .3s ease}.subscribe-plan-card:hover h3{color:#009ee3;transform:scale(1.05)}.subscribe-plan-card .plan-price{color:#0a0e27;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;margin:.4rem 0 1rem;text-align:center;transition:all .3s ease;width:100%;word-break:break-word}.subscribe-plan-card:hover .plan-price{text-shadow:0 4px 8px #4a90e24d;transform:scale(1.1)}.subscribe-plan-card .plan-description{transition:all .3s ease}.subscribe-plan-card:hover .plan-description{color:#1e3a8a;transform:translateY(-2px)}.subscribe-plan-card .features-list{transition:all .3s ease}.subscribe-plan-card:hover .features-list{transform:translateY(-3px)}.subscribe-plan-card .features-list li{transition:all .2s ease}.subscribe-plan-card:hover .features-list li{color:#374151}.discount-msg{background:var(--success-light);border-left:4px solid var(--success);border-radius:var(--radius-md);color:var(--success);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm)}.features-list{flex-grow:1;font-size:.85rem;line-height:1.6;list-style:none;margin:16px 0;padding:0;text-align:left}.features-list li{color:#374151;font-weight:500;margin-bottom:8px;padding-left:24px;position:relative;transition:all .2s ease}.features-list li:before{align-items:center;background:#ecfdf5;border-radius:50%;color:#10b981;content:"✓";display:flex;font-size:11px;font-weight:900;height:18px;justify-content:center;left:2px;position:absolute;top:1px;width:18px}.features-list .unavailable{color:var(--text-light);opacity:.6}.features-list .unavailable:before{color:var(--danger);content:"×"}.features-list .new-feature{color:#1976d2;font-weight:600;position:relative}.features-list .new-feature:after{background:#1976d2;border-radius:6px;color:#fff;content:"NEW";font-size:.7em;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 6px}.features-list .coming-soon-feature{color:#bfa700;font-style:italic;opacity:.85;padding-left:.5em;position:relative}.features-list .coming-soon-feature .coming-soon-tag{background:#fffbe6;border-radius:8px;color:#bfa700;font-size:.92em;font-weight:500;letter-spacing:.01em;margin-left:8px;padding:2px 8px}.features-list .coming-soon-feature span[role=img]{font-size:1.1em;margin-right:4px}.coming-soon-dark-tag{background:#bbb;border-radius:12px;color:#fff;display:inline-block;flex:none;font-size:.92em;font-weight:500;letter-spacing:.01em;line-height:1.6;margin-left:8px;padding:2px 10px;position:fixed;right:40px}.subscribe-btn{align-items:center;align-self:stretch;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:12px;box-shadow:0 6px 16px #0ea5e94d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.3px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.subscribe-btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0891b2);box-shadow:0 10px 20px #0ea5e966;transform:translateY(-2px) scale(1.02)}.subscribe-plan-card:hover .subscribe-btn{box-shadow:0 10px 20px #4a90e266;transform:scale(1.08)}.subscribe-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.error-message{color:#d32f2f;font-weight:500;margin:1rem auto}.engageiq-brand{color:#94a3b8;font-size:.85rem;margin-bottom:.5rem;margin-top:4rem;text-align:center;width:100%}.engageiq-brand,.susi-tech-logo{clear:both;position:relative;z-index:1}.susi-tech-logo{display:block;margin:.5rem auto 2rem;opacity:.8;pointer-events:none;width:80px}@media (max-width:768px){.susi-tech-logo{bottom:10px;right:10px;width:70px}}.plan-3d-shape{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:auto;margin:18px auto 0;width:90px}.subscribe-page:before{background-image:radial-gradient(circle at 20% 30%,#0ea5e90d 0,#0000 50%),radial-gradient(circle at 80% 70%,#06b6d40d 0,#0000 50%);background-size:100% 100%,100% 100%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes floatPattern{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,60px 60px}}@keyframes slideInButtons{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInCards{0%{opacity:0}to{opacity:1}}@keyframes floatCard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.subscription-modal{align-items:center;animation:modalFadeIn .35s cubic-bezier(.4,0,.2,1);background:#00000052;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.subscription-modal-content{animation:modalContentPop .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;max-width:95vw;min-width:320px;padding:40px 32px;transform:scale(.96)}@keyframes modalContentPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.subscribe-plan-card.in-view{opacity:1!important;transform:translateY(0) scale(1.03)!important;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}@media (max-width:1400px){.subscribe-plan-card{max-width:calc(22% - .8rem);min-height:480px;min-width:260px;padding:1.8rem 1.5rem}}@media (max-width:1200px){.subscribe-plans{gap:.8rem;justify-content:flex-start;overflow-x:auto}.subscribe-plan-card{flex-shrink:0;max-width:none;min-height:460px;width:270px}}@media (max-width:768px){.subscribe-plans{gap:.5rem;padding:.5rem}.subscribe-plan-card{min-height:420px;padding:1rem;width:200px}.subscribe-plan-card:hover{transform:translateY(-8px) translateX(-3px) scale(1.08) rotate(.5deg)}.subscribe-plan-card .plan-price{font-size:1.8rem}}@media (max-width:480px){.subscribe-plans{align-items:center;flex-direction:column;overflow-x:visible}.subscribe-plan-card{flex:none;max-width:320px;min-height:400px;padding:1.25rem;width:90%}.subscribe-plan-card .plan-price{font-size:2rem}}.subscribe-content-box{animation:fadeInPage .7s ease-in;background:#0000;border-radius:20px;margin:0 auto;max-width:1500px;overflow:visible;padding:2rem 1rem;position:relative;z-index:1}@keyframes dissolveBackground{0%{background:#f9f9f9}to{background:#0000}}.billing-toggle{animation:slideInButtons .6s ease-out;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;margin:0 auto 24px;overflow:hidden;padding:3px;position:relative;width:fit-content}.zip-indicator{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:20px;box-shadow:0 4px 12px #0ea5e94d;height:calc(100% - 6px);left:3px;position:absolute;top:3px;transition:transform .35s cubic-bezier(.4,0,.2,1);width:calc(50% - 3px);will-change:transform;z-index:0}.zip-indicator.monthly{transform:translateX(0)}.zip-indicator.annual{transform:translateX(100%)}.billing-option{align-items:center;background:#0000;border:none;border-radius:24px;color:#64748b;cursor:pointer;display:flex;flex-direction:row;font-weight:600;padding:12px 28px;position:relative;transition:color .2s;z-index:1}.billing-option.active{color:#fff}.label-main{font-size:.95rem}.label-tag{color:#888;font-size:.7rem;font-weight:500;margin-top:2px}.label-tag.highlight{color:#3b82f6}@keyframes popUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.choose-plan-pop{animation:popUp .7s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0}.access-premium-pop{animation:popUp .7s cubic-bezier(.4,0,.2,1) .55s forwards;opacity:0}.toggle-and-plans-pop{animation:fadeIn .7s cubic-bezier(.4,0,.2,1) 1s forwards;opacity:0}.subscribe-logo-header{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-xxl);overflow:hidden;padding:var(--spacing-xl);position:relative}.subscribe-logo-header:before{animation:logoShimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.subscribe-susi-logo{filter:brightness(0) invert(1);height:50px;object-fit:contain;transition:transform var(--transition-normal);width:50px}.subscribe-susi-logo:hover{transform:scale(1.1)}.subscribe-brand-title{color:var(--white);font-size:32px;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0003}@keyframes logoShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width:768px){.subscribe-logo-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.subscribe-susi-logo{height:40px;width:40px}.subscribe-brand-title{font-size:24px}.subscribe-page,.subscribe-plan-card{padding:var(--spacing-lg)}.subscribe-plan-card{min-width:260px}}.savings-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;position:absolute;right:-8px;top:-8px;transition:all .3s ease;z-index:5}.subscribe-plan-card:hover .savings-badge{box-shadow:0 4px 16px #ff6b6b80;transform:scale(1.2) rotate(5deg)}@keyframes slideUpScale{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardStagger{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.subscribe-plan-card.loaded{animation:float 3s ease-in-out infinite}@media (max-width:1300px){.subscribe-plans{gap:.6rem;padding:0 .5rem}.subscribe-plan-card{min-width:200px;padding:1.3rem 1rem;width:200px}.subscribe-plan-card h3{font-size:1.4rem}.subscribe-plan-card .plan-price{font-size:2rem}}@media (max-width:1100px){.subscribe-plans{gap:.5rem;justify-content:flex-start;overflow-x:auto;padding-bottom:1rem}.subscribe-plan-card{min-width:180px;padding:1.2rem .8rem;width:180px}.features-list{font-size:.8rem}}@media (max-width:768px){.subscribe-plans{align-items:center;flex-direction:column;flex-wrap:wrap;gap:1.5rem;overflow-x:visible;padding:0 1rem}.subscribe-plan-card{height:auto;max-width:350px;min-height:450px;min-width:0;min-width:auto;padding:2rem 1.5rem;width:100%}.subscribe-plan-card:hover{transform:scale(1.03) translateY(-8px);z-index:20}.global-language-switch{right:1rem;top:1rem}.flag-btn img{height:18px;width:28px}.choose-title{font-size:2.5rem}.choose-subtitle{font-size:1.1rem}}@media (max-width:480px){.subscribe-plan-card{min-height:320px;padding:1rem}.subscribe-plan-card .plan-price{font-size:1.8rem}}.brand-limit{background:#0ea5e9cc;border-radius:16px;box-shadow:0 2px 8px #0ea5e94d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:6px 0 14px;padding:6px 14px;text-transform:uppercase}.plan-description{color:#64748b;font-size:.9rem;font-weight:400;line-height:1.5;margin:12px 0 16px;opacity:.9}.plan-description-list{flex-grow:0;font-size:.88rem;line-height:1.8;list-style:none;margin:14px 0 18px;padding:0;text-align:left;width:100%}.plan-description-list li{color:#0a0e27;font-weight:600;margin-bottom:14px;padding-left:26px;position:relative;transition:all .2s ease}.plan-description-list li:before{color:#0a0e27;content:"•";font-size:20px;font-weight:900;left:0;line-height:1.4;position:absolute;top:0}.subscribe-plan-card:hover .plan-description-list li{color:#000;transform:translateX(2px)}.coming-soon-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border:1px solid #0ea5e933;border-radius:14px;flex-grow:0;margin-top:18px;padding:16px;text-align:left;width:100%}.coming-soon-title{color:#0a0e27;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-align:center;text-transform:uppercase}.coming-soon-list{font-size:.8rem;line-height:1.7;list-style:none;margin:0;padding:0}.coming-soon-list li{color:#0a0e27;font-weight:600;margin-bottom:10px;padding-left:22px;position:relative}.coming-soon-list li:before{color:#0a0e27;content:"•";font-size:18px;font-weight:900;left:0;position:absolute;top:0}.coming-soon-list li:last-child{margin-bottom:0}.button-row-plan{margin-top:auto;width:100%}.subscribe-plan-card{position:relative}.main-content-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xxl);position:relative;width:100%}.main-content-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-brand-info{flex-direction:column}.brand-header,.section-brand-info{display:flex;gap:var(--spacing-lg)}.brand-header{align-items:center;margin-bottom:var(--spacing-xl)}.brand-logo-main{border:3px solid #6c757d;border-radius:50%;display:block;height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.brand-logo-main:hover{transform:scale(1.05)}.brand-heading-text h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.brand-subtext{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-style:italic;font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.hidden-file-input{display:none}.brand-logo-main-section{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.uploading-text{color:var(--primary-color);font-size:14px;font-weight:500;text-align:center}.logo-wrapper{align-items:center;background:var(--medium-gray);border:3px solid #6c757d;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal);width:80px}.logo-wrapper:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.logo-hover-text{align-items:center;background-color:#ee7008e6;border-radius:50%;color:var(--white);display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity var(--transition-normal);width:100%}.logo-wrapper:hover .logo-hover-text{opacity:1}.input-section-brand{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label-brand{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.input-instruction-brand,.input-instruction-platform{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.input-instruction-platform{margin-top:calc(var(--spacing-xs)*-1)}.input-field-brand,.select-field,.textarea-field{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-light);font-family:Roboto,sans-serif;font-size:var(--font-size-base);font-style:italic;line-height:var(--line-height-normal);outline:none;padding:var(--input-padding-md);transition:all var(--transition-normal);width:100%}.input-field-brand.error,.react-select-container.error .react-select__control,.textarea-field.error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ff4d4f14!important}.error-message{display:block;font-size:13px;font-weight:600;margin-top:6px}.form-error-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid var(--danger);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.form-error-banner .error-icon{flex-shrink:0;font-size:24px}.form-error-banner .error-text{color:var(--danger);flex:1 1;font-size:15px;font-weight:600;line-height:1.4}.form-error-banner .error-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:24px;justify-content:center;line-height:1;padding:0;transition:background var(--transition-normal);width:24px}.form-error-banner .error-close:hover{background:#ff4d4f1a}.website-validation-spinner{align-items:center;color:var(--primary-color);display:flex;font-size:13px;font-weight:600;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.website-validation-spinner .spinner{animation:spin .8s linear infinite;border:2px solid var(--primary-color);border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}.textarea-field{min-height:120px;resize:vertical}.input-field-brand:not(:placeholder-shown),.textarea-field:not(:placeholder-shown){color:var(--text-primary);font-style:normal}.input-field-brand:focus,.input-field-brand:hover,.react-select__control.css-13cymwt-control:hover,.select-field:focus,.select-field:hover,.textarea-field:focus,.textarea-field:hover{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none;transform:translateY(-2px)}.input-field-brand::placeholder,.textarea-field::placeholder{color:var(--text-light)}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl)}.button-row button,.button-row label.upload-btn-brand{flex:0 0 auto;min-width:160px;text-align:center}.save-btn-brand,.upload-btn-brand{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:var(--btn-font-md);font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;line-height:var(--line-height-tight);overflow:hidden;padding:12px 24px;position:relative;transition:all var(--transition-normal)}.save-btn-brand{background:var(--primary-gradient);box-shadow:var(--shadow-primary);color:var(--white)}.upload-btn-brand{background:var(--white);border:2px solid var(--primary-color);color:var(--primary-color)}.save-btn-brand:hover,.upload-btn-brand:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-btn-brand:hover{background:var(--primary-color);color:var(--white)}.save-btn-brand:before,.upload-btn-brand:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.save-btn-brand:hover:before,.upload-btn-brand:hover:before{left:100%}.react-select__control.css-13cymwt-control{border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.upload-with-tooltip{display:inline-block;flex:1 1;position:relative}.button-flex-item{flex:0 0 auto;min-width:0}.upload-with-tooltip .tooltip-hover{background:var(--text-primary);border-radius:var(--radius-md);bottom:120%;box-shadow:var(--shadow-md);color:var(--white);font-size:14px;left:50%;opacity:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;transform:translateX(-50%);transition:all var(--transition-normal);visibility:hidden;white-space:nowrap;z-index:1000}.upload-with-tooltip .tooltip-hover:after{border:6px solid #0000;border-top:6px solid var(--text-primary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.upload-with-tooltip:hover .tooltip-hover{opacity:1;visibility:visible}.progress-bar-container{margin:var(--spacing-md) 0;text-align:center;width:100%}.progress-bar{background:var(--medium-gray);border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #0000001a;height:8px;width:100%}.progress-bar-fill{background:var(--primary-gradient);height:100%;transition:width var(--transition-normal)}.progress-bar-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:var(--spacing-sm)}.progress-bar-error{background:var(--danger-light);border-left:4px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:14px;font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}@media (max-width:768px){.main-content-card{padding:var(--spacing-lg)}.brand-logo-main{height:60px;width:60px}.button-row{flex-direction:column;gap:var(--spacing-md)}.button-flex-item{flex:1 1 auto}.button-row button,.button-row label.upload-btn-brand{flex:1 1 auto;min-width:0;min-width:auto}}.brand-analysis-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;top:0;width:100vw;z-index:10000}.analysis-modal-content{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;padding:var(--spacing-xxl);position:relative;width:100%}.analysis-modal-content:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.analysis-header{margin-bottom:var(--spacing-xl);text-align:center}.analysis-header h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.analysis-header p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0}.steps-container{flex-direction:column}.step-item,.steps-container{display:flex;gap:var(--spacing-lg)}.step-item{align-items:flex-start;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.step-item.active{background:var(--accent-color);border-left:4px solid var(--primary-color)}.step-icon{align-items:center;background:var(--medium-gray);border:2px solid var(--medium-gray);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;transition:all var(--transition-normal);width:48px}.step-icon.active{animation:pulse 2s infinite;background:var(--primary-gradient);border-color:var(--primary-color);color:var(--white)}.step-icon.completed{background:var(--success);border-color:var(--success);color:var(--white)}.step-icon span{font-weight:600}.step-content{flex:1 1}.step-content h3{color:var(--text-secondary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-xs) 0;transition:color var(--transition-normal)}.step-content h3.active-text{color:var(--primary-color);font-weight:700}.step-content p{color:var(--text-light);font-size:14px;line-height:1.4;margin:0;transition:color var(--transition-normal)}.step-content p.active-description{color:var(--text-secondary)}.step-connector{background:var(--medium-gray);height:var(--spacing-lg);margin-left:23px;transition:background var(--transition-normal);width:2px}.step-connector.completed{background:var(--success)}.progress-section{border-top:1px solid var(--medium-gray);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.progress-bar-wrapper{margin-bottom:var(--spacing-md)}.progress-bar-modern{background:var(--medium-gray);border-radius:var(--radius-sm);box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;width:100%}.progress-fill-modern{background:var(--primary-gradient);border-radius:var(--radius-sm);height:100%;transition:width var(--transition-normal)}.progress-text-modern{color:var(--text-secondary);font-size:14px;font-weight:500;text-align:center}.analysis-error{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.analysis-error span{color:var(--danger);font-weight:500}.loading-dots{display:inline-flex;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.loading-dots span{animation:loading-dots 1.4s ease-in-out infinite;background:var(--primary-color);border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-dots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.analysis-modal-content{margin:var(--spacing-md);padding:var(--spacing-lg)}.analysis-header h2{font-size:24px}.step-icon{height:40px;width:40px}.step-content h3,.step-icon{font-size:16px}.step-content p{font-size:13px}}.logo-manager-wrapper{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:3px solid #e9ecef;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;height:140px;justify-content:center;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:140px}.logo-manager-wrapper:hover{border-color:#ff6b35;box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.logo-manager-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#f1f3f5,#e9ecef);border-radius:50%;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.logo-placeholder-icon{color:#adb5bd;font-size:48px}.logo-placeholder-text{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logo-hover-overlay{align-items:center;background:#ff6b35e6;color:#fff;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.logo-manager-wrapper:hover .logo-hover-overlay{opacity:1}.logo-hover-overlay .material-icons{font-size:32px}.logo-hover-text{font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.logo-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.logo-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.logo-modal-header{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 28px}.logo-modal-header-content{align-items:center;display:flex;gap:12px}.logo-modal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px}.logo-modal-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 1px 3px #0003}.logo-modal-close-btn{align-items:center;background:#ffffff26;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.logo-modal-close-btn:hover{background:#ffffff40;border-color:#fff6;transform:rotate(90deg)}.logo-modal-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.logo-modal-tab{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;position:relative;transition:all .3s ease}.logo-modal-tab:hover{background:#ff6b350d;color:#ff6b35}.logo-modal-tab.active{background:#fff;color:#ff6b35}.logo-modal-tab.active:after{background:#ff6b35;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.logo-modal-content{max-height:calc(90vh - 200px);min-height:300px;overflow-y:auto;padding:32px 28px}.logo-upload-area{background:#f8f9fa;border:3px dashed #dee2e6;border-radius:12px;padding:60px 40px;text-align:center;transition:all .3s ease}.logo-upload-area.dragging,.logo-upload-area:hover{background:#ff6b350d;border-color:#ff6b35}.logo-upload-label{cursor:pointer;display:block}.logo-upload-icon{display:block;font-size:64px;margin-bottom:16px}.logo-upload-text{color:#2c3e50;font-size:18px;font-weight:500;margin:0 0 8px}.logo-upload-subtext{color:#6c757d;font-size:14px;margin:0}.logo-dal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.logo-dal-item{aspect-ratio:1;background:#f8f9fa;border:3px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.logo-dal-item:hover{border-color:#ff6b35;box-shadow:0 8px 20px #ff6b3533;transform:scale(1.05)}.logo-dal-image{height:100%;object-fit:cover;width:100%}.logo-dal-overlay{align-items:center;background:#ff6b35e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.logo-dal-item:hover .logo-dal-overlay{opacity:1}.logo-dal-overlay .material-icons{color:#fff;font-size:48px}.logo-empty-state,.logo-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.logo-empty-state .material-icons,.logo-loading .material-icons{color:#adb5bd;font-size:64px;margin-bottom:16px}.spinning{animation:spin 2s linear infinite}@media (max-width:768px){.logo-modal-container{max-width:95%}.logo-manager-wrapper{height:120px;width:120px}.logo-dal-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.logo-upload-area{padding:40px 20px}}.mein-content-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);gap:var(--spacing-lg);overflow:hidden}.mein-content-card,.social-media-library{box-sizing:border-box;display:flex;flex-direction:column;font-family:Roboto,sans-serif;padding:var(--spacing-xl);position:relative;width:100%}.social-media-library{background:#f8f9fa;border:none;border-radius:0;box-shadow:none;min-height:100vh;overflow:visible}.social-header{margin-bottom:32px}.header-content{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.header-title-section{flex:1 1}.social-title{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.social-subtitle{color:var(--medium-gray);font-size:16px;line-height:1.5;margin:0}.brand-info{align-items:center;background:#fff;border:1px solid var(--light-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.brand-logo{border:2px solid var(--light-gray);border-radius:50%;height:48px;object-fit:cover;width:48px}.brand-details{display:flex;flex-direction:column;gap:4px}.brand-name{color:var(--text-primary)}.connected-count{color:var(--medium-gray);font-size:14px}h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.brand-header-bar{align-items:center;border-bottom:2px solid var(--medium-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.brand-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.brand-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.brand-avatar{background:var(--medium-gray);border:3px solid var(--primary-color);border-radius:50%;height:40px;object-fit:cover;transition:transform var(--transition-normal);width:40px}.brand-avatar:hover{transform:scale(1.1)}.brand-name-display{background:var(--accent-color);border:none;border:1px solid var(--primary-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--primary-color);font-size:13px;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);text-align:center}.social-handles{flex-direction:column}.social-handles,.social-row{display:flex;gap:var(--spacing-md)}.social-row{align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-wrap:nowrap;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-normal)}.social-row:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.social-icon{background:var(--light-gray);border:2px solid var(--medium-gray);border-radius:var(--radius-md);flex-shrink:0;height:36px;object-fit:contain;padding:var(--spacing-xs);transition:all var(--transition-normal);width:36px}.social-row:hover .social-icon{border-color:var(--primary-color);transform:scale(1.05)}.input-tooltip-wrapper{align-items:center;display:flex;flex-grow:1;position:relative;width:100%}.input-tooltip-wrapper input{background:var(--light-gray);border:2px solid #0000;border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000001a;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-sm);font-style:italic;outline:none;padding:var(--spacing-sm) var(--spacing-md);padding-right:45px;transition:all var(--transition-normal)}.input-tooltip-wrapper input:focus,.input-tooltip-wrapper input:hover{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;font-style:normal;transform:translateY(-1px)}.input-tooltip-wrapper input:not(:placeholder-shown){color:var(--text-primary);font-style:normal}.input-tooltip-wrapper input::placeholder{color:var(--text-light)}.input-tooltip-wrapper .info-icon{align-items:center;background:#ee70081a;border-radius:50%;color:var(--text-secondary);cursor:help;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;width:20px;z-index:10}.input-tooltip-wrapper .info-icon:hover{background:#ee700833;color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.input-tooltip-wrapper .chat-tooltip{background:var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--white);font-size:12px;line-height:1.4;max-width:300px;min-width:250px;opacity:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-5px);transition:all var(--transition-normal);visibility:hidden;white-space:nowrap;white-space:normal;z-index:1000}.input-tooltip-wrapper .chat-tooltip:before{border-bottom:6px solid var(--primary-color);border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;position:absolute;right:16px;top:-6px;width:0}.input-tooltip-wrapper .chat-tooltip:hover,.input-tooltip-wrapper .info-icon:hover+.chat-tooltip{opacity:1;transform:translateY(0);visibility:visible}.social-row input{background:var(--light-gray);border:2px solid #0000;border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000001a;color:var(--text-primary);flex-grow:1;font-family:inherit;font-size:var(--font-size-sm);font-style:italic;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.social-row input:focus,.social-row input:hover{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;font-style:normal;transform:translateY(-1px)}.social-row input:not(:placeholder-shown){color:var(--text-primary);font-style:normal}.social-row input::placeholder{color:var(--text-light)}.social-row button{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--white);cursor:pointer;font-size:13px;font-weight:var(--font-weight-semibold);min-width:100px;outline:none;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all var(--transition-normal);white-space:nowrap}.social-row button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.social-row button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.social-row button:hover:before{left:100%}.social-row button:active{box-shadow:var(--shadow-md);transform:translateY(0)}.social-btn-active{background:var(--success)!important;box-shadow:0 4px 15px #28a7454d!important;color:var(--white)!important}.social-btn-active:hover{background:#218838!important;box-shadow:0 6px 20px #28a74566!important;transform:translateY(-2px)}.social-btn-disabled{background:var(--medium-gray)!important;box-shadow:none!important;color:var(--text-light)!important;cursor:not-allowed!important;opacity:.6}.social-btn-disabled:hover{box-shadow:none!important;transform:none!important}.analyze-btn{align-self:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);color:var(--white);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-top:var(--spacing-xl);min-width:180px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all var(--transition-normal)}.analyze-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.analyze-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.analyze-btn:hover:before{left:100%}.analyze-btn:active{box-shadow:var(--shadow-md);transform:translateY(-1px)}.social-media-scope .loading-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.social-media-scope .loading-content{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:16px;font-weight:500;min-width:280px;padding:var(--spacing-xl);position:relative;text-align:center}.social-media-scope .loading-content:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}@media (max-width:768px){.mein-content-card{gap:var(--spacing-md);padding:var(--spacing-md)}h2{font-size:20px}.brand-header-bar{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.brand-meta{justify-content:space-between;width:100%}.social-row{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.social-icon{align-self:center;height:32px;width:32px}.input-tooltip-wrapper{width:100%}.input-tooltip-wrapper input{font-size:13px;padding:var(--spacing-sm);padding-right:40px}.input-tooltip-wrapper .info-icon{font-size:14px;height:18px;right:var(--spacing-sm);width:18px}.input-tooltip-wrapper .chat-tooltip{font-size:11px;left:-10px;max-width:none;min-width:auto;padding:var(--spacing-xs) var(--spacing-sm);right:-10px}.input-tooltip-wrapper .chat-tooltip:before{right:20px}.social-row input{font-size:13px;padding:var(--spacing-sm)}.social-row button{font-size:12px;min-width:70px;padding:var(--spacing-sm)}.analyze-btn{font-size:14px;margin-top:var(--spacing-lg);min-width:140px;padding:var(--spacing-sm) var(--spacing-lg)}.social-media-scope .loading-content{font-size:14px;margin:var(--spacing-md);padding:var(--spacing-lg)}}.facebook-connect-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.facebook-connect-info{display:flex;flex-direction:column;gap:4px}.connect-description{color:var(--medium-gray);font-size:.8rem;font-style:italic}.connection-steps{align-items:center;color:var(--dark-gray);display:flex;font-size:.75rem;gap:4px}.step-indicator{align-items:center;background:#1877f2;border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;height:16px;justify-content:center;width:16px}.step-text{font-weight:500}.facebook-connected-status{display:flex;flex-direction:column;gap:4px}.connected-info{align-items:center;display:flex;gap:6px}.status-icon{color:#42a942;font-weight:700}.status-text{color:var(--dark-gray);font-size:.85rem;font-weight:500}.connected-details{align-items:center;display:flex}.active-page{background:#e3f2fd;border-radius:4px;color:var(--medium-gray);font-size:.75rem;padding:2px 6px}.facebook-connect-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.facebook-connect{background:linear-gradient(135deg,#1877f2,#166fe5);box-shadow:0 2px 8px #1877f24d;color:#fff}.facebook-connect:hover{background:linear-gradient(135deg,#166fe5,#1565c0);box-shadow:0 4px 12px #1877f266;transform:translateY(-1px)}.facebook-connected{color:#fff;cursor:default}.facebook-connected,.facebook-connected:hover{background:linear-gradient(135deg,#42a942,#388e3c)}.facebook-connected:hover{transform:none}.btn-icon{align-items:center;border-radius:50%;display:inline-flex;font-size:.8rem;font-weight:700;height:18px;justify-content:center;width:18px}.facebook-connect .btn-icon,.facebook-connected .btn-icon{background:#fff3}.facebook-connecting{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;cursor:wait}.connecting-spinner{animation:spin 1s linear infinite}.platforms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.platform-card{background:#fff;border:1px solid var(--light-gray);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014,0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:340px;overflow:hidden;position:relative;transition:all var(--transition-normal)}.platform-card:hover{border-color:#009ee3;box-shadow:0 16px 40px #0000001f,0 8px 16px #00000014;transform:translateY(-4px)}.platform-card.connected{background:#fff}.platform-card.connected:hover{box-shadow:0 12px 30px #00000026}.platform-preview{align-items:center;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.platform-card.connected .platform-preview,.platform-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.platform-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.platform-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:60px;object-fit:contain;transition:transform .2s ease;width:60px}.platform-card:hover .platform-icon{transform:scale(1.05)}.connection-badge{align-items:center;background:#42a942;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transform:scale(.8);transition:all .2s ease;width:24px}.platform-card.connected:hover .connection-badge{opacity:1;transform:scale(1)}.badge-icon{color:#fff;font-size:12px;font-weight:700}.platform-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.platform-card:hover .platform-overlay{opacity:1}.platform-card.connected:hover .platform-overlay{opacity:0}.overlay-content{color:#fff;text-align:center}.connect-prompt,.connected-status{align-items:center;display:flex;flex-direction:column;gap:8px}.connect-icon,.status-icon{font-size:24px;margin-bottom:4px}.connect-text,.status-text{font-size:14px;font-weight:600}.platform-info{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:18px 16px 16px}.platform-name{font-size:18px;font-weight:700;margin:0 0 4px;text-align:center}.platform-info-tag{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1877f2;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;margin:0 auto 4px;max-width:fit-content;padding:4px 8px;text-align:center}.tag-icon{flex-shrink:0;height:14px;width:14px}.tag-icon.profile-picture{border:1px solid #1877f24d;border-radius:50%;object-fit:cover}.tag-icon.fallback-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.platform-status{display:flex;flex-direction:column;gap:8px;min-height:50px}.status-connected,.status-disconnected{align-items:center;display:flex;gap:8px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.connected-dot{background:#42a942;box-shadow:0 0 0 2px #42a94233}.disconnected-dot{background:#dc3545;box-shadow:0 0 0 2px #dc354533}.status-label{color:var(--text-primary);font-size:14px;font-weight:500}.platform-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.feature-tag{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;color:#6c757d;font-size:10px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.platform-card.connected .feature-tag{background:#e8f5e8;border-color:#c8e6c9;color:#2e7d32}.platform-actions{margin-top:auto}.action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.connect-btn{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d;color:#fff}.connect-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.connected-btn{background:linear-gradient(135deg,#42a942,#388e3c);color:#fff;cursor:default}.connecting-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;cursor:wait}.btn-icon{font-size:16px}@media (max-width:1200px){.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.social-media-library{padding:var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-md)}.platforms-grid{gap:16px;grid-template-columns:1fr}.platform-card{height:auto;min-height:280px}.platform-preview{height:100px}.platform-info{padding:16px 14px 14px}.social-title{font-size:24px}}.facebook-pages-section{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.pages-header h4{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.pages-header p{color:#666;font-size:12px;margin:0 0 12px}.pages-loading{align-items:center;background:#f8f9fa;border-radius:6px;color:#666;display:flex;font-size:13px;gap:8px;padding:12px}.loading-spinner{font-size:14px}.pages-error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.no-pages,.pages-error{border-radius:6px;font-size:13px;padding:12px}.no-pages{background:#f7fafc;color:#718096;text-align:center}.pages-list{display:flex;flex-direction:column;gap:8px}.page-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.page-item:hover{background:#f8f9ff;border-color:#1877f2}.page-item.selected{background:#f0f8ff;border-color:#1877f2}.page-info{gap:12px}.page-avatar,.page-info{align-items:center;display:flex}.page-avatar{background:#1877f2;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.page-details{display:flex;flex-direction:column;gap:2px}.page-name{color:#333;font-size:13px;font-weight:500}.page-category{color:#666;font-size:11px}.selected-badge{color:#1877f2;font-size:16px;font-weight:700}.more-pages{background:#f8f9fa;border-radius:6px;color:#666;font-size:12px;padding:8px;text-align:center}.page-label{color:#1877f2;font-size:12px;font-weight:500}.platform-card.coming-soon{background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#dee2e6);border-color:#ced4da;cursor:not-allowed;opacity:.7;position:relative}.platform-card.coming-soon:hover{box-shadow:0 4px 12px #00000026;transform:none}.platform-card.coming-soon .platform-icon{filter:grayscale(100%) contrast(.8)}.coming-soon-status{color:#6c757d}.coming-soon-status,.status-coming-soon{align-items:center;display:flex;gap:8px}.coming-soon-dot{box-shadow:0 0 0 2px #6c757d33}.coming-soon-btn,.coming-soon-dot{background:linear-gradient(135deg,#6c757d,#495057)}.coming-soon-btn{border:none;color:#fff;cursor:not-allowed;opacity:.8}.coming-soon-btn:hover{background:linear-gradient(135deg,#6c757d,#495057);transform:none}.platform-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.platform-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding:24px 24px 0}.modal-title-section{align-items:center;display:flex;gap:12px}.modal-platform-icon{border-radius:8px;height:32px;width:32px}.modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#f5f5f5;color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:0 24px}.section-header{margin-bottom:20px}.section-header h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.section-header p{color:#666;font-size:14px;margin:0}.modal-loading{align-items:center;color:#666;display:flex;gap:12px;justify-content:center;padding:40px 20px}.modal-error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030;padding:16px}.modal-error,.modal-no-items{border-radius:8px;text-align:center}.modal-no-items{background:#f8f9fa;color:#666;padding:40px 20px}.modal-items-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.modal-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.modal-item:hover{background:#f8f9ff;border-color:#1877f2}.modal-item.selected{background:#f0f8ff;border-color:#1877f2;box-shadow:0 2px 8px #1877f233}.modal-item-info{align-items:center;display:flex;flex:1 1;gap:16px}.modal-item-avatar{align-items:center;background:#1877f2;border:2px solid #e0e0e0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}.modal-item-avatar:after{background:#1877f2;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.modal-item-avatar[style*=background-image]{background-color:#f0f0f0}.modal-item-avatar[style*=background-image]:before{background:linear-gradient(135deg,#1877f2,#166fe5);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-2}.modal-item-avatar.instagram-avatar{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.modal-item-avatar.linkedin-avatar{background:#0077b5}.modal-item-details{display:flex;flex-direction:column;gap:4px}.modal-item-name{color:#333;font-size:16px;font-weight:600}.modal-item-category{color:#666;font-size:14px}.modal-item-id{color:#999;font-family:monospace;font-size:12px}.modal-selected-badge{color:#1877f2;flex-shrink:0;font-size:20px;font-weight:700}.modal-footer{border-top:1px solid #e0e0e0;padding:24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-btn.secondary{background:#f5f5f5;color:#666}.modal-btn.secondary:hover{background:#e0e0e0}.modal-btn.primary{background:#1877f2;color:#fff}.modal-btn.primary:hover{background:#166fe5}.click-to-manage{background:#f0f8ff;border:1px solid #e3f2fd;border-radius:6px;margin-top:6px;padding:6px 12px;text-align:center}.manage-hint{color:#1877f2;font-size:11px;font-weight:500;text-transform:capitalize}@media (max-width:768px){.platform-modal-content{margin:20px;max-height:90vh;width:95%}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px}.modal-footer{flex-direction:column;padding:20px}.modal-btn{width:100%}}.permission-modal{max-height:80vh;max-width:600px;overflow-y:auto}.permission-explanation{background:#f8f9fa;border-left:4px solid #1877f2;border-radius:8px;margin-bottom:24px;padding:16px}.permission-explanation p{color:#333;font-size:14px;margin:0 0 8px}.permission-explanation p:last-child{color:#666;font-size:13px;margin-bottom:0}.permissions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.permission-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:16px;transition:all .2s ease}.permission-item:hover{border-color:#1877f2;box-shadow:0 2px 8px #1877f21a}.permission-item.required{background:#f0f8ff;border-color:#1877f2}.permission-checkbox{align-items:flex-start;display:flex;gap:12px}.permission-checkbox input[type=checkbox]{accent-color:#1877f2;height:18px;margin:2px 0 0;width:18px}.permission-checkbox input[type=checkbox]:disabled{opacity:.8}.permission-label{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px}.permission-name{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px}.required-badge{background:#1877f2;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;text-transform:uppercase}.permission-use-case{color:#666;font-size:13px;font-style:italic}.permission-modal-actions{border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.permission-modal-actions .btn-secondary{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;color:#666;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.permission-modal-actions .btn-secondary:hover{background:#e9ecef;border-color:#ddd}.permission-modal-actions .btn-primary{background:#1877f2;border:1px solid #1877f2;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.permission-modal-actions .btn-primary:hover:not(:disabled){background:#166fe5;border-color:#166fe5}.permission-modal-actions .btn-primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.pages-selection-list,.profiles-selection-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:300px;overflow-y:auto}.page-selection-item,.profile-selection-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:16px;transition:all .2s ease}.page-selection-item:hover,.profile-selection-item:hover{border-color:#1877f2;box-shadow:0 2px 8px #1877f21a}.page-checkbox,.profile-checkbox{align-items:flex-start;display:flex;gap:12px}.page-checkbox input[type=checkbox],.profile-checkbox input[type=checkbox]{accent-color:#1877f2;height:18px;margin:2px 0 0;width:18px}.page-label,.profile-label{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px}.page-info,.profile-info{display:flex;flex-direction:column;gap:4px}.page-name,.profile-name{color:#333;font-size:14px;font-weight:600}.page-category,.profile-type{color:#666;font-size:13px}.page-id{color:#888;font-family:monospace;font-size:12px}.page-features,.profile-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{background:#e8f5e8;border-radius:12px;color:#2d5a2d;font-size:11px;font-weight:500;padding:3px 8px}.completion-summary{text-align:center}.setup-summary{background:#f8f9fa;border-radius:8px;margin:16px 0;padding:16px}.summary-item{border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#333;font-weight:600}.summary-value{color:#666}.next-steps{margin-top:16px;text-align:left}.next-steps h4{color:#333;margin:0 0 8px}.next-steps ul{margin:0;padding-left:20px}.next-steps li{color:#666;margin-bottom:4px}.full-width{width:100%!important}@media (max-width:768px){.permission-modal{max-height:90vh;width:95%}.permission-modal-actions{flex-direction:column}.permission-modal-actions .btn-primary,.permission-modal-actions .btn-secondary{width:100%}.page-features,.profile-features{justify-content:flex-start}}.campaign-container{background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;font-family:Roboto,sans-serif;gap:var(--spacing-lg);height:auto!important;margin:0;max-height:none!important;max-width:100%;overflow:visible!important;padding:var(--spacing-lg);width:100%}.dal-save-btn,.dal-save-small-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:500;gap:4px;transition:all .2s;white-space:nowrap}.dal-save-btn{font-size:12px;padding:8px 12px}.dal-save-small-btn{font-size:10px;padding:4px 8px}.dal-save-btn:hover,.dal-save-small-btn:hover{background:#218838;transform:translateY(-1px)}.dal-save-btn:disabled,.dal-save-small-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.campaign-header h1{margin-bottom:var(--spacing-xs)}.campaign-header h1,.campaign-subtitle{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.campaign-subtitle{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;margin:0 0 var(--spacing-sm) 0}.campaign-description{font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0;max-width:800px}.section-separator{background:linear-gradient(90deg,#0000,var(--medium-gray),#0000);height:1px;margin:var(--spacing-sm) 0;width:100%}.campaign-history-section,.format-content,.new-campaign,.overview-section,.persona-section,.ready-for-calendar{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);border-top:4px solid var(--primary-color);box-shadow:var(--shadow-sm);height:auto!important;margin:var(--spacing-lg) 0;max-height:none!important;max-width:100%;overflow:visible!important;padding:var(--spacing-lg);position:relative}.persona-section{border-top:4px solid var(--primary-color);box-shadow:0 4px 12px #00000014;transition:all var(--transition-normal)}.persona-section:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-1px)}.campaign-history-section:before,.format-content:before,.new-campaign:before,.overview-section:before,.persona-section:before,.ready-for-calendar:before{background:var(--primary-gradient);content:"";height:4px;position:absolute}.new-campaign h2,.overview-section h2,.persona-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.dropdown-wrapper{margin-bottom:var(--spacing-md)}.objective-dropdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.objective-dropdown select{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);min-width:400px;outline:none;padding:var(--spacing-md);transition:all var(--transition-normal)}.objective-dropdown select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a}.persona-tabs{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs)}.persona-tabs .tab{background:#f3f4f6;border:1.5px solid #e0e0e0;border-radius:var(--radius-md);box-shadow:0 1.5px 6px #0000000a;color:#333;font-size:var(--font-size-sm);font-weight:500;min-width:120px;overflow:hidden;text-align:center;transition:all var(--transition-normal)}.persona-tabs .tab:hover{background:#ee70081a}.persona-tabs .tab.active{background:#222;border:none;box-shadow:none;color:#fff;font-weight:600}.persona-tabs .tab:not(.active):hover{background:#e5e7eb;color:#111;transform:translateY(-1px)}.persona-tabs .add-persona-btn{background:#f3f4f6!important;border:2px dashed #888!important;box-shadow:none!important;color:#222!important;font-weight:500!important;overflow:hidden;position:relative}.persona-tabs .add-persona-btn:before{content:"+";font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-right:var(--spacing-xs)}.main-tabs{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs)}.main-tabs .tab{background:#f3f4f6;border:1.5px solid #e0e0e0;border-radius:var(--radius-md);box-shadow:0 1.5px 6px #0000000a;color:#333;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-width:140px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-normal);white-space:nowrap}.main-tabs .tab:hover{background:#ee70081a;color:var(--text-primary)}.main-tabs .tab.active{background:#222;border:none;box-shadow:none;color:#fff;font-weight:600}.main-tabs .tab:not(.active):hover{background:#e5e7eb;color:#111;transform:translateY(-1px)}.persona-tabs .add-persona-btn:hover{background:#222!important;border-color:#222!important;box-shadow:none!important;color:#fff!important;transform:translateY(-1px)!important}.format-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%}.format-tabs .tab{background:#f3f4f6;border:1.5px solid #e0e0e0;border-radius:var(--radius-md);box-shadow:0 1.5px 6px #0000000a;color:#333;cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:500;min-width:140px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:center;transition:all var(--transition-normal);white-space:nowrap}.format-tabs .tab.active{background:#222;border:none;box-shadow:none;color:#fff;font-weight:600}.format-tabs .tab:not(.active):hover{background:#e5e7eb;color:#111;transform:translateY(-1px)}.section-header{margin-bottom:var(--spacing-md)}.section-title{color:var(--primary-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);margin-top:0}.section-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0;max-width:700px}.persona-section-header{margin-bottom:var(--spacing-lg)}.persona-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0;max-width:700px}.overview-section-header{margin-bottom:var(--spacing-lg)}.overview-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0;max-width:700px}.persona-details{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;margin-top:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative}.persona-details:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.persona-details p{align-items:center;border-bottom:2px solid var(--light-gray);color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.persona-details p:before{content:"👤";font-size:var(--font-size-xl)}.persona-details .persona-info{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}.persona-details .persona-field{align-items:flex-start;background:var(--light-gray);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.persona-details .persona-field-icon{flex-shrink:0;font-size:var(--font-size-lg)}.persona-details .persona-field-content{flex:1 1}.persona-details .persona-field-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.persona-details .persona-field-value{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.persona-analytics{border-top:2px solid var(--light-gray);margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl)}.analytics-header{margin-bottom:var(--spacing-lg);text-align:center}.analytics-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.analytics-header h3:before{content:"📊";font-size:var(--font-size-xl)}.analytics-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 auto;max-width:600px}.persona-details span{color:var(--text-secondary);display:block;font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.campaign-container .charts{grid-gap:var(--spacing-lg);align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-container .chart-box{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;min-height:400px;min-width:0;padding:var(--spacing-lg);transition:all var(--transition-normal);width:100%}.chart-box:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@media (hover:none){.campaign-container .chart-box{cursor:pointer}}.campaign-container .chart-box .recharts-responsive-container{touch-action:manipulation}.chart-box h4{font-size:var(--font-size-base);margin-top:var(--spacing-md)}.chart-box h4,.chart-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.chart-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg);text-align:center}.chart-description{align-items:center;color:var(--text-secondary);display:flex;flex-grow:1;font-size:var(--font-size-sm);justify-content:center;line-height:var(--line-height-relaxed);margin:0;max-width:100%;padding:0 var(--spacing-sm);text-align:center}.campaign-overview{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.campaign-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.campaign-header-content{flex:1 1}.campaign-header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:10px}.campaign-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.campaign-action-btn.regenerate{background:var(--light-gray)!important;border:1px solid var(--primary-color)!important;color:var(--text-primary)!important}.campaign-action-btn.regenerate:hover{background:var(--primary-color)!important;color:var(--white)!important}.campaign-action-btn.schedule{background:#000;color:#fff}.campaign-action-btn.schedule:hover{background:#333}.campaign-action-btn.schedule:disabled{cursor:not-allowed;opacity:.5}.campaign-action-btn.save{background:var(--light-gray)!important;border:1px solid var(--primary-color)!important;color:var(--text-primary)!important}.campaign-action-btn.save:hover{background:var(--primary-color)!important;color:var(--white)!important}.campaign-action-btn.save:disabled{background:#ccc;cursor:not-allowed}.campaign-action-btn.post-now{background:#28a745;border:none;box-shadow:0 2px 4px #28a74533;color:#fff;font-weight:600}.campaign-action-btn.post-now:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.campaign-action-btn.post-now:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.bottom-actions{align-items:center;justify-content:space-between;margin-top:20px}.bottom-actions-messages{display:flex;gap:10px}.campaign-description-section,.campaign-title-section{margin-bottom:var(--spacing-xl)}.campaign-description-section:last-child,.campaign-title-section:last-child{margin-bottom:var(--spacing-lg)}.campaign-overview-label{align-items:center;color:#ee7008!important;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:1px;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;text-transform:uppercase}.campaign-overview-label:before{background:linear-gradient(135deg,#ee7008,#ff8c42);border-radius:2px;box-shadow:0 2px 4px #ee70084d;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.campaign-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.campaign-description,.campaign-title{margin:0;margin-left:var(--spacing-md);padding-top:var(--spacing-xs)}.campaign-description{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.campaign-hashtags-section{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;margin-top:var(--spacing-lg);padding:var(--spacing-xl)}.hashtags-header{margin-bottom:var(--spacing-lg)}.hashtags-header .campaign-overview-label{margin-bottom:var(--spacing-md)}.hashtags-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-start;line-height:1.5;margin-left:var(--spacing-md)}.hashtag-tag{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:var(--radius-full);color:#1e40af;cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.hashtag-tag:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.no-hashtags{background:var(--light-gray);border:1px dashed var(--medium-gray);border-radius:var(--radius-md);margin-left:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.new-campaign h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.content-preview{height:auto!important;margin-bottom:var(--spacing-lg);max-height:none!important;overflow:visible!important}.content-preview h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.campaign-label,.content-preview h4{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.campaign-label{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md)}.campaign-textarea,.textarea-edit{word-wrap:break-word;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);height:auto!important;line-height:var(--line-height-relaxed);max-height:none!important;min-height:120px;overflow:visible!important;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-normal);width:100%}.campaign-textarea:focus,.textarea-edit:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none}.image-placeholder,.video-placeholder{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--spacing-md);max-height:500px;min-height:320px;overflow:hidden;position:relative;width:100%}.placeholder-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.placeholder-subtext{color:var(--text-secondary);font-size:var(--font-size-sm)}.placeholder-icon{color:var(--text-secondary);font-size:2rem;margin-top:var(--spacing-sm)}.image-action-btn{background:#28a745;border:none;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;outline:none;padding:8px 20px;transition:background .2s,color .2s}.image-action-btn:focus,.image-action-btn:hover{background:#218838;color:#fff}.image-upload-input{display:none}.image-placeholder img{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;margin:0 auto;max-height:400px;max-width:500px;object-fit:contain;width:100%}.platform-selection{margin-top:var(--spacing-lg)}.platform-selection h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.platform-checkboxes{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.platform-checkbox{align-items:center;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);min-height:50px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.platform-checkbox:hover{border-color:var(--primary-color);transform:translateY(-1px)}.platform-checkbox.selected{background:#28a745;border-color:#28a745;color:var(--white)}.platform-checkbox.selected .platform-name{color:var(--white);font-weight:var(--font-weight-semibold)}.platform-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.platform-icon{font-size:1.2rem}.platform-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.platform-checkbox input[type=checkbox]{display:none}.platform-checkbox.disabled{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#ccc;cursor:not-allowed;opacity:.4;pointer-events:none}.platform-checkbox.disabled .platform-name{color:#999}.platform-checkbox.disabled .platform-icon{filter:grayscale(100%);opacity:.5}.platform-disabled-indicator{cursor:help;font-size:14px;margin-left:auto;opacity:.7}.platform-checkbox.has-warning{background:linear-gradient(135deg,#fff8e1,#fff);border-color:#ffc107;position:relative}.platform-checkbox.has-warning:hover{background:linear-gradient(135deg,#fff3e0,#fff);border-color:#ff9800}.platform-checkbox.has-warning.selected{background:#ff9800;border-color:#ff9800}.platform-warning{cursor:help;font-size:14px;margin-left:auto;opacity:.8}.platform-checkbox.has-warning .platform-warning{animation:pulse 2s infinite}.platform-group{margin-bottom:var(--spacing-lg)}.platform-group-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.platform-warnings-section{background:linear-gradient(135deg,#fff8e1,#fffbf0);border:1px solid #ffc107;border-radius:var(--radius-md);box-shadow:0 2px 8px #ffc1071a;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.warnings-title{align-items:center;color:#d68910;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin:0 0 var(--spacing-sm) 0}.warnings-list{margin-bottom:var(--spacing-md)}.warning-item{display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.warning-platform{color:#b7950b;font-weight:var(--font-weight-semibold);min-width:80px}.warning-message{color:var(--text-primary)}.warnings-help{border-top:1px solid #f4d03f;color:var(--text-secondary);font-size:var(--font-size-sm);padding-top:var(--spacing-sm)}.warnings-help strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.warnings-help ul{margin:0;padding-left:var(--spacing-md)}.warnings-help li{line-height:1.4;margin-bottom:2px}.platform-compatibility-guide{background:linear-gradient(135deg,#e8f4fd,#f0f9ff);border:1px solid #3498db;border-radius:var(--radius-md);box-shadow:0 2px 4px #3498db1a;margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.guide-content{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.guide-icon{flex-shrink:0;font-size:16px;margin-top:2px}.guide-text{font-size:var(--font-size-sm);line-height:1.4}.guide-text strong{color:#2c3e50;font-weight:var(--font-weight-semibold)}.format-match{color:#34495e;font-style:italic;margin-left:var(--spacing-xs)}.other-group .platform-checkboxes,.recommended-group .platform-checkboxes{background:var(--light-gray);border-radius:var(--radius-md);padding:var(--spacing-md)}.format-tip{align-items:flex-start;background:var(--accent-color);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);display:flex;margin-top:var(--spacing-md);padding:var(--spacing-md)}.tip-icon{font-size:var(--font-size-base);margin-right:var(--spacing-sm)}.tip-text{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.start-campaign-button{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.bottom-actions button,.content-actions button,.format-actions button,.start-campaign-button button{background:#28a745;border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:120px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-normal)}.start-campaign-button button{font-size:var(--font-size-base);min-width:200px;padding:var(--spacing-md) var(--spacing-xl)}.bottom-actions button:before,.content-actions button:before,.format-actions button:before,.start-campaign-button button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.bottom-actions button:hover:not(:disabled):before,.content-actions button:hover:not(:disabled):before,.format-actions button:hover:not(:disabled):before,.start-campaign-button button:hover:before{left:100%}.bottom-actions button:disabled,.content-actions button:disabled,.format-actions button:disabled,.start-campaign-button button:disabled{background:var(--medium-gray);color:var(--text-light);cursor:not-allowed;opacity:.6}.content-actions,.format-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg);width:100%}.content-actions{justify-content:flex-start}.bottom-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg);width:100%}.bottom-actions button{flex:1 1;min-width:140px;text-align:center}.hashtag-text{color:#ee7008!important;display:block!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;margin-left:16px!important;padding-top:4px!important;word-break:break-word!important}.no-hashtags{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}@media (max-width:768px){.format-tabs{flex-direction:column;gap:var(--spacing-xs)}.format-tabs .tab{flex:none;min-width:0;min-width:auto;width:100%}.bottom-actions{flex-direction:column}.bottom-actions button{flex:none;min-width:0;min-width:auto;width:100%}.content-actions{flex-direction:column}.content-actions button{width:100%}}.regenerate-btn{background:#28a745!important}.remix-btn{background:var(--light-gray)!important;border:1px solid var(--primary-color)!important;border-radius:6px!important;color:var(--text-primary)!important;cursor:pointer;font-size:.9rem!important;font-weight:500!important;padding:8px 16px!important;transition:all .2s ease}.remix-btn:hover:not(:disabled){background:var(--primary-color)!important;color:var(--white)!important}.preview-btn{background:#6c757d!important;border:1px solid #6c757d!important;border-radius:6px!important;color:var(--white)!important;cursor:pointer;font-size:.9rem!important;font-weight:500!important;padding:8px 16px!important;transition:all .2s ease}.preview-btn:disabled,.remix-btn:disabled{cursor:not-allowed;opacity:.6}.preview-btn:hover:not(:disabled){background:#5a6268!important}.ready-for-calendar{background:var(--accent-color);border-color:#28a745}.success-message{margin-bottom:var(--spacing-lg);text-align:center}.success-icon{align-items:center;background:#28a745;border-radius:50%;color:var(--white);display:flex;font-size:var(--font-size-lg);height:50px;justify-content:center;margin:0 auto var(--spacing-md);width:50px}.success-message h3{color:#28a745;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.platform-summary h4,.success-message p{color:var(--text-primary);font-size:var(--font-size-base)}.platform-summary h4{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.assignment-list{margin-top:var(--spacing-md)}.assignment-item{align-items:center;background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-md);display:flex;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.format-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-width:100px}.platform-names{flex-wrap:wrap}.platform-names,.platform-tag{display:flex;gap:var(--spacing-xs)}.platform-tag{align-items:center;background:#28a745;border-radius:var(--radius-sm);color:var(--white);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.next-page-btn{background:#28a745!important;border:none!important;border-radius:var(--radius-md);color:var(--white)!important;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-width:200px;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.next-page-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.next-page-btn:hover:before{left:100%}.campaign-history-section ul{list-style:none;padding:0}.campaign-history-section li{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.campaign-history-item{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.campaign-info{flex:1 1}.campaign-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.campaign-date{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.campaign-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}.load-btn{align-items:center!important;background:#28a745!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--white)!important;cursor:pointer!important;display:inline-flex!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;height:32px!important;justify-content:center!important;min-width:70px!important;overflow:hidden!important;padding:var(--spacing-xs) var(--spacing-sm)!important;position:relative!important;transition:all var(--transition-normal)!important}.load-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.load-btn:hover:not(:disabled):before{left:100%}.campaign-actions .delete-btn{align-items:center!important;background:#dc3545!important;border:1px solid #dc3545!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 4px #dc354533!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;height:32px!important;justify-content:center!important;min-width:70px!important;opacity:1!important;overflow:hidden!important;padding:var(--spacing-xs) var(--spacing-sm)!important;pointer-events:auto!important;position:relative!important;transition:all var(--transition-normal)!important}.campaign-actions .delete-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.campaign-actions .delete-btn:hover:not(:disabled):before{left:100%}.campaign-actions .delete-btn:hover:not(:disabled){background:#c82333!important;border-color:#c82333!important}.campaign-actions .delete-btn:disabled{background:#dc3545!important;cursor:not-allowed!important;opacity:.6!important}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;box-sizing:border-box;height:100vh;width:100vw}.modal-content{animation:modalFadeIn .3s ease-out;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:32px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{border-bottom:2px solid #ee7008;color:#ee7008;font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:12px;text-align:center}.modal-content input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.modal-content input:focus{border-color:#ee7008;box-shadow:0 0 0 3px #ee70081a;outline:none}.modal-content input::placeholder{color:#9ca3af;font-style:italic}.modal-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:20px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.modal-actions button:not(.cancel){background:#ee7008;box-shadow:0 2px 4px #ee700833;color:#fff}.modal-actions button:not(.cancel):hover:not(:disabled){background:#d66307;box-shadow:0 4px 8px #ee70084d;transform:translateY(-1px)}.modal-actions button:not(.cancel):disabled{background:#9ca3af;cursor:not-allowed;transform:none}.modal-actions button.cancel{background:#f3f4f6;border:2px solid #d1d5db;color:#374151}.modal-actions button.cancel:hover{background:#e5e7eb;border-color:#9ca3af}.preview-modal{background:none!important;box-shadow:none!important;max-width:520px!important;padding:0!important;width:95%!important}.post-preview-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #00000026;margin-bottom:20px;padding:24px}.post-header{border-bottom:1px solid #e5e7eb;gap:12px;margin-bottom:16px;padding-bottom:12px}.platform-icon,.post-header{align-items:center;display:flex}.platform-icon{justify-content:center}.brand-name{color:#1f2937;font-size:16px;font-weight:600}.post-body{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.preview-modal .modal-actions{border-top:none;justify-content:center;margin-top:0;padding-top:0}.preview-modal .modal-actions button{background:#6b7280;border:2px solid #6b7280;color:#fff}.preview-modal .modal-actions button:hover{background:#4b5563;border-color:#4b5563}.modal-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.modal-actions .cancel{background:var(--medium-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.modal-actions .cancel:hover{background:var(--light-gray)}.modal-actions button:not(.cancel){background:#28a745;border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-normal)}.modal-actions button:not(.cancel):before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.modal-actions button:not(.cancel):hover:before{left:100%}.error-msg{background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--radius-md);color:#dc3545}.error-msg,.success-msg{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.success-msg{background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--radius-md);color:#28a745}.loading-indicator{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);justify-content:center;padding:var(--spacing-lg)}.campaign-notice{margin-top:var(--spacing-xxl)}.campaign-success-notice{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ff9800;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.notice-title{color:#e65100;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.notice-content{color:#ef6c00;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@media (max-width:1200px){.campaign-container .charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.campaign-container{padding:var(--spacing-sm)}.objective-dropdown select{min-width:100%}.campaign-container .charts{grid-template-columns:1fr}.campaign-container .chart-box{min-height:350px}.platform-checkboxes{grid-template-columns:1fr}.assignment-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.format-name{min-width:auto}.content-actions,.format-actions{flex-direction:column}.content-actions button,.format-actions button{width:100%}.campaign-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.campaign-header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);width:100%}.campaign-header-actions .campaign-action-btn{flex:1 1 48%;min-width:140px}.analytics-header h3,.analytics-header h3:before{font-size:var(--font-size-lg)}}@media (max-width:480px){.persona-tabs{flex-direction:column;padding:var(--spacing-sm)}.persona-tabs .tab{min-width:auto;text-align:center;width:100%}.persona-tabs .add-persona-btn:before{font-size:var(--font-size-base);margin-right:var(--spacing-xs)}.format-tabs{flex-direction:column}.format-tabs .tab{text-align:center;width:100%}.persona-details{padding:var(--spacing-lg)}.persona-details .persona-field{flex-direction:column;gap:var(--spacing-sm);text-align:center}.persona-details .persona-field-icon{align-self:center;font-size:var(--font-size-base)}.persona-analytics{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.analytics-header{margin-bottom:var(--spacing-lg)}.chart-description{font-size:var(--font-size-xs);padding:0 var(--spacing-xs)}.campaign-overview{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.campaign-header{margin-bottom:var(--spacing-lg)}.campaign-description-section,.campaign-title-section{margin-bottom:var(--spacing-md)}.campaign-title{font-size:var(--font-size-xl)}.campaign-overview-label{font-size:var(--font-size-base);letter-spacing:.75px;padding-left:var(--spacing-sm)}.campaign-overview-label:before{height:20px;width:3px}.campaign-description,.campaign-title,.hashtags-container{margin-left:var(--spacing-sm)}.campaign-description{font-size:var(--font-size-sm)}.campaign-hashtags-section{padding:var(--spacing-lg)}.hashtags-header{margin-bottom:var(--spacing-md)}.hashtag-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.campaign-header-actions .campaign-action-btn{flex:1 1 100%;font-size:.85rem;min-width:0;min-width:auto;padding:8px 12px;width:100%}}@media (max-width:600px){.modal-content.preview-modal{box-sizing:border-box;max-height:98vh!important;max-width:98vw!important;min-width:0!important;min-width:auto!important;overflow-y:auto;padding:0!important;width:98vw!important}.post-preview-card{padding:12px!important}.modal-content.preview-modal .modal-actions{margin-top:0!important;padding:0 8px 8px!important}.modal-content.preview-modal .brand-logo{height:32px;width:32px}.modal-content.preview-modal .post-header{gap:6px;margin-bottom:8px;padding-bottom:8px}.modal-content.preview-modal .post-body{font-size:.95rem}.modal-content.preview-modal .copy-icon-btn{right:10px!important;top:16px!important}}.dal-selection-modal{background:#fff;background:var(--white,#fff);border:none;border-radius:16px;box-shadow:0 20px 60px #0000001f;display:flex!important;flex-direction:column!important;max-height:90vh!important;max-width:1200px!important;width:95vw!important}.dal-selection-modal .modal-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;padding:24px 32px}.dal-selection-modal .modal-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.dal-selection-modal .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px 32px 32px}.dal-modal-controls{align-items:center;display:flex;gap:16px;margin-bottom:24px}.dal-search-input{background:#fff;background:var(--white,#fff);border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;flex:1 1;font-size:16px;min-width:200px;padding:12px 16px;transition:all .2s ease}.dal-search-input:focus{border-color:#009ee3;box-shadow:0 0 0 3px #009ee31a;outline:none}.dal-search-input::placeholder{color:#64748b}.dal-category-select{background:#fff;background:var(--white,#fff);border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:16px;min-width:180px;padding:12px 16px;transition:all .2s ease}.dal-category-select:focus{border-color:#009ee3;box-shadow:0 0 0 3px #009ee31a;outline:none}.dal-assets-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow-y:auto;padding:8px;scrollbar-color:#cbd5e0 #0000;scrollbar-width:thin}.dal-assets-grid::-webkit-scrollbar{width:6px}.dal-assets-grid::-webkit-scrollbar-track{background:#0000}.dal-assets-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.dal-assets-grid::-webkit-scrollbar-thumb:hover{background:#a0aec0}.dal-asset-card{background:#fff;background:var(--white,#fff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;transition:all .3s ease}.dal-asset-card:hover{border-color:#009ee3;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.dal-asset-preview{align-items:center;background:#f8fafc;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.dal-asset-thumbnail{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.dal-asset-card:hover .dal-asset-thumbnail{transform:scale(1.05)}.dal-asset-info{background:#fff;background:var(--white,#fff);display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:16px}.dal-asset-name{color:#1e293b;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dal-asset-meta{align-items:center;color:#64748b;display:flex;font-size:12px;justify-content:space-between}.dal-asset-category{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-radius:20px;color:#0277bd;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.dal-asset-size{background:#f1f5f9;border-radius:8px;color:#475569;font-size:10px;font-weight:500;padding:4px 8px}.empty-state,.loading-state{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;font-size:16px;font-weight:500;height:300px;justify-content:center;margin:20px 0;text-align:center}@media (max-width:768px){.dal-selection-modal{margin:10px;max-height:90vh!important;width:98vw!important}.dal-selection-modal .modal-header{padding:16px 20px}.dal-selection-modal .modal-header h3{font-size:18px}.dal-selection-modal .modal-body{padding:16px 20px 20px}.dal-modal-controls{flex-direction:column;gap:12px;margin-bottom:16px}.dal-category-select,.dal-search-input{min-width:0;min-width:auto;width:100%}.dal-assets-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.dal-asset-card{height:240px}.dal-asset-preview{height:140px}.dal-asset-info{padding:12px}.dal-asset-name{font-size:14px}.dal-asset-meta{font-size:11px}}.pinterest-board-selection{background:#fdf6f6;border:1px solid #f0d0d0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:16px;padding:16px}.pinterest-title{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;margin:0 0 12px}.pinterest-loading{color:#666;font-size:13px;padding:8px 0}.pinterest-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:8px 12px}.connect-pinterest-btn{background:#e60023;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s}.connect-pinterest-btn:hover{background:#c5001e}.pinterest-board-dropdown{display:flex;flex-direction:column;gap:8px}.pinterest-board-dropdown label{color:#555;font-size:13px;font-weight:500}.board-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;max-width:300px;padding:8px 12px}.board-select:focus{border-color:#e60023;box-shadow:0 0 0 2px #e600231a;outline:none}.board-info{color:#666;font-size:12px;padding:4px 0}.board-info span{color:#28a745;font-weight:500}.no-pinterest-boards{color:#888;font-size:13px;padding:8px 0}.pinterest-board-selected{align-items:center;background:#f0f8ff;border:1px solid #b3d7ff;border-radius:6px;display:flex;gap:12px;margin-top:8px;padding:12px}.pinterest-board-selected .board-icon{font-size:16px}.pinterest-board-selected .board-info{color:#333;flex:1 1;font-size:14px}.pinterest-board-selected .board-info strong{color:#e60023}.change-board-btn{background:#e60023;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s}.change-board-btn:hover{background:#d50020}.pinterest-board-prompt{align-items:center;background:#fff8f0;border:1px solid #ffd699;border-radius:6px;display:flex;gap:12px;margin-top:8px;padding:12px}.pinterest-board-prompt .prompt-icon{font-size:16px}.pinterest-board-prompt span{color:#666;flex:1 1;font-size:14px}.select-board-btn{background:#e60023;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s}.select-board-btn:hover:not(:disabled){background:#d50020}.select-board-btn:disabled{background:#ccc;cursor:not-allowed}.pinterest-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.pinterest-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.pinterest-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.pinterest-modal-header h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;margin:0}.pinterest-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.pinterest-modal-close:hover{background:#f0f0f0;color:#333}.pinterest-modal-body{flex:1 1;overflow-y:auto;padding:24px}.pinterest-modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 20px;text-align:center}.pinterest-modal-loading .loading-spinner{animation:spin 1s linear infinite;font-size:24px}.pinterest-modal-loading span{color:#666;font-size:16px}.pinterest-modal-error{padding:20px;text-align:center}.pinterest-modal-error .error-message{align-items:center;color:#d32f2f;display:flex;font-size:16px;gap:8px;justify-content:center;margin-bottom:16px}.pinterest-modal-error .error-help{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:16px 0;padding:16px;text-align:left}.pinterest-modal-error .error-help strong{color:#856404;display:block;margin-bottom:8px}.pinterest-modal-error .error-help ol{color:#856404;margin:8px 0 0 16px}.pinterest-modal-error .error-help li{margin-bottom:4px}.pinterest-modal-error .error-help a{color:#e60023;text-decoration:none}.pinterest-modal-error .error-help a:hover{text-decoration:underline}.pinterest-modal-error .connect-pinterest-btn,.pinterest-modal-error .retry-btn{background:#e60023;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin:8px 4px;padding:10px 20px;transition:background-color .2s}.pinterest-modal-error .connect-pinterest-btn:hover,.pinterest-modal-error .retry-btn:hover{background:#d50020}.pinterest-boards-list{max-height:400px;overflow-y:auto}.boards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pinterest-board-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.pinterest-board-card:hover{background:#fafafa;border-color:#e60023;box-shadow:0 4px 12px #e600231a;transform:translateY(-2px)}.pinterest-board-card.selected{background:#fff5f5;border-color:#e60023;box-shadow:0 2px 8px #e6002333}.board-card-content{align-items:flex-start;display:flex;gap:12px}.board-card-content .board-icon{flex-shrink:0;font-size:18px}.board-details{flex:1 1;min-width:0}.board-name{word-wrap:break-word;color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.board-stats{color:#666;font-size:12px;margin-bottom:4px}.board-description{color:#888;font-size:11px;line-height:1.3;margin-top:4px}.no-pinterest-boards-modal{padding:40px 20px;text-align:center}.no-boards-message .empty-icon{display:block;font-size:48px;margin-bottom:16px}.no-boards-message h4{color:#333;font-size:18px;margin:0 0 8px}.no-boards-message p{color:#666;font-size:14px;margin:0 0 20px}.refresh-boards-btn{background:#e60023;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px;transition:background-color .2s}.refresh-boards-btn:hover{background:#d50020}.highlight-section{animation:highlightPulse 2s ease-in-out;border:2px solid #ff6b6b;border-radius:8px;box-shadow:0 0 20px #ff6b6b4d}@keyframes highlightPulse{0%,to{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}50%{border-color:#ff3838;box-shadow:0 0 30px #ff6b6b80}}.smart-notification{align-items:center;animation:slideInRight .3s ease-out,pulse .4s ease-out .3s;border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-size:15px;font-weight:500;gap:12px;max-width:400px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:10000}.smart-notification.success{background:linear-gradient(135deg,#28a745,#20c997)}.smart-notification.error{background:linear-gradient(135deg,#dc3545,#c82333)}.smart-notification.info{background:linear-gradient(135deg,#17a2b8,#138496)}.notification-icon{flex-shrink:0;font-size:22px;line-height:1}.notification-message{flex:1 1;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.smart-notification{font-size:14px;left:10px;max-width:none;padding:14px 18px;right:10px;top:10px}.notification-icon{font-size:20px}}.planner-card{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;padding:0}.planner-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (max-width:900px){.planner-grid{grid-template-columns:1fr}}.brief-group{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media (max-width:700px){.brief-group{grid-template-columns:1fr}}.brief-row{display:flex;flex-direction:column}.brief-row label{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.brief-row input[type=date],.brief-row input[type=text],.brief-row input[type=time],.brief-row input[type=url],.brief-row select,.brief-row textarea{border:2px solid var(--medium-gray);border-radius:var(--radius-md);font:inherit;padding:var(--spacing-md)}.brief-row textarea{min-height:90px}.mix-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.mix-item{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.channels{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.channel-pill{align-items:center;background:var(--white);border:1.5px solid var(--medium-gray);border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;-webkit-user-select:none;user-select:none}.channel-pill.active{background:#28a745;border-color:#28a745;color:#fff}.planner-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.planner-actions button{border:none;border-radius:6px;cursor:pointer;min-height:36px;padding:8px 14px}.btn-primary{background:var(--primary-color);border:1px solid var(--primary-color)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#6b7280;border:1px solid #6b7280;color:#fff}.btn-secondary:hover{filter:brightness(.95)}.btn-ghost{background:var(--white);border:1px solid var(--primary-color);color:var(--text-primary)}.btn-ghost:hover{background:#ee70080f}.plan-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.day-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden}.day-header{background:var(--light-gray);border-bottom:1px solid var(--medium-gray);color:var(--text-primary);font-weight:600;padding:10px 12px}.post-card{grid-gap:10px;border-bottom:1px dashed var(--medium-gray);display:grid;gap:10px;grid-template-columns:24px 1fr;padding:12px}.post-card:last-child{border-bottom:none}.post-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.post-title{-webkit-line-clamp:2;color:var(--text-primary);font-weight:600;line-height:1.3;max-height:2.6em}.post-cta,.post-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.post-cta{-webkit-line-clamp:1;color:#1f2937;font-size:12px}.post-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.inline-edit{align-items:center;display:flex;gap:6px}.empty-note{color:var(--text-secondary);font-size:14px;padding:12px}.gen-box{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);margin-top:10px;padding:10px}.gen-title{-webkit-line-clamp:1;color:var(--text-primary);font-weight:600}.gen-body,.gen-title{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis}.gen-body{-webkit-line-clamp:3;color:var(--text-secondary)}.gen-tags{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#1e40af;display:-webkit-box;font-size:12px;overflow:hidden;text-overflow:ellipsis}.status-pill{background:#e5e7eb;border-radius:12px;color:#111827;font-size:12px;padding:2px 8px}.btn-slim{background:var(--white);border:1px solid var(--medium-gray);border-radius:6px;padding:6px 10px}.preview-wrap{margin-top:var(--spacing-xxl);padding-top:var(--spacing-md);position:relative}.preview-wrap:before{background:linear-gradient(90deg,#0000,var(--medium-gray),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:0}.preview-header{align-items:center;margin-bottom:8px}.thumb-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;padding-top:6px;position:relative;scroll-snap-type:x mandatory;z-index:1}.thumb-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:10px;box-shadow:0 1px 2px #0000000a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;max-width:220px;min-width:180px;overflow:hidden;padding:10px;scroll-snap-align:start}.thumb-card:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #ee70081f}.thumb-card.selected{outline:2px solid var(--primary-color)}.thumb-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin-top:2px;overflow:hidden}.thumb-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.thumb-date,.thumb-meta{color:var(--text-secondary);font-size:12px}.dot{background:#d1d5db;border-radius:50%;display:inline-block;height:8px;width:8px}.dot.ok{background:var(--primary-color)}.composer-panel{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);border-top:4px solid var(--primary-color);box-shadow:var(--shadow-sm);margin-top:var(--spacing-md);min-height:520px;padding:var(--spacing-lg)}.composer-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.composer-row.single{grid-template-columns:1fr}.composer-label{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:6px}.composer-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:16px;padding-top:6px}.badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#4338ca;font-size:12px;padding:2px 8px}.composer-panel .section-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.35rem}.format-content .planner-card{background:#0000;border:none;box-shadow:none;margin:0;padding:0}:root{--text-color:#212529;--text-color-muted:#6c757d;--border-color-light:#e9ecef;--border-color-medium:#dee2e6;--background-white:#fff;--background-light-gray:#f8f9fa;--refresh-button-bg:#28a745;--refresh-button-border:#218838;--refresh-button-text:#fff;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444}.calendar-container{background-color:#fff;background-color:var(--background-white);border-radius:var(--radius-sm);color:#212529;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;max-width:100%;padding:var(--spacing-lg);width:100%}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.calendar-title{align-items:center;display:flex;gap:12px}.calendar-icon{color:#212529;color:var(--text-color);font-size:26px;line-height:1}.calendar-title h1{font-size:24px;font-weight:600;margin:0}.calendar-actions{align-items:center;display:flex;gap:12px}.refresh-btn{align-items:center;background-color:#28a745;background-color:var(--refresh-button-bg);border:1px solid #218838;border:1px solid var(--refresh-button-border);border-radius:5px;color:#fff;color:var(--refresh-button-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:7px 14px;transition:background-color .2s,border-color .2s}.refresh-btn:hover{background-color:#218838;border-color:#1e7e34}.refresh-btn:disabled{background-color:#ccc;border-color:#bbb;cursor:not-allowed;opacity:.7}.view-controls{display:flex;gap:6px}.view-btn{background:#f8f9fa;background:var(--background-light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color-medium);border-radius:5px;color:#6c757d;color:var(--text-color-muted);font-size:14px;font-weight:500;padding:6px 14px;transition:background .2s,border-color .2s}.view-btn.active{background:#28a745;background:var(--refresh-button-bg);border-color:#218838;border-color:var(--refresh-button-border);color:#fff}.view-btn:hover{background:#e9ecef;border-color:#ced4da;color:#212529;color:var(--text-color)}.filter-btn{background:#f8f9fa;background:var(--background-light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color-medium);border-radius:5px;color:#6c757d;color:var(--text-color-muted);cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px;transition:background .2s,border-color .2s}.filter-btn:hover{background:#e9ecef;border-color:#ced4da;color:#212529;color:var(--text-color)}.filters-panel{grid-gap:18px;background:#f8f9fa;background:var(--background-light-gray);border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:8px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:18px 0;padding:18px 18px 8px}.filter-group h4{color:#212529;color:var(--text-color);font-size:15px;font-weight:600;margin-bottom:8px}.filter-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:7px;padding:5px 0}.filter-checkbox input[type=checkbox]{accent-color:#28a745;accent-color:var(--refresh-button-bg);height:15px;margin-right:3px;width:15px}.month-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:8px 0}.month-navigation h2{flex-grow:1;font-size:20px;font-weight:500;margin:0 20px;text-align:center}.nav-btn{align-items:center;background:#f8f9fa;background:var(--background-light-gray);border:1px solid #dee2e6;border:1px solid var(--border-color-medium);border-radius:5px;color:#6c757d;color:var(--text-color-muted);cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;transition:background .2s,border-color .2s;width:32px}.nav-btn:hover{background-color:#e9ecef;border-color:#ced4da;color:#212529;color:var(--text-color)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.preview-modal{max-width:960px;width:96%}.calendar-preview-modal{background:#f8f9fa;background:var(--background-light-gray);border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:18px;box-shadow:0 20px 60px #0f172a33;display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow-y:auto;padding:1.5rem}.preview-header{align-items:flex-start;display:flex;gap:1.25rem;justify-content:space-between}.preview-header-main{align-items:center;display:flex;flex:1 1 auto;gap:1rem}.preview-platform-chip{align-items:center;border-radius:14px;box-shadow:0 10px 20px #0f172a26;color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.preview-title{color:#0f172a;font-size:1.4rem;font-weight:600;margin:0}.preview-subtitle{color:#475569;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.75rem;margin-top:.25rem}.preview-tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.preview-tag{background:#eef2ff;border-radius:999px;color:#3730a3;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase}.preview-tag-active{background:#dcfce7;color:#15803d}.preview-header-actions{align-items:center;display:flex;gap:.75rem}.preview-status-chip{align-items:center;border-radius:999px;box-shadow:0 6px 18px #0f172a2e;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 12px}.preview-close{background:none;border:none;color:#475569;cursor:pointer;font-size:1.6rem;line-height:1;padding:0 6px}.preview-close:hover{color:#0f172a}.preview-body{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem}.preview-main{display:flex;flex:1 1 60%;flex-direction:column;gap:1.25rem;min-width:280px}.media-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.media-card--empty{align-items:center;display:flex;justify-content:center;min-height:220px}.media-preview-image{display:block;max-height:360px;object-fit:cover;width:100%}.media-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.95rem;gap:.5rem;padding:2.5rem 1rem;text-align:center}.media-actions{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 1rem}.media-asset-id{color:#64748b;font-size:.75rem}.ghost-button{align-items:center;background:#0000;border:1px solid #cbd5f5;border-radius:8px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s ease}.ghost-button:hover{background:#eff6ff;border-color:#93c5fd}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a14;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.content-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between}.content-heading{color:#0f172a;display:flex;flex-direction:column;font-weight:600;gap:.15rem}.content-meta{color:#64748b;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.content-body{color:#334155;display:flex;flex-direction:column;font-size:.95rem;gap:.75rem;line-height:1.55}.content-body p{margin:0;white-space:pre-wrap;word-break:break-word}.content-placeholder{color:#94a3b8;font-style:italic}.content-hint{background:#f8fafc;border-radius:8px;color:#64748b;font-size:.78rem;padding:8px 10px}.preview-sidebar{display:flex;flex:1 1 32%;flex-direction:column;gap:1rem;min-width:240px}.sidebar-group{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0f172a14;padding:.95rem 1.1rem}.sidebar-label{color:#94a3b8;font-size:.78rem;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.sidebar-value{color:#0f172a;display:flex;flex-direction:column;font-size:.95rem;gap:.35rem}.sidebar-list div{margin-bottom:.25rem}.sidebar-hint{color:#64748b;font-size:.78rem}.preview-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:.5rem}.preview-footer-meta{color:#64748b;font-size:.78rem}.preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.preview-actions .publish-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px;transition:background .2s ease,transform .2s ease}.preview-actions .publish-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.preview-actions .publish-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.preview-actions .cancel{background:#475569;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.preview-actions .cancel:hover{background:#1e293b}@media (max-width:1024px){.preview-body{flex-direction:column}.preview-sidebar{width:100%}}@media (max-width:640px){.calendar-preview-modal{gap:1rem;padding:1.1rem}.preview-header{align-items:flex-start;flex-direction:column;gap:.75rem}.preview-header-actions{justify-content:space-between;width:100%}.preview-footer{align-items:flex-start;flex-direction:column}.preview-actions{justify-content:flex-start;width:100%}}.calendar-grid{border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:6px;box-shadow:none;overflow:hidden}.calendar-grid,.weekday-header{background-color:#fff;background-color:var(--background-white)}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr)}.weekday-header div{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);color:#6c757d;color:var(--text-color-muted);font-size:13px;font-weight:500;padding:12px 5px;text-align:center;text-transform:uppercase}.days-grid{display:grid;grid-auto-rows:minmax(130px,auto);grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;background:var(--background-white);border-right:1px solid #e9ecef;border-right:1px solid var(--border-color-light);border-top:1px solid #e9ecef;border-top:1px solid var(--border-color-light);display:flex;flex-direction:column;padding:10px;position:relative}.calendar-day:nth-child(7n){border-right:none}.days-grid>.calendar-day:nth-child(-n+7){border-top:none}.calendar-day.empty{background-color:#f8f9fa;background-color:var(--background-light-gray);cursor:default;opacity:.8;pointer-events:none}.calendar-day.empty .day-number{visibility:hidden}.day-header{display:block;margin-bottom:8px}.day-number{color:#212529;color:var(--text-color);display:inline-block;font-size:14px;font-weight:500;min-width:20px;padding:2px;text-align:left}.calendar-day.today .day-number{color:#007bff;font-weight:700}.day-item-count{background:#28a745;background:var(--refresh-button-bg);border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:6px;padding:2px 8px}.day-content{display:flex;flex-direction:column;flex-grow:1;gap:6px;margin-right:-4px;overflow-y:auto;padding-right:4px;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.day-content::-webkit-scrollbar{width:6px}.day-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.day-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.day-content::-webkit-scrollbar-thumb:hover{background-color:#aaa}.calendar-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 4px #3c3c3c0f;display:flex;flex-direction:column;margin-bottom:14px;min-height:80px;padding:14px 16px 12px;position:relative;transition:box-shadow .16s,transform .16s}.calendar-item:hover{box-shadow:0 4px 16px #3c3c3c21;transform:translateY(-2px) scale(1.01)}.item-header{gap:8px;justify-content:flex-start;margin-bottom:6px}.item-header,.platform-dot{align-items:center;display:flex}.platform-dot{background:#0077b5;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3c3c3c2e;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:32px;justify-content:center;transition:box-shadow .18s,transform .18s;width:32px}.calendar-item:hover .platform-dot{box-shadow:0 6px 18px #3c3c3c38;transform:translateY(-2px) scale(1.07)}.status-indicator{display:none!important}.item-time{color:#6c757d;font-size:12px;font-weight:500;margin-left:2px;margin-right:8px}.delete-btn{align-items:center;background:#fff;border:1px solid #eee;border-radius:50%;color:#bbb;cursor:pointer;display:flex;font-size:15px;height:24px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:10px;top:8px;transition:opacity .15s,background .15s,color .15s;width:24px;z-index:2}.calendar-item:hover .delete-btn{opacity:1;pointer-events:auto}.delete-btn:hover{background:#f8d7da;border-color:#f5c6cb;color:#dc3545}.item-title{color:#23272f;font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1.35;margin-bottom:6px;word-break:break-word}.item-footer{align-items:flex-end;color:#6c757d;display:flex;font-size:12px;justify-content:space-between;margin-top:10px}.item-assignee{align-items:center;display:flex;gap:6px}.assignee-avatar{align-items:center;background-color:#e0e0e0;border:none;border-radius:50%;box-shadow:0 1px 2px #3c3c3c12;color:#888;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;text-transform:uppercase;width:20px}.progress-bar{background:#e0e0e0;border-radius:3px;height:5px;margin-bottom:1px;margin-left:8px;overflow:hidden;width:38px}.progress-fill{background:#28a745;border-radius:3px;height:100%;transition:width .3s ease}@media (max-width:768px){.calendar-item{border-radius:7px;min-height:60px;padding:8px 4px 8px 8px}.item-title{font-size:13px}.assignee-avatar{font-size:9px;height:15px;width:15px}.delete-btn{font-size:11px;height:18px;right:4px;top:4px;width:18px}}.error-message,.loading-indicator{color:#6c757d;color:var(--text-color-muted);font-size:1.1rem;grid-column:1/-1;padding:40px 20px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:20px}.error-placeholder,.loading-placeholder{align-items:center;color:#adb5bd;display:flex;font-size:1rem;justify-content:center;min-height:120px;padding:40px 20px;text-align:center}.modal-overlay{background:#00000059;height:100%;overscroll-behavior:contain;width:100%;z-index:999}@supports (height:100dvh){.modal-overlay{height:100dvh}}.modal-content{border-radius:10px;box-shadow:0 4px 32px #0000002e;margin:0 auto;max-width:1200px;overflow:auto;padding:2.5rem 2.5rem 2rem;position:relative;width:95vw}.post-details{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.detail-group label{color:#6c757d;color:var(--text-color-muted);font-size:13px;font-weight:500}.detail-value{align-items:center;display:flex;font-size:15px;gap:8px}.content-preview,.detail-value{color:#212529;color:var(--text-color)}.content-preview{background:#f8f9fa;background:var(--background-light-gray);border-radius:6px;font-size:14px;line-height:1.5;margin-top:8px;max-height:200px;overflow-y:auto;padding:15px;white-space:pre-wrap}.status-badge{border-radius:10px;display:inline-block;font-size:12px;padding:4px 10px}.close-btn,.status-badge{background:#28a745;background:var(--refresh-button-bg);color:#fff;font-weight:500}.close-btn{border:none;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .2s;width:100%}.close-btn:hover{background:#218838}.post-preview-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;overflow:hidden}.post-preview-card .post-header{align-items:center;background:#f8f9fa;background:var(--background-light-gray);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);display:flex;padding:12px 16px}.post-preview-card .brand-logo{border-radius:50%;height:32px;margin-right:12px;object-fit:cover;width:32px}.post-preview-card .platform-icon{align-items:center;display:flex;margin-right:12px}.post-preview-card .brand-name{color:#212529;color:var(--text-color);font-weight:600}.post-preview-card .post-body{background:#fff;padding:16px}.post-preview-card .post-body p{color:#212529;color:var(--text-color);font-size:14px;line-height:1.5;margin:0 0 12px}.post-preview-card .post-body p:last-child{margin-bottom:0}@media (max-width:768px){.calendar-container{padding:var(--spacing-md)}.calendar-title h1{font-size:20px}.month-navigation h2{font-size:18px}.weekday-header div{font-size:11px;padding:10px 2px}.days-grid{grid-auto-rows:minmax(110px,auto)}.calendar-day{padding:8px}.day-number,.item-title{font-size:13px}.item-footer,.item-platform{font-size:11px}.modal-content{max-height:90vh;padding:1.2rem .75rem;width:96vw}.content-preview{max-height:50vh}}@media (max-width:640px){.view-controls{display:none}}@media (max-width:480px){.calendar-header{align-items:flex-start;flex-direction:column}.calendar-actions{margin-top:10px;width:100%}.refresh-btn{justify-content:center;width:100%}.month-navigation{margin-bottom:15px}.month-navigation h2,.nav-btn{font-size:16px}.nav-btn{height:28px;width:28px}.weekday-header div{font-size:10px;padding:8px 1px}.days-grid{grid-auto-rows:minmax(90px,auto)}.calendar-day{padding:5px}.day-number,.item-title{font-size:12px}.item-title{line-height:1.2}.item-footer,.item-platform,.item-time{font-size:10px}.assignee-avatar{font-size:9px;height:16px;width:16px}.modal-content{padding:1rem .5rem;width:98vw}.content-preview{max-height:60vh}}.brand-voice-page{background:var(--white);font-family:Roboto,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:var(--spacing-xl)}.brand-voice-container{max-width:100%;width:100%}.voice-section{margin-top:var(--spacing-xxl)}.voice-section-header{align-items:center;border-bottom:2px solid var(--medium-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.voice-section h2{color:var(--primary-color);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.brand-dashboard{max-width:100%;width:100%}.dashboard-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-lg)}.dashboard-3col-grid{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.dashboard-col{display:contents}.dashboard-col .voice-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #0000;display:flex;flex-direction:column;transition:all .3s ease}.dashboard-col .voice-card:hover{border-left-color:#ff6b35;box-shadow:0 8px 24px #00000014;transform:translateX(4px)}.personality-tone-section{border-left-color:#8b5cf6!important}.personality-tone-section:hover{background:linear-gradient(135deg,#f3e8ff,#fff);border-left-color:#7c3aed!important}.language-vocabulary-section{border-left-color:#3b82f6!important}.language-vocabulary-section:hover{background:linear-gradient(135deg,#dbeafe,#fff);border-left-color:#2563eb!important}.social-media-section{border-left-color:#10b981!important}.social-media-section:hover{background:linear-gradient(135deg,#d1fae5,#fff);border-left-color:#059669!important}.voice-analysis-section{border-left-color:#f59e0b!important}.voice-analysis-section:hover{background:linear-gradient(135deg,#fef3c7,#fff);border-left-color:#d97706!important}.guidelines-section{border-left-color:#ef4444!important}.guidelines-section:hover{background:linear-gradient(135deg,#fee2e2,#fff);border-left-color:#dc2626!important}.content-ideas-section{border-left-color:#ec4899!important}.content-ideas-section:hover{background:linear-gradient(135deg,#fce7f3,#fff);border-left-color:#db2777!important}@media (max-width:900px){.dashboard-3col-grid{gap:1.5rem}}.voice-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:fit-content;overflow:hidden;position:relative;transition:all var(--transition-normal)}.voice-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.voice-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.voice-card-header{background:linear-gradient(135deg,var(--white) 0,var(--light-gray) 100%);border-bottom:1px solid var(--medium-gray);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl)}.voice-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.personality-tone-section h3:before{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:50%;content:"🎨";display:flex;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));height:35px;justify-content:center;width:35px}.personality-tone-section .voice-card-item:first-child{border-left:4px solid #f59e0b}.personality-tone-section .voice-card-item:nth-child(2){border-left:4px solid #f97316}.language-vocabulary-section h3:before{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:50%;content:"📝";display:flex;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));height:35px;justify-content:center;width:35px}.language-vocabulary-section .voice-card-item:first-child{border-left:4px solid #3b82f6}.language-vocabulary-section .voice-card-item:nth-child(2){border-left:4px solid #ef4444}.guidelines-section h3:before{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:50%;content:"📋";filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.guidelines-section h3:before,.social-media-section h3:before{align-items:center;display:flex;height:35px;justify-content:center;width:35px}.social-media-section h3:before{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #8b5cf6;border-radius:50%;content:"📱";filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.social-media-section .voice-card-item:first-child{border-left:4px solid #8b5cf6}.social-media-section .voice-card-item:nth-child(2){border-left:4px solid #6366f1}.voice-analysis-section h3:before{align-items:center;background:linear-gradient(135deg,#fef7ff,#fae8ff);border:2px solid #d946ef;border-radius:50%;content:"🔍";display:flex;filter:drop-shadow(0 2px 4px rgba(217,70,239,.3));height:35px;justify-content:center;width:35px}.voice-analysis-section .voice-card-item:first-child{border-left:4px solid #22c55e}.voice-analysis-section .voice-card-item:nth-child(2){border-left:4px solid #f59e0b}.voice-analysis-section .voice-card-item:nth-child(3){border-left:4px solid #ef4444}.content-ideas-section h3:before{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:50%;content:"💡";display:flex;filter:drop-shadow(0 2px 4px rgba(34,197,94,.3));height:35px;justify-content:center;width:35px}.content-ideas-section .voice-card-item{border-left:4px solid #22c55e;transition:all var(--transition-normal)}.content-ideas-section .voice-card-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-ideas-section .voice-card-item:nth-child(2n){border-left:4px solid #3b82f6}.content-ideas-section .voice-card-item:nth-child(3n){border-left:4px solid #f59e0b}.content-ideas-section .voice-card-item:nth-child(4n){border-left:4px solid #8b5cf6}.voice-card-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.voice-card-content{padding:var(--spacing-xl)}.voice-card-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-top:var(--spacing-lg)}.voice-card-item{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);overflow:hidden;padding:var(--spacing-lg);position:relative}.voice-card-item-label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.personality-tone-section .voice-card-item:first-child .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:50%;content:"🎯";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.personality-tone-section .voice-card-item:nth-child(2) .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #f97316;border-radius:50%;content:"🎨";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.language-vocabulary-section .voice-card-item:first-child .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:50%;color:#fff;content:"✅";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.language-vocabulary-section .voice-card-item:nth-child(2) .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:50%;content:"❌";display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.social-media-section .voice-card-item:first-child .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #8b5cf6;border-radius:50%;content:"🥇";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.social-media-section .voice-card-item:nth-child(2) .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #6366f1;border-radius:50%;content:"🥈";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.voice-analysis-section .voice-card-item:first-child .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:50%;content:"💪";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.voice-analysis-section .voice-card-item:nth-child(2) .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:50%;content:"🚀";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.voice-analysis-section .voice-card-item:nth-child(3) .voice-card-item-label:before{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:50%;content:"⚠️";display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.voice-card-item-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.voice-card-item-value.empty{color:var(--text-light);font-style:italic}.voice-card-edit-input{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.voice-card-edit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none}.voice-card-edit-textarea{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);min-height:120px;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-normal);width:100%}.voice-card-edit-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none}.voice-card-edit-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.edit-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all var(--transition-normal)}.edit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.edit-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-btn:hover:before{left:100%}.edit-btn.active,.edit-btn.active:hover{background:var(--success)}.edit-btn.active:hover{box-shadow:0 4px 12px #28a7454d}.guidelines-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.guidelines-column{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);padding:var(--spacing-lg)}.guidelines-column.dos{border-left:4px solid var(--success)}.guidelines-column.donts{border-left:4px solid var(--danger)}.guidelines-title{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.guidelines-title,.guidelines-title.donts,.guidelines-title.dos{color:var(--text-primary)}.guidelines-title:before{align-items:center;border-radius:50%;color:var(--white);display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.guidelines-title.dos:before{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid var(--success);content:"✅"}.guidelines-title.donts:before{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid var(--danger);content:"❌"}.guidelines-list{list-style:none;margin:0;padding:0}.guidelines-list li{align-items:flex-start;border-bottom:1px solid var(--medium-gray);color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);gap:var(--spacing-sm);line-height:var(--line-height-relaxed);padding:var(--spacing-sm) 0}.guidelines-list li:last-child{border-bottom:none}.guidelines-list li:before{content:"→";flex-shrink:0;font-weight:700;margin-top:2px}.guidelines-list.dos li:before{color:var(--success)}.guidelines-list.donts li:before{color:var(--danger)}.voice-card-single{margin-top:var(--spacing-lg)}.voice-card-single .voice-card-item{margin-bottom:var(--spacing-md)}.voice-card-single .voice-card-item:last-child{margin-bottom:0}.brand-voice-btn,.generate-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;display:block;font-size:var(--btn-font-lg);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:var(--spacing-xl) auto;max-width:350px;overflow:hidden;padding:var(--btn-padding-lg);position:relative;text-transform:uppercase;width:100%}.brand-voice-btn:before,.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.brand-voice-btn:hover:before,.generate-btn:hover:before{left:100%}.brand-voice-btn:disabled,.generate-btn:disabled{background:var(--text-light);box-shadow:var(--shadow-sm);cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:var(--spacing-xs);width:16px}.loading-content{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;justify-content:center;padding:var(--spacing-xl)}.success-message{background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success)}.error-message,.success-message{font-weight:var(--font-weight-medium);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.error-message{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger)}@media (max-width:1200px) and (min-width:769px){.dashboard-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.voice-card-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}}@media (max-width:1024px) and (min-width:769px){.persona-edit-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.brand-voice-page{padding:var(--spacing-lg)}.persona-edit-grid{gap:var(--spacing-md);grid-template-columns:1fr}.persona-edit-grid .form-group{padding:var(--spacing-md)}.baseline-persona-section h1{font-size:var(--font-size-xl)}.baseline-persona-content,.baseline-persona-header{padding:var(--spacing-lg)}.voice-section h2{font-size:var(--font-size-2xl)}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid,.guidelines-container,.voice-card-grid{gap:var(--spacing-lg)}.voice-card-grid{grid-template-columns:1fr}.voice-card-content,.voice-card-header{padding:var(--spacing-lg)}}@media (max-width:480px){.baseline-persona-content,.baseline-persona-header{padding:var(--spacing-md)}.baseline-persona-section h1{font-size:var(--font-size-lg)}.baseline-persona-section input{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.voice-card-content,.voice-card-header{padding:var(--spacing-md)}}.persona-display-modern{display:flex;flex-direction:column;gap:var(--spacing-lg)}.persona-layout{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1.1fr 1fr}.persona-column.primary,.persona-column.secondary{display:flex;flex-direction:column;gap:var(--spacing-md)}.persona-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.persona-name-header{background:#f8fafc;border:1px solid var(--light-gray);border-radius:var(--radius-md);padding:var(--spacing-md)}.persona-name-header h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.persona-label{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.persona-summary-card{background:#0f172a;border-radius:var(--radius-lg);box-shadow:0 10px 24px #0f172a40;color:#e2e8f0;padding:var(--spacing-lg)}.persona-summary-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.persona-summary-header h3{margin:0}.persona-summary-subtitle{color:#cbd5e1;font-size:var(--font-size-sm);margin:2px 0 0}.persona-summary-text{color:#e2e8f0;line-height:var(--line-height-relaxed);margin:0}.persona-icon-large{background:#ffffff14;border-radius:12px;font-size:22px;padding:12px}.persona-mini-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.persona-info-card{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--spacing-md)}.persona-card-title{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.persona-info-card p{color:var(--text-secondary);margin:0}.persona-metrics-card{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--spacing-md)}.metric-row{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:140px 1fr 60px}.metric-inline,.metric-row{margin-top:var(--spacing-sm)}.metric-inline{display:flex;justify-content:space-between}.metric-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.metric-bar{background:#f3f4f6;border-radius:999px;height:8px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,#2d5cf6,#7c4dff);height:100%}.metric-bar-fill.alt{background:linear-gradient(90deg,#0ea5e9,#6366f1)}.metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:right}.metric-empty{color:var(--text-secondary);margin:var(--spacing-xs) 0 0}@media (max-width:1024px){.persona-layout{grid-template-columns:1fr}}.translation-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.translation-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;text-align:center}.translation-modal h3{color:var(--primary-purple);font-size:1.5rem;font-weight:600;margin:1.5rem 0 .5rem}.translation-modal p{color:var(--dark-gray);font-size:1rem;line-height:1.5;margin:0}.translation-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--light-gray);border:4px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-purple);height:50px;margin:0 auto;width:50px}.persona-analysis-page{animation:fadeInPage .4s ease-out;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:1400px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.persona-analysis-page *,.persona-analysis-page :after,.persona-analysis-page :before{box-sizing:border-box}@keyframes fadeInPage{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pa-hero{border-bottom:2px solid var(--medium-gray);flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;padding-bottom:var(--spacing-lg)}.pa-hero,.pa-hero-left{align-items:center;display:flex}.pa-hero-left{gap:var(--spacing-md)}.page-icon{border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:32px;padding:var(--spacing-md)}.page-icon.icon-persona{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.pa-hero h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:var(--spacing-xs) 0 0 0}.timestamp{align-items:center;color:var(--text-light);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin:var(--spacing-sm) 0 0 0}.header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 12px #1e293b40;color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #1e293b59}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--white);border:2px solid var(--medium-gray);color:var(--text-primary)}.btn-secondary:hover{background:var(--light-gray);border-color:#1e293b;color:#1e293b}.success-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#10b981,#34d399);border-radius:var(--radius-md);box-shadow:0 4px 12px #10b9814d;color:var(--white);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.persona-tabs{border-bottom:2px solid var(--medium-gray);margin-bottom:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-sm) 0}.persona-tabs,.persona-tabs .tab{display:flex;gap:var(--spacing-sm)}.persona-tabs .tab{align-items:center;background:var(--white);border:2px solid #0000;border-radius:var(--radius-md) var(--radius-md) 0 0;bottom:-2px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .2s ease;white-space:nowrap}.persona-tabs .tab:hover{background:var(--light-gray);color:var(--text-primary)}.persona-tabs .tab.active{background:linear-gradient(135deg,#1e293b,#334155);border-color:#1e293b #1e293b #0000;box-shadow:0 -2px 8px #1e293b33;color:var(--white)}.persona-tabs .baseline-badge{background:#fff3;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid var(--medium-gray);border-radius:50%;border-top:4px solid #1e293b;height:48px;width:48px}.error-icon{color:var(--danger);font-size:56px}.error-container h2{color:var(--text-primary);margin:0}.error-container p{color:var(--text-secondary);margin:0}.empty-state{align-items:center;background:var(--white);border:2px dashed var(--medium-gray);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px;padding:var(--spacing-2xl);text-align:center}.empty-icon{color:var(--text-light);font-size:64px}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.pa-content{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0;width:100%}.card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal);width:100%}.card:before{background:var(--medium-gray);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:var(--shadow-lg)}.card.main-card{background:linear-gradient(180deg,#f8fafc,#fff);flex-shrink:0;min-width:0;width:100%}.card.main-card:before{background:linear-gradient(90deg,#1e293b,#334155);height:5px}.card-channels:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.card-channels .card-header .material-icons{color:#3b82f6}.card-behavior:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.card-behavior .card-header .material-icons{color:#8b5cf6}.card-metrics:before{background:linear-gradient(135deg,#10b981,#34d399)}.card-metrics .card-header .material-icons{color:#10b981}.card.highlight{border:none}.pa-grid-secondary{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.card-header{border-bottom:1px solid var(--medium-gray);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-header,.card-header h2{align-items:center;display:flex;gap:var(--spacing-sm)}.card-header h2{-webkit-text-fill-color:var(--text-primary)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-header .material-icons{font-size:24px}.card.main-card .card-header .material-icons{color:#1e293b}.card-content{color:var(--text-primary)}.card-content.overview{display:flex;flex-direction:column;gap:var(--spacing-xl);min-width:0;width:100%}.card-content.overview *{min-width:0}.info-row{align-items:flex-start;display:flex;flex-direction:row;gap:var(--spacing-lg)}.info-row>div:first-child{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.info-row label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px}.info-row label,.pill{font-weight:var(--font-weight-semibold);text-transform:uppercase}.pill{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:999px;color:#1e293b;font-size:var(--font-size-xs);height:fit-content;letter-spacing:.3px;padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.info-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr;width:100%}.info-block{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;overflow:hidden;width:100%}.info-block label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.persona-value{background:#f8fafc;border-left:3px solid #475569;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;padding:var(--spacing-md) var(--spacing-lg)}.persona-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #1e293b;padding:var(--spacing-lg)}.form-input,.form-textarea{background:#f8fafc;border:1px solid #0000;border-left:3px solid #475569;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);display:block;font-family:Roboto,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;max-width:100%;outline:none;padding:var(--spacing-md) var(--spacing-lg);resize:none;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #1e293b;box-shadow:0 2px 8px #00000014}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.info-grid .form-textarea{min-height:80px;width:100%}.card-content.overview>.info-block .form-textarea{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #1e293b;min-height:100px;padding:var(--spacing-lg)}.card-content.overview>.info-block .form-textarea:focus{background:#fff}.pa-stats-section{grid-gap:var(--spacing-lg);background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);padding:var(--spacing-xl)}.stats-block{display:flex;flex-direction:column;gap:var(--spacing-md)}.stats-block-header{align-items:center;border-bottom:2px solid var(--medium-gray);display:flex;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.stats-block-header .material-icons{font-size:20px}.channels-block .stats-block-header .material-icons{color:#3b82f6}.behavior-block .stats-block-header .material-icons{color:#8b5cf6}.metrics-block .stats-block-header .material-icons{color:#10b981}.stats-block-header h3{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.stats-block-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-bar-item,.stat-bar-track{position:relative}.stat-bar-track{align-items:center;background:#f1f5f9;border-radius:var(--radius-md);display:flex;height:36px;justify-content:space-between;overflow:hidden;padding:0 var(--spacing-md)}.stat-bar-fill{border-radius:var(--radius-md);height:100%;left:0;position:absolute;top:0;transition:width .6s ease-out;z-index:0}.channels-block .stat-bar-fill{background:linear-gradient(90deg,#3b82f633,#60a5fa4d)}.behavior-block .stat-bar-fill{background:linear-gradient(90deg,#8b5cf633,#a78bfa4d)}.stat-bar-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;z-index:1}.stat-bar-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);position:relative;z-index:1}.channels-block .stat-bar-value{color:#3b82f6}.behavior-block .stat-bar-value{color:#8b5cf6}.stats-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-stat{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid #10b981;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.metric-stat-value{color:#10b981;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.metric-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right}@media (max-width:900px){.pa-stats-section{grid-template-columns:1fr}}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.persona-analysis-page{padding:var(--spacing-md)}.pa-hero{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start;width:100%}.card{padding:var(--spacing-lg)}}@media (max-width:480px){.pa-hero h1{font-size:var(--font-size-2xl)}.page-icon{font-size:24px;padding:var(--spacing-sm)}.btn-primary,.btn-secondary{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-primary span.material-icons,.btn-secondary span.material-icons{font-size:18px}.behavior-value,.metric-value{font-size:var(--font-size-lg)}}.modal-overlay{background:#00000080;padding:20px;z-index:1000}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:720px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{-webkit-text-fill-color:var(--text-primary)!important;background:none!important;-webkit-background-clip:unset!important;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.modal-header .close-btn:hover{background:var(--light-gray);color:var(--text-primary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.modal-body .react-select-container{width:100%}.modal-body .react-select__control{background:#f8fafc;border:1px solid #0000;border-left:3px solid #475569;box-shadow:none;padding:4px}.modal-body .react-select__control--is-focused{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #00000014}.modal-body .react-select__placeholder{color:#9ca3af}.modal-footer{border-top:1px solid var(--medium-gray);gap:12px;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.modal-content{max-width:95%}}.content-strategy-page{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:32px 24px;width:100%}.content-strategy-page *{box-sizing:border-box}.content-strategy-page .page-header{margin-bottom:24px}.content-strategy-page .header-left,.content-strategy-page .page-header{align-items:center;display:flex;gap:16px}.content-strategy-page .page-icon{align-items:center;background:linear-gradient(135deg,#1e293b,#475569);border-radius:12px;box-shadow:0 4px 12px #1e293b4d;color:#fff;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.content-strategy-page .page-header h1{color:#1e293b;font-size:26px;font-weight:700;margin:0}.content-strategy-page .page-subtitle{color:#64748b;font-size:14px;margin:2px 0 0}.content-strategy-page .error-container,.content-strategy-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.content-strategy-page .spinner{animation:cs-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#ee7008;height:48px;width:48px}@keyframes cs-spin{to{transform:rotate(1turn)}}.content-strategy-page .error-icon{color:#ef4444;font-size:64px;margin-bottom:16px}.content-strategy-page .btn-primary{background:linear-gradient(135deg,#ee7008,#f59e0b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.content-strategy-page .content-grid{display:flex;flex-direction:column;gap:20px}.content-strategy-page .card{align-items:normal!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px #00000014!important;display:block!important;flex-direction:column!important;gap:0!important;justify-content:normal!important;min-height:auto!important;overflow:hidden!important;padding:0!important;width:100%!important}.content-strategy-page .card:hover{background:#fff!important;box-shadow:0 4px 12px #0000001a!important;transform:none!important}.content-strategy-page .card-header{align-items:center!important;background:#f8fafc!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;flex-direction:row!important;margin:0!important;padding:16px 20px!important;width:100%!important}.content-strategy-page .card-header h2{align-items:center!important;color:#1e293b!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:10px!important;letter-spacing:.5px!important;margin:0!important;text-transform:uppercase!important}.content-strategy-page .card-header .material-icons{color:#ee7008!important;font-size:20px!important}.content-strategy-page .card-content{background:#fff!important;padding:20px!important}.content-strategy-page .platforms-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.content-strategy-page .primary-platform{background:linear-gradient(135deg,#ee7008,#f59e0b);border-radius:12px;box-shadow:0 4px 12px #ee70084d;color:#fff;padding:24px}.content-strategy-page .platform-badge{background:#ffffff40;border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.content-strategy-page .primary-platform .platform-name{font-size:24px;font-weight:700;margin:0 0 8px}.content-strategy-page .primary-platform .platform-rationale{font-size:14px;line-height:1.5;margin:0 0 16px;opacity:.9}.content-strategy-page .platform-frequency{align-items:center;background:#fff3;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.content-strategy-page .platform-frequency .material-icons{color:inherit!important;font-size:16px}.content-strategy-page .secondary-platforms h4{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.content-strategy-page .secondary-grid{display:flex;flex-direction:column;gap:12px}.content-strategy-page .secondary-platform{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:10px;padding:20px}.content-strategy-page .secondary-platform .platform-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 6px}.content-strategy-page .secondary-platform .platform-rationale{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px}.content-strategy-page .secondary-platform .platform-frequency{background:#eff6ff;color:#3b82f6}.content-strategy-page .pillars-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.content-strategy-page .pillar-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-top:4px solid #ee7008;padding:20px}.content-strategy-page .pillar-title{color:#ee7008;font-size:16px;font-weight:600;margin:0 0 8px}.content-strategy-page .pillar-description{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.content-strategy-page .topics-label{color:#1e293b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.content-strategy-page .example-topics ul{color:#64748b;font-size:13px;margin:0;padding-left:18px}.content-strategy-page .example-topics li{margin-bottom:4px}.content-strategy-page .content-mix-bars{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.content-strategy-page .mix-bar-item{display:flex;flex-direction:column;gap:6px}.content-strategy-page .mix-bar-header{align-items:center;display:flex;justify-content:space-between}.content-strategy-page .mix-type{color:#1e293b;font-size:14px;font-weight:500;text-transform:capitalize}.content-strategy-page .mix-percentage{color:#10b981;font-size:14px;font-weight:700}.content-strategy-page .mix-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.content-strategy-page .mix-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%}.content-strategy-page .guidance-section{margin-bottom:24px}.content-strategy-page .guidance-section:last-child{margin-bottom:0}.content-strategy-page .guidance-section h4{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.content-strategy-page .check-icon{color:#10b981;font-size:20px}.content-strategy-page .close-icon{color:#ef4444;font-size:20px}.content-strategy-page .guidance-list{list-style:none;margin:0;padding:0}.content-strategy-page .guidance-list li{background:#f8fafc;border-radius:8px;color:#475569;font-size:14px;line-height:1.5;margin-bottom:8px;padding:12px 16px}.content-strategy-page .dos-section .guidance-list li{border-left:4px solid #10b981}.content-strategy-page .donts-section .guidance-list li{border-left:4px solid #ef4444}.content-strategy-page .hashtag-groups{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.content-strategy-page .hashtag-group h4{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.content-strategy-page .hashtag-tags{display:flex;flex-wrap:wrap;gap:8px}.content-strategy-page .hashtag{border-radius:20px;font-size:13px;font-weight:500;padding:6px 14px}.content-strategy-page .hashtag.branded{background:#ee7008;color:#fff}.content-strategy-page .hashtag.industry{background:#3b82f6;color:#fff}.content-strategy-page .hashtag.trending{background:#10b981;color:#fff}.content-strategy-page .calendar-info{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 2fr}.content-strategy-page .cadence-recommendation h4,.content-strategy-page .posting-times h4{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.content-strategy-page .cadence-recommendation p{background:#fff7ed;border-left:4px solid #ee7008;border-radius:8px;color:#1e293b;font-size:14px;line-height:1.6;margin:0;padding:16px}.content-strategy-page .times-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr)}.content-strategy-page .time-slot{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px 8px;text-align:center}.content-strategy-page .day-name{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.content-strategy-page .time-value{color:#ee7008;font-size:12px;font-weight:700}.content-strategy-page .tactics-list{list-style:none;margin:0;padding:0}.content-strategy-page .tactic-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #8b5cf6;border-radius:8px;color:#475569;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-bottom:10px;padding:14px 16px}.content-strategy-page .tactic-item:last-child{margin-bottom:0}.content-strategy-page .tactic-icon{color:#8b5cf6;flex-shrink:0;font-size:18px}.content-strategy-page .quick-wins-list{display:flex;flex-direction:column;gap:12px}.content-strategy-page .quick-win-item{background:#f8fafc;border-left:4px solid #10b981;border-radius:10px;padding:16px 20px}.content-strategy-page .win-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.content-strategy-page .win-header h4{color:#1e293b;font-size:15px;font-weight:600;margin:0}.content-strategy-page .effort-badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.content-strategy-page .effort-low{background:#dcfce7;color:#166534}.content-strategy-page .effort-medium{background:#fef3c7;color:#92400e}.content-strategy-page .effort-high{background:#fee2e2;color:#991b1b}.content-strategy-page .win-impact{color:#64748b;font-size:14px;line-height:1.5;margin:0}@media (max-width:1024px){.content-strategy-page .platforms-container{grid-template-columns:1fr}.content-strategy-page .pillars-grid{grid-template-columns:1fr 1fr}.content-strategy-page .calendar-info,.content-strategy-page .hashtag-groups{grid-template-columns:1fr}.content-strategy-page .times-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.content-strategy-page{padding:16px}.content-strategy-page .pillars-grid{grid-template-columns:1fr}.content-strategy-page .times-grid{grid-template-columns:repeat(3,1fr)}.content-strategy-page .content-mix-bars{grid-template-columns:1fr}}.digital-assets-library{background:#f8f9fa;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:Roboto,sans-serif;min-height:100vh;overflow:visible;padding:var(--spacing-xl);position:relative;width:100%}.dal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 16px}.dal-header h2,.dal-header-assets{color:var(--text-primary);font-size:32px;font-weight:700;margin:0;text-align:center}.header-controls{align-items:center;display:flex;gap:var(--spacing-md)}.view-toggle-buttons{background:var(--light-gray);border-radius:var(--radius-md);gap:var(--spacing-sm);padding:var(--spacing-xs)}.view-toggle-btn,.view-toggle-buttons{border:1px solid var(--medium-gray);display:flex}.view-toggle-btn{align-items:center;background:#0000;border-radius:6px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.view-toggle-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.view-toggle-btn.active,.view-toggle-btn:hover{background:linear-gradient(135deg,#009ee3,#357abd);border-color:#009ee3;color:#fff}.view-toggle-btn.active{box-shadow:var(--shadow-md)}.view-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.view-btn.active{background:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--white)}.view-btn:hover:not(.active){background:var(--medium-gray);color:var(--text-primary)}.brand-selector{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.brand-selector label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.brand-selector select{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.brand-selector select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.search-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);min-width:200px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.search-input::placeholder{color:var(--text-light)}.filter-select{background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);min-width:150px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.search-filter-controls-inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.search-filter-controls-inline .search-input{flex:1 1;min-width:200px}.search-filter-controls-inline .filter-select{min-width:150px}.search-filter-controls-inline+.dal-upload-btn{margin-bottom:var(--spacing-lg)}.dal-upload-btn{background:linear-gradient(135deg,#009ee3,#357abd);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.dal-upload-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dal-modal-overlay,.dal-upload-form-container{align-items:center;animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes modalOverlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.dal-modal-content{animation:modalSlideIn .3s ease-out;background:var(--white);border:1px solid #0000001a;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 10px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;transform-origin:center;width:95%}.dal-modal-content.category-modal{max-width:1400px;min-height:70vh;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dal-modal-content:before{background:linear-gradient(135deg,#009ee3,#357abd);border-radius:20px 20px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.dal-modal-header{background:linear-gradient(135deg,#4a90e205,#7ed32105);border-bottom:1px solid #00000014;justify-content:space-between;padding:32px 32px 24px}.dal-modal-header,.dal-modal-header h3{align-items:center;display:flex;margin:0}.dal-modal-header h3{color:#2c3e50;font-size:24px;font-weight:600;gap:12px}.dal-modal-header .category-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.dal-close-form-btn,.dal-close-modal-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dal-close-form-btn:hover,.dal-close-modal-btn:hover{background:#dc35451a;box-shadow:0 4px 12px #dc354526;color:#dc3545;transform:scale(1.1)}.dal-modal-body{flex:1 1;overflow-y:auto;padding:24px 32px 32px}.dal-enhanced-upload-form{display:flex;flex-direction:column;gap:24px}.dal-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.dal-form-group{display:flex;flex-direction:column;gap:8px;width:100%}.dal-form-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.dal-category-name-input,.dal-category-select,.dal-description-input,.dal-file-input,.dal-tags-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#374151;flex:1 1;font-family:Roboto,sans-serif;font-size:16px;min-width:200px;padding:16px 20px;transition:all .2s ease}.dal-category-name-input:focus,.dal-category-select:focus,.dal-description-input:focus,.dal-file-input:focus,.dal-tags-input:focus{border-color:#009ee3;box-shadow:0 0 0 3px #4a90e21a,0 4px 6px #0000001a;outline:none;transform:translateY(-1px)}.dal-category-name-input::placeholder{color:#9ca3af;font-style:italic}.dal-input-counter{color:#9ca3af;font-size:12px;margin-top:4px;text-align:right}.dal-input-counter.warning{color:#f59e0b}.dal-input-counter.error{color:#ef4444}.dal-loading-btn{background:#9ca3af!important;cursor:not-allowed!important;pointer-events:none;position:relative}.dal-loading-btn:after{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dal-file-input-wrapper{display:block;position:relative}.dal-file-input-hint{color:#6b7280;font-size:14px;font-style:italic;margin-top:8px;text-align:center}.dal-description-input{font-family:Roboto,sans-serif;line-height:1.5;min-height:120px;resize:vertical}.dal-file-input{background:linear-gradient(135deg,#4a90e205,#7ed32105)!important;border:2px dashed #d1d5db!important;border-radius:16px!important;cursor:pointer;padding:32px 20px!important;position:relative;text-align:center;transition:all .3s ease}.dal-file-input:hover{background:linear-gradient(135deg,#4a90e20d,#7ed3210d)!important;border-color:#009ee3!important;transform:translateY(-2px)}.dal-file-input:focus{border-color:#009ee3!important;box-shadow:0 0 0 3px #4a90e21a,0 4px 6px #0000001a!important}.dal-file-input::file-selector-button{background:linear-gradient(135deg,#009ee3,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:8px;margin-right:16px;padding:12px 24px;transition:all .2s ease}.dal-file-input::file-selector-button:hover{background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-1px)}.dal-modal-content:has(.dal-enhanced-upload-form){max-width:650px}.dal-enhanced-upload-form .category-modal-description{background:linear-gradient(135deg,#4a90e214,#7ed32114);border-left:4px solid #009ee3;border-radius:12px;margin-bottom:32px;padding:16px 20px}.category-modal{max-width:500px}@media (max-width:768px){.dal-modal-content{margin:0 auto;width:95%}.dal-modal-header{padding:20px 20px 16px}.dal-modal-header h3{font-size:20px}.dal-modal-body{padding:16px 20px 24px}.dal-modal-actions{flex-direction:column;gap:8px}.dal-create-category-btn,.dal-primary-btn,.dal-secondary-btn{justify-content:center;width:100%}}.category-modal .dal-modal-header{background:linear-gradient(135deg,#4a90e20d,#7ed3210d)}.category-modal-form{display:flex;flex-direction:column;gap:20px}.category-modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px}.dal-form-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.dal-error-message{color:#ef4444}.dal-error-message,.dal-success-message{align-items:center;display:flex;font-size:14px;gap:6px;margin-top:4px}.dal-success-message{color:#10b981}.empty-category{background:linear-gradient(135deg,#4a90e20d,#7ed3210d);border:2px dashed #4a90e233;border-radius:16px;padding:48px 24px;text-align:center}.empty-category p{color:#6b7280;font-size:18px;font-weight:500;margin-bottom:24px}.dal-upload-first-btn{align-items:center;background:linear-gradient(135deg,#009ee3,#357abd);border:none;border-radius:12px;box-shadow:0 4px 6px #4a90e233;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 32px;transition:all .2s ease}.dal-upload-first-btn:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 8px 15px #4a90e24d;transform:translateY(-2px)}.dal-modal-actions{border-top:1px solid #00000014;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.dal-create-category-btn,.dal-primary-btn,.dal-upload-submit-btn{align-items:center;background:linear-gradient(135deg,#009ee3,#357abd);border:none;border-radius:12px;box-shadow:0 4px 6px #4a90e233;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s ease}.dal-create-category-btn:hover:not(:disabled),.dal-primary-btn:hover:not(:disabled),.dal-upload-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 8px 15px #4a90e24d;transform:translateY(-2px)}.dal-create-category-btn:disabled,.dal-primary-btn:disabled,.dal-upload-submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.dal-cancel-btn,.dal-secondary-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s ease}.dal-cancel-btn:hover,.dal-secondary-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-1px)}.category-modal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:24px;max-height:calc(90vh - 200px);overflow-y:auto;padding:8px 16px}.category-modal-grid::-webkit-scrollbar{width:8px}.category-modal-grid::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.category-modal-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.category-modal-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.asset-modal-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.asset-modal-card:hover{border-color:#009ee3;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.asset-modal-preview{align-items:center;background:#f8fafc;border-radius:8px 8px 0 0;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.asset-modal-preview[style*="cursor: pointer"]:hover{background:#e2e8f0;transform:scale(1.02)}.asset-modal-preview[style*="cursor: pointer"]:hover:after{align-items:center;background:#000000b3;border-radius:50%;color:#fff;content:"🔍";display:flex;font-size:16px;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;z-index:10}.asset-modal-preview img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.asset-modal-card:hover .asset-modal-preview img{transform:scale(1.03)}.asset-modal-preview:after{background:linear-gradient(180deg,#0000,#0000001a 50%,#0006);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.asset-modal-card:hover .asset-modal-preview:after{opacity:1}.asset-modal-actions{align-items:center;background:#f8f9fae6;border-top:1px solid #f1f3f4;display:flex;flex-direction:row;flex-shrink:0;gap:4px;justify-content:center;opacity:0;padding:6px 8px 8px;transform:translateY(5px);transition:all .3s ease;z-index:10}.asset-modal-card:hover .asset-modal-actions{opacity:1;transform:translateY(0)}.asset-actions{align-items:center;background:#f8f9fae6;border-top:1px solid #f1f3f4;display:flex;flex-direction:row;flex-shrink:0;gap:4px;justify-content:center;margin-top:auto;opacity:0;padding:6px 8px 8px;transform:translateY(5px);transition:all .3s ease}.asset-card:hover .asset-actions{opacity:1;transform:translateY(0)}.asset-modal-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.asset-modal-btn.view-btn{background:#4a90e2e6;color:#fff}.asset-modal-btn.view-btn:hover{background:#009ee3;box-shadow:0 4px 12px #4a90e24d;transform:scale(1.1)}.asset-modal-btn.edit-btn{background:#ffc107e6;color:#fff}.asset-modal-btn.edit-btn:hover{background:#ffc107;box-shadow:0 4px 12px #ffc1074d;transform:scale(1.1)}.asset-modal-btn.delete-btn-element{background:#dc3545e6;color:#fff}.asset-modal-btn.delete-btn-element:hover{background:#dc3545;box-shadow:0 4px 12px #dc35454d;transform:scale(1.1)}.asset-modal-btn.set-avatar-btn{background:#7ed321e6;color:#fff}.asset-modal-btn.set-avatar-btn:hover{background:#7ed321;box-shadow:0 4px 12px #7ed3214d;transform:scale(1.1)}.asset-modal-btn.download-btn{background:#673ab7e6;color:#fff}.asset-modal-btn.download-btn:hover{background:#673ab7;box-shadow:0 4px 12px #673ab74d;transform:scale(1.1)}.asset-modal-btn.share-btn{background:#009688e6;color:#fff}.asset-modal-btn.share-btn:hover{background:#009688;box-shadow:0 4px 12px #0096884d;transform:scale(1.1)}.asset-modal-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0;padding:8px 12px}.asset-modal-name{color:#374151;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-modal-grid.thumbnail-small .asset-modal-card{min-height:80px}.category-modal-grid.thumbnail-small .asset-modal-preview{height:80px;width:80px}.category-modal-grid.thumbnail-medium .asset-modal-card{min-height:120px}.category-modal-grid.thumbnail-medium .asset-modal-preview{height:120px;width:120px}.category-modal-grid.thumbnail-large .asset-modal-card{min-height:160px}.category-modal-grid.thumbnail-large .asset-modal-preview{height:160px;width:160px}.video-modal-thumbnail{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.asset-modal-video{height:100%;object-fit:cover;width:100%}.video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:50px}.asset-modal-card:hover .video-modal-overlay{background:#009ee3cc;transform:translate(-50%,-50%) scale(1.1)}.file-modal-thumbnail{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.file-modal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.file-modal-ext{background:#009ee3;border-radius:6px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px}.more-assets-notice{background:linear-gradient(135deg,#4a90e20d,#7ed3210d);border:2px dashed #4a90e233;border-radius:16px;color:#6b7280;grid-column:1/-1;margin:16px 0;padding:24px;text-align:center}.more-assets-notice p{font-size:14px;line-height:1.5;margin:0}.more-assets-notice p:first-child{font-weight:500;margin-bottom:4px}.modal-footer{align-items:center;background:linear-gradient(135deg,#4a90e205,#7ed32105);border-top:1px solid #00000014;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 32px}.upload-modal-btn{align-items:center;background:linear-gradient(135deg,#009ee3,#357abd);border:none;border-radius:12px;box-shadow:0 4px 6px #4a90e233;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-modal-btn:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 6px 12px #4a90e24d;transform:translateY(-1px)}.close-modal-footer-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.close-modal-footer-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-1px)}@media (max-width:1200px){.dal-modal-content.category-modal{max-width:95vw;width:95%}.category-modal-grid{gap:14px;grid-template-columns:repeat(2,1fr);padding:8px 12px}.asset-modal-card{min-height:260px}.asset-modal-preview{height:160px}}@media (max-width:900px) and (min-width:769px){.category-modal-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.asset-modal-card{min-height:250px}.asset-modal-preview{height:150px}}@media (max-width:768px){.dal-modal-content.category-modal{max-height:95vh;width:98vw}.category-modal-grid{gap:12px;grid-template-columns:1fr;padding:8px}.asset-modal-card{min-height:240px}.asset-modal-preview{height:140px}.asset-modal-info{padding:8px 12px}.asset-modal-actions{gap:6px;opacity:1;padding:8px 12px 12px;transform:none}.asset-modal-btn{font-size:12px;height:28px;width:28px}.modal-footer{flex-direction:column;gap:12px;padding:16px 20px}.close-modal-footer-btn,.upload-modal-btn{justify-content:center;width:100%}}@media (max-width:480px){.dal-modal-content.category-modal{margin:10px;max-height:calc(100vh - 20px);width:calc(100vw - 20px)}.asset-modal-card{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:auto;text-align:center}.asset-modal-preview{height:80px;justify-self:center;margin:8px;width:calc(100% - 16px)}.asset-modal-info{padding:8px 12px}.asset-modal-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f9fae6;border-top:1px solid #f1f3f4;justify-content:center;padding:12px}}.asset-modal-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.asset-modal-tag{background:#009ee31a;border:1px solid #009ee333;border-radius:3px;color:#009ee3;font-size:9px;font-weight:500;max-width:60px;overflow:hidden;padding:1px 4px;text-overflow:ellipsis;white-space:nowrap}.asset-modal-tag-more{background:#9ca3af1a;border-color:#9ca3af33;color:#9ca3af}.asset-modal-meta{align-items:center;color:#9ca3af;display:flex;font-size:10px;gap:4px;justify-content:space-between;margin-top:4px}.asset-modal-card{border-left:4px solid #0000;transition:all .3s ease,border-left-color .3s ease}.asset-modal-card:hover{border-left-color:#009ee3}.asset-modal-card[data-category=avatars]:hover{border-left-color:#7ed321}.asset-modal-card[data-category=logos]:hover{border-left-color:#fcea12}.asset-modal-card[data-category=images]:hover{border-left-color:#f08c05}.asset-modal-card[data-category=videos]:hover{border-left-color:#d0021b}.asset-modal-info .asset-modal-name{font-size:13px;font-weight:600;line-height:1.2;margin-bottom:3px}.asset-modal-info .asset-modal-description{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:11px;line-height:1.3;margin-bottom:4px;overflow:hidden}.asset-modal-date{font-size:11px}.asset-modal-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.3;margin:4px 0;overflow:hidden}.asset-modal-preview.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.asset-modal-card.selected{border-color:#009ee3;box-shadow:0 0 0 3px #009ee333}.asset-modal-card.selected .asset-modal-preview:after{background:linear-gradient(180deg,#009ee31a,#009ee333 50%,#009ee34d);opacity:1}.asset-modal-btn .icon{fill:currentColor;height:16px;width:16px}.asset-modal-size{margin:0}.asset-modal-date,.asset-modal-size{color:#9ca3af;font-size:10px}.asset-modal-type{background:#009ee31a;border-radius:3px;color:#009ee3;font-size:9px;font-weight:600;letter-spacing:.3px;padding:1px 4px}.assets-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--spacing-lg)}.asset-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:420px;overflow:hidden;transition:all var(--transition-normal)}.asset-card:hover{border-color:#009ee3;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.asset-preview{align-items:center;background:var(--light-gray);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.current-avatar-badge{background:var(--primary-gradient);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}.asset-card.current-avatar:hover{border-color:#009ee3;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.set-avatar-btn{background:linear-gradient(135deg,#009ee3,#357abd)!important;border:none!important;color:var(--white)!important;font-weight:var(--font-weight-semibold)!important;transition:all var(--transition-normal)!important;white-space:nowrap}.set-avatar-btn:hover{background:linear-gradient(135deg,#357abd,#2968a3)!important;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.dal-current-badge{background:var(--success);border:none;border-radius:var(--radius-sm);color:var(--white);cursor:default;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.asset-card[data-category=avatars]{position:relative}.asset-card[data-category=avatars] .asset-preview{aspect-ratio:1;border-radius:50%;height:120px;margin:var(--spacing-sm);overflow:hidden;width:120px}.asset-card[data-category=avatars] .asset-thumbnail{border-radius:50%;height:100%;object-fit:cover;width:100%}.asset-card[data-category=avatars].current-avatar .asset-preview:after{align-items:center;background:var(--success);border-radius:50%;bottom:4px;color:var(--white);content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;width:24px;z-index:11}.personal-assets-notice{background:linear-gradient(135deg,#4a90e21a,#7ed3211a);border:1px solid #4a90e233;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.personal-assets-notice p{color:var(--text-secondary);font-style:italic;margin:0}.no-brands-message{background:linear-gradient(135deg,#4a90e214,#7ed32114);border:1px solid #4a90e233;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.no-brands-message p{color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.no-brands-message p:last-child{color:var(--text-light);font-style:italic;margin-bottom:0}.asset-thumbnail{max-height:100%;max-width:100%;object-fit:contain}.asset-icon{align-items:center;background:var(--medium-gray);border-radius:var(--radius-lg);color:var(--white);display:flex;font-weight:var(--font-weight-semibold);height:80px;justify-content:center;width:80px}.file-type{font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.asset-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}.asset-content{flex:1 1}.asset-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0;word-break:break-word}.asset-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:var(--line-height-normal);margin:0 0 var(--spacing-md) 0;overflow:hidden}.asset-description,.asset-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.asset-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.asset-category{background:var(--primary-color);border-radius:var(--radius-full);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.dal-asset-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.dal-action-btn{align-items:center;background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.dal-action-btn:hover{background:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--primary-color);transform:translateY(-1px)}@media (max-width:1024px) and (min-width:769px){.category-sections{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.digital-assets-library{padding:var(--spacing-lg)}.search-filter-section{align-items:stretch;flex-direction:column}.form-row{flex-direction:column}.assets-grid,.category-sections{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-section{min-height:180px}}.dal-category-sections{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.category-section{align-items:center;background:var(--white);border:3px solid #bcbcbc;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:220px;overflow:visible;padding:var(--spacing-sm);position:relative;text-align:center;transition:all .3s ease}.category-section:first-child{box-shadow:8px 8px 0 #009ee3}.category-section:nth-child(2){box-shadow:8px 8px 0 #fcea12}.category-section:nth-child(3){box-shadow:8px 8px 0 #f08c05}.category-section:nth-child(4){box-shadow:8px 8px 0 #94c11f}.category-section:nth-child(5){box-shadow:8px 8px 0 #9013fe}.category-section:nth-child(6){box-shadow:8px 8px 0 #ff6b6b}.category-section:nth-child(7){box-shadow:8px 8px 0 #4ecdc4}.category-section:nth-child(8){box-shadow:8px 8px 0 #45b7d1}.category-section:nth-child(9){box-shadow:8px 8px 0 #f7b801}.category-section:nth-child(10){box-shadow:8px 8px 0 #5d4e75}.category-section:nth-child(11){box-shadow:8px 8px 0 #26d0ce}.category-section:nth-child(12){box-shadow:8px 8px 0 #ffa726}.category-section:nth-child(13){box-shadow:8px 8px 0 #ab47bc}.category-section:nth-child(14){box-shadow:8px 8px 0 #66bb6a}.category-section:nth-child(15){box-shadow:8px 8px 0 #ef5350}.category-section:nth-child(16){box-shadow:8px 8px 0 #42a5f5}.category-section:nth-child(17){box-shadow:8px 8px 0 #ffca28}.category-section:nth-child(18){box-shadow:8px 8px 0 #8bc34a}.category-section:nth-child(19){box-shadow:8px 8px 0 #ff7043}.category-section:nth-child(20){box-shadow:8px 8px 0 #9c27b0}.category-section:nth-child(n+21){box-shadow:8px 8px 0 #6b73ff}.category-section:hover{transform:translateY(-4px) translateX(-4px)}.category-section:first-child:hover{border-color:#009ee3;box-shadow:12px 12px 0 #009ee3}.category-section:nth-child(2):hover{border-color:#fcea12;box-shadow:12px 12px 0 #fcea12}.category-section:nth-child(3):hover{border-color:#f08c05;box-shadow:12px 12px 0 #f08c05}.category-section:nth-child(4):hover{border-color:#94c11f;box-shadow:12px 12px 0 #94c11f}.category-section:nth-child(5):hover{border-color:#9013fe;box-shadow:12px 12px 0 #9013fe}.category-section:nth-child(6):hover{border-color:#ff6b6b;box-shadow:12px 12px 0 #ff6b6b}.category-section:nth-child(7):hover{border-color:#4ecdc4;box-shadow:12px 12px 0 #4ecdc4}.category-section:nth-child(8):hover{border-color:#45b7d1;box-shadow:12px 12px 0 #45b7d1}.category-section:nth-child(9):hover{border-color:#f7b801;box-shadow:12px 12px 0 #f7b801}.category-section:nth-child(10):hover{border-color:#5d4e75;box-shadow:12px 12px 0 #5d4e75}.category-section:nth-child(11):hover{border-color:#26d0ce;box-shadow:12px 12px 0 #26d0ce}.category-section:nth-child(12):hover{border-color:#ffa726;box-shadow:12px 12px 0 #ffa726}.category-section:nth-child(13):hover{border-color:#ab47bc;box-shadow:12px 12px 0 #ab47bc}.category-section:nth-child(14):hover{border-color:#66bb6a;box-shadow:12px 12px 0 #66bb6a}.category-section:nth-child(15):hover{border-color:#ef5350;box-shadow:12px 12px 0 #ef5350}.category-section:nth-child(16):hover{border-color:#42a5f5;box-shadow:12px 12px 0 #42a5f5}.category-section:nth-child(17):hover{border-color:#ffca28;box-shadow:12px 12px 0 #ffca28}.category-section:nth-child(18):hover{border-color:#8bc34a;box-shadow:12px 12px 0 #8bc34a}.category-section:nth-child(19):hover{border-color:#ff7043;box-shadow:12px 12px 0 #ff7043}.category-section:nth-child(20):hover{border-color:#9c27b0;box-shadow:12px 12px 0 #9c27b0}.category-section:nth-child(n+21):hover{border-color:#6b73ff;box-shadow:12px 12px 0 #6b73ff}.category-actions{display:flex;gap:6px;opacity:0;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:10}.category-section:hover .category-actions{opacity:1}.dal-delete-btn,.dal-rename-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.dal-rename-btn:hover{background:#4a90e21a;border-color:#009ee3;box-shadow:0 4px 12px #4a90e233;transform:translateY(-2px)}.dal-delete-btn:hover{background:#dc35451a;border-color:#dc3545;box-shadow:0 4px 12px #dc354533;transform:translateY(-2px)}.add-category-section{background:#f8f9fa!important;border:3px dashed #ccc!important;box-shadow:8px 8px 0 #ccc!important;transition:all .3s ease}.add-category-section .category-title{color:#666}.add-category-section .category-description{color:#999}.category-header{flex-direction:column;gap:var(--spacing-xs);height:100%}.category-header,.category-icon{align-items:center;display:flex;justify-content:center;position:relative}.category-icon{background:#0000;border-radius:50%;height:80px;margin-bottom:var(--spacing-md);width:80px}.category-icon svg{stroke:#666;stroke-width:1;height:100%;width:100%}.category-icon:after,.category-icon:before{color:#ccc;font-size:12px;position:absolute}.category-icon:before{right:-10px;top:-10px}.category-icon:after{bottom:-10px;left:-10px}.category-title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0;text-align:center}.category-description{color:#888;font-size:14px;font-style:italic;line-height:1.4;margin:0;text-align:center}.delete-category-btn,.expand-btn,.rename-category-btn,.upload-category-btn{align-items:center;background:var(--medium-gray);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-base);height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.upload-category-btn:hover{background:var(--primary-color);transform:scale(1.1)}.rename-category-btn:hover{background:var(--warning);transform:scale(1.1)}.delete-category-btn:hover{background:var(--danger);transform:scale(1.1)}.expand-btn{background:var(--light-gray);border:2px solid var(--medium-gray);color:var(--text-secondary)}.expand-btn:hover{background:var(--white);border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.1)}.category-section.has-content .upload-category-btn{background:var(--success)}.category-section.has-content .upload-category-btn:hover{background:var(--success);filter:brightness(1.1)}.account-settings{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1200px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-header{margin-bottom:3rem}.settings-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.settings-subtitle{color:#666;font-size:1rem;margin:0}.settings-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem;transition:box-shadow .2s ease}.settings-section:hover{box-shadow:0 4px 12px #0000001f}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-header .material-icons{color:#2563eb;font-size:1.75rem}.section-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.section-content{padding:.5rem 0}.profile-info-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.avatar-section{display:flex;flex-direction:column;gap:1rem}.avatar-section label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-field{display:flex;flex-direction:column;gap:.5rem}.info-field label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.readonly-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:not-allowed;font-size:1rem;padding:.75rem}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-details{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.detail-label{color:#64748b;font-size:.95rem;font-weight:500}.detail-value{color:#1e293b;font-size:1rem;font-weight:600}.account-plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.account-plan-badge,.status-badge{border-radius:20px;font-size:.875rem;padding:.375rem 1rem}.status-badge{font-weight:600;text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.canceled,.status-badge.cancelled{background:#fee2e2;color:#dc2626}.manage-billing-btn{align-items:center;align-self:flex-start;display:flex;gap:.5rem;justify-content:center;min-width:200px}.billing-info{color:#64748b;font-size:.875rem;line-height:1.6;margin:0}.no-subscription{background:#f8fafc;border-radius:12px;padding:3rem 2rem;text-align:center}.no-subscription p{color:#64748b;font-size:1.125rem;margin-bottom:1.5rem}.danger-section{background:#fef2f2;border:2px solid #fee2e2}.danger-section .section-header{border-bottom-color:#fecaca}.danger-section .section-header .material-icons{color:#dc2626}.danger-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.danger-info h3{color:#991b1b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.danger-info p{color:#7f1d1d;font-size:.95rem;line-height:1.5;margin:0}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-width:550px;padding:0;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal .modal-header{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:20px 20px 0 0;color:#fff;display:flex;gap:1rem;padding:2rem}.warning-icon{animation:pulse 2s ease-in-out infinite;font-size:2.5rem!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-modal .modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.modal-body{padding:2rem}.warning-text{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.delete-list{list-style:none;margin:1.5rem 0;padding:0}.delete-list li{background:#fef2f2;border-left:4px solid #dc2626;border-radius:4px;color:#7f1d1d;font-weight:500;margin-bottom:.5rem;padding:.75rem}.confirmation-input{margin-top:2rem}.confirmation-input label{color:#374151;display:block;font-weight:600;margin-bottom:.75rem}.confirmation-input strong{color:#dc2626;font-family:monospace;font-size:1.1em}.confirmation-input input{border:2px solid #e5e7eb;border-radius:8px;font-family:monospace;font-size:1rem;font-weight:600;padding:.875rem;transition:border-color .2s ease;width:100%}.confirmation-input input:focus{border-color:#dc2626;outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem 2rem}.modal-actions button{justify-content:center;min-width:120px}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-state .material-icons{font-size:3rem;margin-bottom:1rem}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.account-settings{padding:1rem}.settings-header h1{font-size:1.5rem}.settings-section{padding:1.5rem}.profile-info-grid{grid-template-columns:1fr}.danger-content{align-items:stretch;flex-direction:column}.btn-danger{justify-content:center;width:100%}.modal-content{margin:1rem;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}
/*# sourceMappingURL=main.e658ed22.css.map*/