@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}.sidebar{-webkit-overflow-scrolling:touch;align-items:stretch;background:linear-gradient(180deg,#f94503,#f7931e 50%,#ee7008);border-right:1px solid #fff3;box-shadow:2px 0 20px #ee70084d;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-md);height:100vh;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));padding-top:max(var(--spacing-lg),env(safe-area-inset-top));position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:2000}.sidebar.open{transform:translateX(0)}@media (min-width:769px){.sidebar{transform:translateX(0);z-index:10}}.sidebar-logo{align-items:center;display:flex;justify-content:center;min-height:50px;padding:var(--spacing-md);position:relative}.susi-logo-main{filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));height:45px;object-fit:contain;width:auto}.card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000001a;display:flex;justify-content:center;margin-bottom:var(--spacing-sm);margin-top:56px;padding:var(--spacing-lg);transition:all var(--transition-normal);width:100%}.card:hover{background:#fff3;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.user-info{align-items:center;display:flex;gap:var(--spacing-md)}.avatar-wrapper{border-radius:50%;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.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:var(--spacing-sm);overflow:hidden}.user-name{color:var(--white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);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:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);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:var(--spacing-xs);min-height:0}.bottom-div>*+*,.brand-actions>*+*,.sidebar-nav>*+*{margin-top:var(--spacing-xs)}.brand-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.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;color:var(--white);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)}.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;font-size:14px;font-weight:inherit;margin:0}.bottom-div{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:auto}.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{box-shadow:4px 0 20px #ee700866;height:100vh;max-height:100vh;max-width:320px;padding:var(--spacing-md);width:85%}.bottom-section,.brand-select,.card,.logout-section,.section{max-width:100%;width:100%}.sidebar-logo{margin-bottom:var(--spacing-md);min-height:50px;padding:var(--spacing-sm)}.susi-logo-main{height:30px}.user-avatar{height:50px;width:50px}.user-name{font-size:14px}.icon{font-size:18px}.text1,.text2{font-size:12px}}@media (max-width:480px){.sidebar{max-width:92vw;padding:var(--spacing-md);width:92vw}.text1,.text2{font-size:12px}.icon{font-size:16px}.bottom-section,.brand-select,.section{padding:var(--spacing-sm)}}@media (max-width:375px){.connect-social{display:none}}@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;justify-content:space-between;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)}}.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}.top-navbar{display:flex;height:56px;left:0;position:fixed;right:0;top:0;z-index:1500}.navbar-left-section{align-items:center;box-shadow:inset -1px 0 0 #0000001a;display:flex;justify-content:center;padding:0 var(--spacing-md);width:280px}.navbar-main{align-items:center;background:#f0f2f5;display:flex;flex:1 1;justify-content:space-between;padding:0 var(--spacing-xl);position:relative}.navbar-divider{background:var(--medium-gray);bottom:12px;left:0;opacity:.6;position:absolute;top:12px;width:1px}.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{align-items:center;display:flex;gap:var(--spacing-sm)}.susi-tech-logo{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}.susi-tech-logo{bottom:var(--spacing-sm);right:var(--spacing-sm);width:80px}.hamburger{display:block}}.loading-modal{animation:fadeIn .3s ease-out;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;box-shadow:0 20px 40px #0000001a;flex-direction:column;min-width:300px;padding:var(--spacing-xxl)}.loading-content:before{border-radius:var(--radius-xl) var(--radius-xl) 0 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 slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@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}}.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)}}.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{display:flex;gap:var(--spacing-sm);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:1000}.flag-btn img{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;height:20px;transition:transform var(--transition-normal);width:32px}.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)}.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)}}.subscribe-page{animation:fadeInPage .7s ease-in;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Roboto,sans-serif;margin:0 auto;max-width:var(--container-xl);min-height:100vh;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.subscribe-page h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;margin-bottom:.3em}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:1.5em}.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:fadeInCards .6s ease forwards;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.subscribe-plan-card{animation:floatCard .4s ease forwards,fadeSlideIn .6s cubic-bezier(.4,0,.2,1) forwards;background:var(--white);border:2px solid var(--medium-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:600px;min-width:280px;opacity:0;padding:var(--spacing-xxl);position:relative;transform:translateY(10px);transition:all var(--transition-normal);will-change:transform,opacity}.subscribe-plan-card: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}.subscribe-plan-card:nth-child(2){animation-delay:.18s}.subscribe-plan-card:nth-child(3){animation-delay:.36s}.subscribe-plan-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:scale(1.05) translateY(-8px);z-index:10}.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:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-lg);text-transform:uppercase;top:var(--spacing-lg);z-index:5}.subscribe-plan-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);margin-top:0}.subscribe-plan-card .plan-price{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:2.2rem;font-weight:800;margin:var(--spacing-md) 0}.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:.95rem;line-height:1.6;list-style:none;margin:var(--spacing-lg) 0;padding:0;text-align:left}.features-list li{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.features-list li:before{color:var(--success);content:"✓";font-size:1.1em;font-weight:700;left:0;position:absolute}.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;display:inline-block;flex:none;font-size:.92em;letter-spacing:.01em;line-height:1.6;margin-left:8px;padding:2px 10px;position:fixed;right:40px}.coming-soon-dark-tag,.subscribe-btn{border-radius:12px;color:#fff;font-weight:500}.subscribe-btn{align-self:stretch;background:#111;border:none;cursor:pointer;font-size:1rem;margin-top:auto;padding:12px 28px;transition:all .25s ease;width:90%}.subscribe-btn:hover:not(:disabled){background:#000;box-shadow:0 8px 24px #1eea402e;filter:brightness(1.08);transform:scale(1.04)}.subscribe-btn:disabled{background:#bbb;cursor:not-allowed}.error-message{color:#d32f2f;font-weight:500;margin:1rem auto}.engageiq-brand{color:#666;font-size:.85rem;margin-top:36px}.susi-tech-logo{align-self:flex-end;bottom:24px;float:right;margin:0;opacity:.8;pointer-events:none;position:static;right:24px;width:90px;z-index:100}@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}body:before{animation:float 20s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dominant-baseline='middle' fill='rgba(0,0,0,0.03)' font-size='14'%3E+%3C/text%3E%3C/svg%3E");background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}@keyframes float{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@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:768px){.subscribe-plans{align-items:center;flex-direction:column}.subscribe-plan-card{max-width:90%}}.subscribe-content-box{animation:fadeInPage .7s ease-in,dissolveBackground 1.2s .7s forwards;background:#f9f9f9;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:0 auto;padding:42px}@keyframes dissolveBackground{0%{background:#f9f9f9}to{background:#0000}}.billing-toggle{animation:slideInButtons .6s ease-out;background-color:#d3d3d3;border-radius:24px;box-shadow:0 2px 12px 0 #00000014;display:inline-flex;margin-bottom:24px;overflow:hidden;padding:1px;position:relative}.zip-indicator{background:linear-gradient(135deg,#00a3e0,#fc0);border-radius:22px;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .35s cubic-bezier(.4,0,.2,1);width:50%;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:#374151;display:flex;flex-direction:row;font-weight:500;padding:10px 20px;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)}}@keyframes fadeIn{0%{opacity:0}to{opacity: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}}.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{border:3px solid #6c757d;display:block;height:100%;transition:transform var(--transition-normal);width:100%}.brand-logo: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-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;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%}.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%}.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{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}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.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}}.mein-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;font-family:Roboto,sans-serif;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;width:100%}.mein-content-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.mein-content-card:before,h2{background:var(--primary-gradient)}h2{-webkit-text-fill-color:#0000;-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)}.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}.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;position:relative;text-align:center}.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)}.loading-content{font-size:14px;margin:var(--spacing-md);padding:var(--spacing-lg)}}.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%}.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);display:flex;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;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-width:120px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-normal);white-space:nowrap}.persona-tabs .tab:hover{background:#ee70081a;color:var(--text-primary)}.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)}.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}.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;height:200px;justify-content:center;margin-bottom:var(--spacing-md);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:1.5px solid #e0e0e0;border-radius:8px;display:block;height:auto;margin:0 auto;max-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-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)}.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;color:var(--text-primary)!important}.remix-btn:hover:not(:disabled){background:var(--primary-color)!important;color:var(--white)!important}.preview-btn{background:#6c757d!important;border:1px solid #6c757d!important;color:var(--white)!important}.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;bottom:0;box-sizing:border-box;height:100vh;right:0;width:100vw;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow-y:auto;padding:32px;width:90%}@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{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.brand-logo{border:2px solid #e5e7eb;border-radius:50%;height:40px;object-fit:cover;width:40px}.platform-icon{align-items:center;display:flex;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{display:flex;gap:var(--spacing-sm);justify-content:flex-end;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}}: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);cursor:pointer;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}.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{align-items:center;background:#00000059;display:flex;height:100%;justify-content:center;left:0;overscroll-behavior:contain;position:fixed;top:0;width:100%;z-index:999}@supports (height:100dvh){.modal-overlay{height:100dvh}}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 32px #0000002e;margin:0 auto;max-height:90vh;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;text-transform:capitalize}.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%}.baseline-persona-section{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-lg) 0;max-width:100%;overflow:hidden;padding:0;position:relative}.baseline-persona-section:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.baseline-persona-header{align-items:center;background:linear-gradient(135deg,var(--white) 0,var(--light-gray) 100%);border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl)}.baseline-persona-section h1{align-items:center;color:var(--primary-color);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.baseline-persona-section h1:before{align-items:center;background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid var(--primary-color);border-radius:50%;content:"👤";display:flex;filter:drop-shadow(0 2px 4px rgba(238,112,8,.3));font-size:var(--font-size-xl);height:40px;justify-content:center;width:40px}.baseline-persona-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;max-width:700px}.baseline-persona-description strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.baseline-persona-content{padding:var(--spacing-xl)}.baseline-persona-section .persona-form{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.baseline-persona-section .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.baseline-persona-section .form-group:last-child{grid-column:1/-1}.baseline-persona-section 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-xs);text-transform:uppercase}.baseline-persona-section .form-group:first-child label:before{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:50%;content:"🏷️";display:flex;font-size:var(--font-size-base);height:28px;justify-content:center;width:28px}.baseline-persona-section .form-group:nth-child(2) label:before{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:50%;content:"📊";display:flex;font-size:var(--font-size-base);height:28px;justify-content:center;width:28px}.baseline-persona-section .form-group:nth-child(3) label:before{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:50%;content:"💡";display:flex;font-size:var(--font-size-base);height:28px;justify-content:center;width:28px}.baseline-persona-section 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%}.baseline-persona-section input:focus{background:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px #ee70081a;outline:none}.baseline-persona-section input::placeholder{color:var(--text-light);font-style:italic}.baseline-persona-button-container{border-top:1px solid var(--medium-gray);display:flex;justify-content:center;padding-top:var(--spacing-lg)}.baseline-persona-section .success-message{background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success)}.baseline-persona-section .error-message,.baseline-persona-section .success-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.baseline-persona-section .error-message{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger)}.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{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.dashboard-col{gap:2rem}.dashboard-col,.dashboard-col .voice-card{display:flex;flex-direction:column}@media (max-width:900px){.dashboard-3col-grid{grid-template-columns:1fr}}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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:768px){.brand-voice-page{padding:var(--spacing-lg)}.baseline-persona-section .persona-form{gap:var(--spacing-lg);grid-template-columns:1fr}.baseline-persona-section .form-group:last-child{grid-column:1}.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)}}.digital-assets-library{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:var(--spacing-xxl) auto;max-width:var(--container-md);padding:var(--spacing-xl) var(--spacing-xxl) var(--spacing-xxl) var(--spacing-xxl)}.digital-assets-library h2{color:#2d2d2d;font-size:2rem;font-weight:600;margin-bottom:24px}.digital-assets-library form{align-items:center;display:flex;gap:16px;margin-bottom:32px}.digital-assets-library input[type=file]{font-size:1rem}.digital-assets-library button{background:#4f8cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 20px;transition:background .2s}.digital-assets-library button:disabled{background:#b3c7f7;cursor:not-allowed}.assets-list{display:flex;flex-wrap:wrap;gap:24px}.asset-item{align-items:center;background:#f7f8fa;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;justify-content:center;max-width:180px;min-width:160px;padding:16px}.asset-item img{border-radius:6px;margin-bottom:8px;max-height:120px;max-width:120px;object-fit:cover}.asset-item a{color:#4f8cff;font-size:1rem;text-align:center;text-decoration:none;word-break:break-all}
/*# sourceMappingURL=main.ee2bc18d.css.map*/