.session-expiry-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:session-expiry-fade-in .2s ease}@keyframes session-expiry-fade-in{0%{opacity:0}to{opacity:1}}.session-expiry-modal{background:#fff;border-radius:12px;padding:32px;max-width:420px;width:90%;position:relative;box-shadow:0 20px 60px #00000026;text-align:center;animation:session-expiry-slide-up .25s ease}@keyframes session-expiry-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.session-expiry-icon{margin-bottom:16px}.session-expiry-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 8px}.session-expiry-message{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 20px}.session-expiry-message strong{color:#e8550d;font-size:1rem}.session-expiry-error{font-size:.8125rem;color:#ef4444;margin:0 0 16px;padding:8px 12px;background:#fef2f2;border-radius:6px}.session-expiry-actions{display:flex;gap:12px;justify-content:center}.session-expiry-btn{padding:10px 24px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent}.session-expiry-btn:disabled{opacity:.5;cursor:not-allowed}.session-expiry-btn-primary{background:#e8550d;color:#fff;border-color:#e8550d}.session-expiry-btn-primary:hover:not(:disabled){background:#d44d0a;border-color:#d44d0a}.session-expiry-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.session-expiry-btn-secondary:hover:not(:disabled){border-color:#9ca3af;color:#111827}.session-expiry-dismiss{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.session-expiry-dismiss:hover{color:#4b5563}.logout-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999}.logout-loading-modal{display:flex;flex-direction:column;align-items:center;gap:16px}.logout-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#e3530f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logout-loading-text{font-size:16px;font-weight:500;color:#374151;margin:0}.msd-wrapper{position:relative;min-width:0}.msd-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;font-size:14px;color:var(--gray-700);cursor:pointer;transition:border-color var(--transition-fast);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-trigger:hover{border-color:var(--gray-400)}.msd-panel{position:absolute;top:auto;left:0;right:auto;width:max-content;min-width:320px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 -4px 16px #0000001f;padding:var(--spacing-md);z-index:200;box-sizing:border-box}.msd-media-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.msd-media-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-600);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.msd-media-tab.active{background:var(--icici-orange);color:#fff}.msd-media-tab:hover:not(.active){background:var(--gray-200)}.msd-logo{padding:var(--spacing-sm)}.msd-model-selector{position:relative;margin-bottom:var(--spacing-md)}.msd-model-selector select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:32px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;font-size:13px;color:var(--gray-700);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.msd-model-selector svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-500)}.msd-option-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.msd-option-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-600);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.msd-option-tab.active{background:var(--icici-orange);color:#fff}.msd-option-tab:hover:not(.active){background:var(--gray-200)}.msd-aspect-ratio-options{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.msd-ratio-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm);border:none;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-600);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.msd-ratio-btn.active{background:var(--icici-orange);color:#fff}.msd-ratio-btn:hover:not(.active){background:var(--gray-200)}.msd-ratio-label{font-size:11px}.msd-duration-options{display:flex;gap:var(--spacing-xs)}.msd-duration-btn{flex:1;padding:var(--spacing-sm);background:var(--gray-100);border:none;border-radius:var(--radius-md);color:var(--gray-600);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.msd-duration-btn.active{background:var(--icici-orange);color:#fff}.msd-duration-btn:hover:not(.active){background:var(--gray-200)}.msd-duration-btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.toast-overlay{position:fixed;top:24px;right:24px;z-index:2000;animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.toast-card{display:flex;align-items:flex-start;gap:14px;padding:18px 24px;background:#1f2937;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001a;min-width:320px;max-width:460px}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.toast-body{display:flex;flex-direction:column;gap:2px;flex:1}.toast-title{font-size:15px;font-weight:600;color:#fff;margin:0}.toast-sub{font-size:13px;color:#d1d5db;margin:0}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;color:#fff;padding:0;flex-shrink:0;margin-top:2px}.toast-close:hover{color:#fff}@media (max-width: 480px){.toast-overlay{bottom:12px;right:12px;left:12px}.toast-card{min-width:0;max-width:100%}}.bgm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bgm-modal{background:#fff;border-radius:.75rem;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bgm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.bgm-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.bgm-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;line-height:1;padding:.25rem}.bgm-close:hover{color:#1f2937}.bgm-body{display:flex;flex:1;overflow:hidden}.bgm-sidebar{width:160px;flex-shrink:0;border-right:1px solid #e5e7eb;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.bgm-tab{padding:.625rem .875rem;border:none;border-radius:.5rem;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.bgm-tab:hover{background:#f3f4f6;color:#374151}.bgm-tab-active{background:#fff7ed;color:#e3530f}.bgm-tab-active:hover{background:#fff7ed}.bgm-content{flex:1;padding:1.25rem;overflow-y:auto}.bgm-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bgm-logo-card{display:flex;flex-direction:column;gap:.5rem;position:relative}.bgm-logo-check{position:absolute;top:.5rem;right:.5rem;z-index:1;cursor:pointer;display:flex;align-items:center}.bgm-logo-check input{display:none}.bgm-logo-check-box{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bgm-logo-check input:checked+.bgm-logo-check-box{border-color:#e3530f}.bgm-logo-check input:checked+.bgm-logo-check-box:after{content:"";width:8px;height:8px;border-radius:50%;background:#e3530f}.bgm-logo-preview{border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:100px}.bgm-logo-secondary{background:#f3f4f6}.bgm-logo-tertiary{border:1px solid #e5e7eb}.bgm-logo-img{max-width:100%;max-height:60px;object-fit:contain}.bgm-logo-label{font-size:.8125rem;font-weight:500;color:#374151;margin:0}.bgm-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bgm-color-card{display:flex;flex-direction:column;gap:.375rem;position:relative}.bgm-color-check{position:absolute;top:.5rem;right:.5rem;z-index:1;cursor:pointer;display:flex;align-items:center}.bgm-color-check input{display:none}.bgm-color-check-box{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bgm-color-check input:checked+.bgm-color-check-box{background:#e3530f;border-color:#e3530f}.bgm-color-check input:checked+.bgm-color-check-box:after{content:"";width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.bgm-color-swatch{width:100%;height:60px;border-radius:.5rem}.bgm-color-hex{font-size:.75rem;color:#374151;font-weight:500;margin:0}.bgm-color-label{font-size:.75rem;color:#6b7280;margin:0}.bgm-fonts{display:flex;flex-direction:column;gap:1.25rem}.bgm-font-item{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;position:relative}.bgm-font-check{position:absolute;top:0;right:0;z-index:1;cursor:pointer;display:flex;align-items:center}.bgm-font-check input{display:none}.bgm-font-check-box{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bgm-font-check input:checked+.bgm-font-check-box{background:#e3530f;border-color:#e3530f}.bgm-font-check input:checked+.bgm-font-check-box:after{content:"";width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.bgm-font-item:last-child{border-bottom:none;padding-bottom:0}.bgm-font-meta{display:flex;align-items:center;gap:.5rem}.bgm-font-meta-label{font-size:.6875rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.bgm-font-meta-sep{font-size:.6875rem;color:#d1d5db}.bgm-font-meta-value{font-size:.75rem;font-weight:500;color:#6b7280}.bgm-font-sample{margin:0;line-height:1.5}.bgm-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.bgm-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:bgm-shimmer 1.2s infinite linear}@keyframes bgm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 640px){.bgm-sidebar{width:120px}.bgm-logos{grid-template-columns:1fr}.bgm-colors{grid-template-columns:repeat(2,1fr)}}.audio-card{width:100%;max-width:100%;border:1px solid var(--gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);background:#fff;overflow:hidden;height:100%;display:flex}.audio-card-player{display:flex;align-items:center;gap:12px;padding:5px;width:100%}.audio-card-waveform{flex:1;display:flex;align-items:center;gap:2px;height:56px}.audio-card-bar{flex:1;min-width:2px;border-radius:2px;background:var(--gray-200, #e5e7eb);transition:background .1s ease}.audio-card-bar.played{background:var(--icici-orange, #e8550d)}.audio-card-play-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--gray-200, #e5e7eb);background:#fff;color:var(--gray-700, #374151);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.audio-card-play-btn:hover{background:var(--icici-orange, #e8550d);color:#fff}.audio-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--gray-50, #f9fafb);border-top:1px solid var(--gray-100, #f3f4f6)}.audio-card-name{font-size:13px;color:var(--gray-700, #374151);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.audio-card-actions{display:flex;gap:8px;flex-shrink:0}.audio-card-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);cursor:pointer;transition:background .15s ease}.audio-card-icon-btn:hover{background:var(--gray-200, #e5e7eb)}.creative-selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.creative-selection-modal{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.creative-selection-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200)}.creative-selection-modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.creative-selection-modal-close{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:color .2s}.creative-selection-modal-close:hover{color:var(--gray-700)}.creative-selection-modal-body{padding:var(--space-4);overflow-y:auto;flex:1}.creative-selection-modal-loading,.creative-selection-modal-empty{text-align:center;padding:var(--space-8);color:var(--gray-500);font-size:var(--text-sm)}.creative-selection-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.creative-selection-modal-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.creative-selection-modal-type-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.creative-selection-modal-item:hover{border-color:var(--gray-400);box-shadow:0 2px 8px #0000001a}.creative-selection-modal-item img,.creative-selection-modal-video{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-sm);background:var(--gray-100)}.creative-selection-modal-item span{font-size:var(--text-xs);color:var(--gray-700);text-align:center;word-break:break-word}.creative-generator{width:100%;padding:var(--spacing-xl);background:linear-gradient(135deg,#fff,#fff8f3,#fff0e6);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.generator-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-900);text-align:center;margin-bottom:var(--spacing-lg)}.generator-card{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);width:100%;max-width:70%;margin:0 auto}.generator-ingredient-images{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-md)}.generator-image-slot{width:64px;height:64px;border:1px dashed var(--gray-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--gray-50);flex-shrink:0;transition:border-color var(--transition-fast)}.generator-image-slot:hover{border-color:var(--gray-400)}.generator-slot-img{width:100%;height:100%;object-fit:cover}.generator-slot-wrapper{position:relative}.slot-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--gray-300);border-radius:50%;color:var(--gray-500);cursor:pointer;box-shadow:0 1px 3px #0000001a;padding:0;z-index:2;transition:color .15s ease,border-color .15s ease}.slot-remove-btn:hover{color:#d93025;border-color:#d93025}.generator-slot-label{font-size:11px;color:var(--gray-400)}.generator-slot-arrows{display:flex;flex-direction:column;gap:4px;align-items:center}.generator-slot-arrow{color:var(--gray-400);display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:4px;border-radius:50%;transition:color .15s,background .15s}.generator-slot-arrow:hover:not(:disabled){color:var(--gray-600);background:var(--gray-100)}.generator-slot-arrow:disabled{color:var(--gray-200);cursor:not-allowed}.generator-slot-arrow.reverse svg{transform:scaleX(-1)}.generator-input-wrapper{position:relative;margin-bottom:var(--spacing-md)}.generator-input{width:100%;padding:var(--spacing-md);padding-right:120px;border:none;outline:none;font-size:var(--text-base);color:var(--gray-700);resize:none;min-height:60px;font-family:inherit}.generator-input::placeholder{color:var(--gray-400)}.refine-btn{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--gray-600);cursor:pointer;transition:all var(--transition-base)}.refine-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.generator-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.generator-left-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.add-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;transition:all var(--transition-base)}.add-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.generator-add-btn-wrapper{position:relative;display:inline-flex}.generator-add-btn-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;transform:none;background:var(--gray-800);color:#fff;font-size:12px;padding:8px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:100;display:flex;flex-direction:column;gap:2px}.generator-add-btn-tooltip strong{font-weight:600;margin-bottom:2px}.generator-add-btn-tooltip:after{content:"";position:absolute;top:100%;left:9px;border:5px solid transparent;border-top-color:var(--gray-800)}.generator-file-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.generator-file-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;max-width:240px}.generator-file-name{font-size:12px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.generator-file-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#e5e7eb;border:none;color:#6b7280;cursor:pointer;border-radius:50%;transition:color .15s ease,background .15s ease;flex-shrink:0}.generator-file-remove:hover{color:#fff;background:#d93025}.generate-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--icici-orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-base)}.generate-btn:hover:not(:disabled){background-color:#d9620f}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn-wrapper{position:relative;display:inline-flex}.generate-btn-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--gray-800);color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:100}.generate-btn-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--gray-800)}.generate-btn-wrapper.is-disabled:hover .generate-btn-tooltip{opacity:1;visibility:visible}.logo-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.logo-toggle input{display:none}.logo-toggle-switch{position:relative;width:32px;height:18px;background:var(--gray-300);border-radius:9px;transition:background .2s ease;flex-shrink:0}.logo-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s ease}.logo-toggle input:checked+.logo-toggle-switch{background:var(--icici-orange)}.logo-toggle input:checked+.logo-toggle-switch:after{transform:translate(14px)}.logo-toggle-text{font-size:var(--text-sm);color:var(--gray-700);font-weight:var(--font-medium)}.logo-view-btn{background:none;border:none;color:#e3530f;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:.125rem .375rem;margin-left:-.25rem;text-decoration:underline}.logo-view-btn:hover{color:#c2410c}.dropdown-footer{text-align:center;font-size:12px;color:var(--gray-500);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--gray-100)}.generator-footer{text-align:center;margin-top:var(--spacing-md);font-size:var(--text-sm);color:var(--gray-500);font-style:italic}@media (max-width: 1024px){.creative-generator{padding:var(--spacing-md)}.generator-card{max-width:100%}.generator-title{font-size:var(--text-xl)}}@media (max-width: 768px){.creative-generator{padding:var(--spacing-md)}.generator-card{max-width:100%}.generator-title{font-size:var(--text-xl)}}@media (max-width: 640px){.creative-generator{padding:var(--spacing-md);overflow:visible}.generator-title{font-size:var(--text-xl)}.generator-actions{flex-direction:column;align-items:stretch;overflow:visible}.generator-left-actions{justify-content:space-between;overflow:visible}.generate-btn{justify-content:center}.generator-attach-dropdown{bottom:auto;top:calc(100% + 8px);left:auto;right:0}}.generator-attach-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:100;min-width:160px;overflow:hidden}.generator-attach-option{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--gray-700);transition:background-color .2s}.generator-attach-option:hover{background-color:var(--gray-100)}.generator-attach-option span{display:block}.recent-creatives{width:100%;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg)}.recent-creatives-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.recent-creatives-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900)}.view-all-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;color:var(--icici-orange);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:opacity var(--transition-base)}.view-all-btn:hover{opacity:.8}.creatives-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.creative-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.creative-image-wrapper{position:relative;width:100%;aspect-ratio:3/2;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100)}.creative-image,.creative-image-wrapper video,.creative-image-wrapper audio{width:100%;height:100%;object-fit:cover}.creative-action-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;transition:all var(--transition-base)}.creative-action-btn:hover{background:#fff;color:var(--icici-orange)}.creative-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0003;border:none;color:#fff;cursor:pointer;z-index:5;transition:background .15s ease}.creative-play-btn:hover{background:#00000059}.creative-play-btn svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.creative-description{font-size:var(--text-sm);color:var(--gray-600);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creative-meta{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);margin-top:4px;font-size:12px;color:var(--gray-400)}.creative-meta-id,.creative-meta-date{font-size:12px;color:var(--gray-400)}.creative-model{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--gray-500);margin-top:4px}.creative-model-label{color:var(--gray-400)}.creative-model-value{color:var(--gray-600);font-weight:500}@media (max-width: 1024px){.creatives-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.creatives-grid{grid-template-columns:1fr}.recent-creatives{padding:var(--spacing-md)}}.rc-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.rc-lightbox-card{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:12px}.rc-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rc-lightbox-id{color:#fff;font-size:13px;font-weight:500}.rc-lightbox-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff40;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .15s ease;padding:0}.rc-lightbox-close:hover{background:#fff6}.rc-lightbox-media{display:flex;align-items:center;justify-content:center}.rc-lightbox-image{max-width:100%;max-height:85vh;border-radius:var(--radius-lg);display:block;box-shadow:0 20px 60px #0000004d}.loader-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 0}.loader-dots{display:flex;gap:6px}.loader-dots span{width:8px;height:8px;border-radius:50%;background:#ff6d00;animation:loader-bounce 1.4s ease-in-out infinite both}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}.loader-dots span:nth-child(3){animation-delay:0s}@keyframes loader-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loader-text{font-size:14px;font-weight:500;color:#9ca3af;letter-spacing:.5px}.home-layout{display:flex;max-height:calc(100vh - 20px);background-color:#fff}.home-main{flex:1;margin-left:0;transition:margin-left var(--transition-base);max-height:calc(100vh - 20px)}.home-main.sidebar-closed{margin-left:64px}@media (max-width: 768px){.home-main{margin-left:0!important;width:100%}.home-content{padding:var(--spacing-md)}.dashboard-cards{grid-template-columns:1fr;gap:var(--spacing-md)}}.home-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.overview-title{font-family:var(--font-family-base);font-size:16px;font-weight:600;line-height:24px;letter-spacing:0;text-align:left;color:var(--gray-900);margin-bottom:var(--spacing-lg)}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e8eaed}.card-row{display:flex;align-items:center;gap:16px}.card-col{display:flex;flex-direction:column;gap:4px}.card-value{font-size:28px;font-weight:700;color:var(--gray-900);line-height:1}.card-subvalue{font-size:13px;font-weight:500;color:var(--gray-600);line-height:1.2}.card-label{font-size:12px;font-weight:500;color:var(--gray-500)}.card-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.circular-progress{flex-shrink:0;transform:rotate(-90deg)}.circular-progress-bg{fill:none;stroke:#e8eaed}.circular-progress-fill{fill:none;stroke:var(--icici-blue);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.circular-progress-text{font-size:13px;font-weight:700;fill:var(--gray-900);transform:rotate(90deg);transform-origin:center}@media (max-width: 1024px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-main.sidebar-open{margin-left:240px}.dashboard-cards{grid-template-columns:1fr}.home-content{padding:var(--spacing-md)}}.main-container{width:100vw;height:100vh;display:flex;padding:0;margin:0;overflow:hidden}.login-split-container{display:flex;width:100%;height:100%;background:#fff}.login-image-section{flex:1;display:flex;align-items:flex-end;justify-content:flex-start;background:url(/assets/formLeftBG-E2pTZ5mj.jpg) no-repeat center center;background-size:cover;padding:60px 0 60px 50px;position:relative;overflow:hidden}.login-image-section:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ffffff0f;border-radius:50%}.login-image-section:after{content:"";position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;background:#ffffff0a;border-radius:50%}.left-panel-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;width:100%}.left-panel-logo{width:270px;height:56px;object-fit:contain;margin-bottom:0;flex-shrink:0}.left-panel-divider{width:5px;height:40px;background:#fff6;margin:0 12px;flex-shrink:0}.left-panel-brand-name{font-family:Mulish,sans-serif;font-weight:800;font-size:44px;color:#fff;margin-top:8px;letter-spacing:-.5px}.left-panel-body{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;padding-bottom:60px;width:100%;justify-content:flex-start;gap:100px}.left-panel-text{color:#fff;flex-shrink:0;max-width:300px;margin-right:200px;display:flex;flex-direction:column;height:100%;justify-content:center;flex:1;margin-top:50px}.left-panel-text h2{font-size:42px;font-weight:800;line-height:1.1;letter-spacing:0;margin-bottom:16px}.left-panel-text p{font-size:16px;font-weight:600;line-height:1.6;letter-spacing:0;opacity:.9}.left-panel-illustration{position:absolute;width:500px;height:750px;opacity:1;right:0;bottom:-50px;display:block}.login-form-section{flex:.7;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:#fff}.login-container{max-width:400px;width:100%;background:transparent;padding:0}.login-header{text-align:left;margin-bottom:var(--spacing-xl)}.logo-subtitle{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--icici-orange);margin-top:var(--spacing-xs)}.login-title{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.login-subtitle{font-size:var(--text-sm);color:var(--gray-500);line-height:1.5;margin:0 auto}.required{color:var(--icici-orange)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-base)}.form-input:focus{outline:none;border-color:var(--icici-blue);box-shadow:0 0 0 3px #0066cc1a}.input-error{border-color:var(--danger-color)}.input-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc35451a}.error-message{font-size:var(--text-xs);color:var(--danger-color);margin-top:var(--spacing-xs)}.form-input::placeholder{color:var(--gray-400)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:40px}.eye-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-base)}.eye-icon{width:20px;height:20px;object-fit:contain}.eye-button:hover{opacity:.7}.eye-button:focus{outline:none}.form-actions{display:flex;justify-content:space-between;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--gray-600);cursor:pointer}.checkbox{width:16px;height:16px;cursor:pointer}.forgot-password{font-size:var(--text-sm);color:var(--icici-blue);text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:var(--spacing-md);background-color:var(--icici-orange);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-base)}.login-button:hover:not(:disabled){background-color:#d9620f}.login-divider{display:flex;align-items:center;text-align:center;color:var(--gray-400);font-size:var(--text-sm);margin:var(--spacing-lg) 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--gray-200)}.login-divider span{padding:0 var(--spacing-md)}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}.google-button:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.google-error-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff5f5;border:1px solid #f5baba;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.google-error-icon{flex-shrink:0;color:#d93025;margin-top:2px}.google-error-content{display:flex;flex-direction:column;gap:4px}.google-error-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.google-error-desc{font-size:var(--text-xs);color:var(--gray-600);line-height:1.5;margin:0}.google-icon{flex-shrink:0}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{display:flex;align-items:center;justify-content:flex-end;width:60%;gap:var(--spacing-md);color:#fff}.login-footer span{font-size:var(--text-base);color:#fff}.login-footer span:nth-child(2){font-size:var(--text-base);border-right:2px solid white;height:var(--text-base);color:#fff}.support-link{font-size:var(--text-base);color:#fff;text-decoration:none}.support-link:hover{color:var(--icici-blue)}.signup-link{color:var(--icici-blue);text-decoration:none;font-weight:var(--font-medium)}.signup-link:hover{text-decoration:underline}.login-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.login-loader-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--icici-orange);border-radius:50%;animation:login-spinner .8s linear infinite}@keyframes login-spinner{to{transform:rotate(360deg)}}.login-loader-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}@media (max-width: 1366px){.left-panel-illustration{width:320px;height:auto;max-height:480px;bottom:-20px}.left-panel-body{gap:40px;padding-bottom:30px}.left-panel-text h2{font-size:30px}.left-panel-text{margin-right:120px}.left-panel-logo{width:220px;height:46px}}@media (max-width: 1024px){.login-image-section{padding:40px 0 40px 30px}.left-panel-illustration{width:240px;max-height:360px;bottom:-10px}.left-panel-text h2{font-size:24px}.left-panel-text p{font-size:14px}.left-panel-text{margin-right:80px}.left-panel-logo{width:180px;height:38px}.left-panel-body{gap:24px}}@media (max-width: 768px){.login-split-container{flex-direction:column}.login-image-section{display:none}.login-form-section{padding:var(--spacing-lg)}.login-container{max-width:100%}.main-container{background:linear-gradient(135deg,#fff,#fff6f1 60%,#ffe9dd)}}@media (max-width: 640px){.login-form-section{padding:var(--spacing-md)}.login-title{font-size:var(--text-2xl)}}.otp-subtitle{font-size:var(--text-sm);color:var(--gray-500);display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.otp-email{color:var(--icici-orange);font-weight:var(--font-medium)}.otp-edit-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;color:var(--icici-orange);cursor:pointer}.otp-edit-btn:hover{opacity:.75}.otp-form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.otp-inputs{display:flex;gap:var(--spacing-sm);justify-content:center}.otp-box{width:48px;height:48px;text-align:center;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.otp-box:focus{outline:none;border-color:var(--icici-orange);box-shadow:0 0 0 3px #f370211f}.otp-box-error{border-color:var(--danger-color)}.otp-error{font-size:var(--text-xs);color:var(--danger-color);text-align:center}.otp-resend{font-size:var(--text-sm);color:var(--gray-500);text-align:center}.otp-resend-timer{color:var(--icici-orange);font-weight:var(--font-medium)}.otp-resend-btn{background:none;border:none;color:var(--icici-orange);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;padding:0}.otp-resend-btn:hover{text-decoration:underline}@media (max-width: 640px){.otp-box{width:40px;height:40px;font-size:var(--text-base)}}.sidebar{position:fixed;left:0;top:0;height:100vh;background:#fff;box-shadow:var(--shadow-md);transition:transform var(--transition-base),width var(--transition-base);z-index:var(--z-fixed);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;font-family:var(--font-family-base)}.sidebar-closed{width:64px}.sidebar-open{width:260px}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:260px}.sidebar.mobile-open{transform:translate(0)}.sidebar-closed{width:260px}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;background:transparent;gap:var(--spacing-sm);background:linear-gradient(to bottom,#f38020,#961a1c);padding:var(--spacing-sm)}.sidebar-brand{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.sidebar-brand-top{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);padding:0}.sidebar-brand-name{font-family:Mulish,sans-serif;font-weight:800;font-size:1rem;color:var(--icici-orange, #f47b20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-by{font-family:Mulish,sans-serif;font-size:14px;color:var(--gray-500);margin:2px 0}.sidebar-back-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--gray-600, #4b5563);transition:opacity var(--transition-base);flex-shrink:0;order:-1}.sidebar-logo{display:flex;align-items:center;width:100%;min-width:0;overflow:hidden}.sidebar-logo-image{width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;display:block;flex-shrink:1}.sidebar-closed .sidebar-logo-image{display:none}.sidebar-closed .sidebar-header{background:linear-gradient(135deg,#f47b20,#c1494b);padding:var(--spacing-sm);align-items:stretch;justify-content:center;min-height:56px}.sidebar-closed .sidebar-brand{display:none}.sidebar-closed .sidebar-toggle{color:#fff}.sidebar-logo-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--icici-orange);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-closed .sidebar-logo-text{display:none}.sidebar-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--gray-600, #4b5563);transition:opacity var(--transition-base);flex-shrink:0}.sidebar-toggle:hover{opacity:.8}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;display:flex;flex-direction:column;min-height:0}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{margin-bottom:var(--spacing-xs)}.sidebar-menu-button{width:100%;display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--gray-700);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-base);gap:var(--spacing-md);border-radius:var(--radius-md);margin:0 var(--spacing-md)}.sidebar-menu-button:hover{background-color:var(--gray-100);color:var(--icici-blue)}.sidebar-menu-button.active{background-color:#ededed;color:var(--gray-700);box-shadow:var(--shadow-sm)}.sidebar-menu-button.active .sidebar-menu-icon{color:var(--icici-orange)}.sidebar-menu-icon{font-size:18px;min-width:24px;display:flex;align-items:center;justify-content:center}.sidebar-menu-label{white-space:nowrap;font-family:var(--font-family-base)!important}.sidebar-closed .sidebar-menu-button{justify-content:center;padding:var(--spacing-sm);margin:0;width:100%}.sidebar-closed .sidebar-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar-closed .sidebar-menu-label{display:none;font-family:var(--font-family-base)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--spacing-md)}.sidebar-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--icici-orange);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background-color var(--transition-base)}.sidebar-create-btn:hover{background-color:#d9620f}.sidebar-create-icon{font-size:18px;font-weight:var(--font-bold)}.sidebar-create-text{white-space:nowrap}.sidebar-closed .sidebar-create-text{display:none}.sidebar-closed .sidebar-create-btn{justify-content:center;padding:var(--spacing-sm)}.sidebar-footer .sidebar-menu{padding:0;margin:0}.sidebar-footer .sidebar-menu-item{margin-bottom:var(--spacing-xs)}.sidebar-footer .sidebar-menu-button{margin:0}.sidebar-recent{padding:var(--spacing-md);border-top:1px solid var(--gray-200);display:flex;flex-direction:column;flex:1;min-height:0}.sidebar-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.sidebar-recent-title{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.sidebar-recent-add{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--gray-400);background:none;color:var(--gray-500);cursor:pointer;padding:0}.sidebar-recent-add:hover{border-color:var(--icici-orange);color:var(--icici-orange)}.sidebar-recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.sidebar-recent-item{margin:0}.sidebar-recent-row{display:flex;align-items:center;gap:4px}.sidebar-recent-link{flex:1;min-width:0;text-align:left;padding:6px 0;border:none;background:none;color:var(--gray-600);font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-base)!important}.sidebar-recent-edit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;color:var(--gray-400);cursor:pointer;padding:0;opacity:0;transition:opacity .15s ease,color .15s ease}.sidebar-recent-row:hover .sidebar-recent-edit{opacity:1}.sidebar-recent-edit:hover,.sidebar-recent-link:hover{color:var(--icici-orange)}.rename-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.rename-modal{background:#fff;border-radius:8px;padding:24px;width:360px;max-width:90vw;box-shadow:0 4px 24px #00000026}.rename-modal h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--gray-700, #333)}.rename-modal label{display:block;font-size:13px;font-weight:500;color:var(--gray-500, #666);margin-bottom:6px}.rename-modal input{width:100%;padding:10px 12px;border:1px solid var(--gray-300, #ccc);border-radius:6px;font-size:14px;color:var(--gray-700, #333);outline:none;box-sizing:border-box}.rename-modal input:focus{border-color:var(--icici-orange, #f47b20)}.rename-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.rename-modal-cancel{padding:8px 18px;border:1px solid var(--gray-300, #ccc);border-radius:6px;background:#fff;color:var(--gray-600, #555);font-size:14px;cursor:pointer}.rename-modal-cancel:hover{background:var(--gray-100, #f5f5f5)}.rename-modal-confirm{padding:8px 18px;border:none;border-radius:6px;background:var(--icici-orange, #f47b20);color:#fff;font-size:14px;cursor:pointer}.rename-modal-confirm:hover{background:var(--icici-orange-dark, #c4521e)}.rename-modal-confirm:disabled,.rename-modal-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.sidebar-open{width:240px}}.home-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-xl);background:#fff;border-bottom:1px solid #d6d6d6;gap:var(--spacing-lg);flex-shrink:0;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--gray-600)}.mobile-menu-toggle:hover{color:var(--icici-blue)}.header-back-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--gray-700);font-size:var(--text-base);font-weight:var(--font-semibold);transition:color var(--transition-base)}.header-back-btn:hover{color:var(--icici-blue)}.header-back-text{font-weight:var(--font-semibold)}.home-title{font-family:var(--font-family-base);font-size:1.5rem;font-weight:700;line-height:24px;letter-spacing:0;text-align:left;color:var(--icici-orange, #f47b20)}.header-brand-name{font-family:Mulish,sans-serif;font-weight:800;font-size:20px;color:var(--icici-orange, #f47b20);letter-spacing:-.3px}.header-right{display:flex;align-items:center;gap:var(--spacing-md);justify-content:flex-end}.header-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:450px}.header-search-wrapper{display:flex;align-items:center;gap:0;flex:1;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.header-search-wrapper:focus-within{border-color:var(--icici-blue);box-shadow:0 0 0 2px #0066b31a}.header-search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;padding:0 var(--spacing-sm);border-right:1px solid var(--gray-200)}.header-search-icon{color:var(--gray-400);flex-shrink:0}.header-search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--gray-700);outline:none;padding:8px 0}.header-search-input::placeholder{color:var(--gray-400)}.header-search-upload-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;background:transparent;font-size:var(--text-sm);color:var(--gray-700);outline:none;padding:8px 0;cursor:pointer;transition:color var(--transition-base)}.header-search-upload-btn:hover:not(:disabled){color:var(--icici-blue)}.header-search-upload-btn:disabled{opacity:.6;cursor:not-allowed}.header-search-type{border:none;background:transparent;font-size:var(--text-xs);color:var(--gray-600);outline:none;cursor:pointer;padding:0 24px 0 12px;font-weight:500;height:36px;background-color:var(--gray-100);transition:background-color var(--transition-base),color var(--transition-base);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.header-search-type:hover{background-color:var(--gray-200);color:var(--gray-900)}.header-search-type:focus{background-color:var(--gray-200);color:var(--gray-900)}.user-dropdown{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-base)}.user-dropdown:hover{background-color:var(--gray-100)}.user-dropdown-trigger{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:1000;min-width:140px;overflow:hidden}.user-dropdown:hover .user-dropdown-menu,.user-dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--gray-700);transition:background-color var(--transition-base),color var(--transition-base);text-align:left;white-space:nowrap}.user-dropdown-item:hover{background-color:var(--gray-50);color:var(--danger-color)}.user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--gray-200);border-radius:50%;color:var(--gray-600);flex-shrink:0;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);white-space:nowrap}.user-role{font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap}@media (max-width: 768px){.mobile-menu-toggle{display:block}.user-info{display:none}.home-header{padding:var(--spacing-md) var(--spacing-lg)}.header-search{display:none}}.home-layout{display:flex;height:100%}.home-main{flex:1;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 20px);transition:margin-left var(--transition-base)}.home-main.sidebar-open{margin-left:260px}.home-main.sidebar-closed{margin-left:60px}@media (max-width: 768px){.home-main{margin-left:0!important;width:100%}}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/mulish-latin-200-normal-SnG4_B9Q.woff2) format("woff2"),url(/assets/mulish-latin-200-normal-Dcy2Agc2.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mulish-latin-300-normal-CUksJvDM.woff2) format("woff2"),url(/assets/mulish-latin-300-normal-DjilOh2I.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mulish-latin-400-normal-C9Snyl1s.woff2) format("woff2"),url(/assets/mulish-latin-400-normal-BRmeVNaI.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mulish-latin-500-normal-BoPlPdCZ.woff2) format("woff2"),url(/assets/mulish-latin-500-normal-CoJZbj2t.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mulish-latin-600-normal-BSghSUeJ.woff2) format("woff2"),url(/assets/mulish-latin-600-normal-BgWMv2vh.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mulish-latin-700-normal-DP36JSCV.woff2) format("woff2"),url(/assets/mulish-latin-700-normal-LuPokTVX.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/mulish-latin-800-normal-B_RVkmOV.woff2) format("woff2"),url(/assets/mulish-latin-800-normal-DFBkNLap.woff) format("woff")}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/mulish-latin-900-normal-3VD4o35o.woff2) format("woff2"),url(/assets/mulish-latin-900-normal-BrkNWpO9.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:200;src:url(/assets/mulish-latin-200-italic-lkV8Rbo8.woff2) format("woff2"),url(/assets/mulish-latin-200-italic-C0LEyCSq.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:300;src:url(/assets/mulish-latin-300-italic-mDVFBTiI.woff2) format("woff2"),url(/assets/mulish-latin-300-italic-Dt5Q6VTp.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/mulish-latin-400-italic-DuQKn9cr.woff2) format("woff2"),url(/assets/mulish-latin-400-italic-BQ3JJzJz.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/mulish-latin-500-italic-Bsi4YWj8.woff2) format("woff2"),url(/assets/mulish-latin-500-italic-BcWnyfjh.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/mulish-latin-600-italic-C7ljbqu1.woff2) format("woff2"),url(/assets/mulish-latin-600-italic-YRImX0MA.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/mulish-latin-700-italic-CjQ690Yc.woff2) format("woff2"),url(/assets/mulish-latin-700-italic-DSNN1ZGB.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/mulish-latin-800-italic-A18w5rK0.woff2) format("woff2"),url(/assets/mulish-latin-800-italic-CeENbRFx.woff) format("woff")}@font-face{font-family:Mulish;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/mulish-latin-900-italic-sbpZRqWx.woff2) format("woff2"),url(/assets/mulish-latin-900-italic-CfP-fDdR.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;height:100%}body,#root{height:100%}:root{--primary-color: #0066cc;--secondary-color: #ff6600;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family-base: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;color:var(--dark-color);background-color:#fff}button,input,select,textarea{font-family:inherit}.main-container{width:100%;min-height:100vh-80px;display:flex;align-items:center;justify-content:center}.container{width:var(--container-width-xs, 95%);margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 640px){.container{width:var(--container-width-sm, 90%)}}@media (min-width: 768px){.container{width:var(--container-width-md, 85%)}}@media (min-width: 1024px){.container{width:var(--container-width-lg, 80%)}}@media (min-width: 1280px){.container{width:var(--container-width-xl, 75%)}}@media (min-width: 1536px){.container{width:var(--container-width-2xl, 70%)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}*{scrollbar-width:none}*::-webkit-scrollbar{width:0px;height:0px;background:transparent}*:hover::-webkit-scrollbar{width:6px;height:6px}*:hover::-webkit-scrollbar-track{background:transparent}*:hover::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:999px}*:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.editor-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;z-index:9999}.loader-spinner{position:relative;width:64px;height:64px}.loader-spinner:before,.loader-spinner:after{content:"";position:absolute;border-radius:50%;border:3px solid transparent}.loader-spinner:before{top:0;right:0;bottom:0;left:0;border-top-color:#ff6d00;border-right-color:#ff6d00;animation:loader-spin 1.2s linear infinite}.loader-spinner:after{top:10px;right:10px;bottom:10px;left:10px;border-bottom-color:#ff8f40;border-left-color:#ff8f40;animation:loader-spin .8s linear infinite reverse}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-loader p{margin-top:1rem;color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:.5px}:root{--icici-blue: #0066cc;--icici-orange: #ff6600;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-primary: var(--icici-blue);--color-secondary: var(--icici-orange);--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-width-xs: 95%;--container-width-sm: 90%;--container-width-md: 85%;--container-width-lg: 80%;--container-width-xl: 75%;--container-width-2xl: 70%;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}