.banner{align-items:center;animation:slideDown .3s ease-out;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:16px 24px;position:relative;width:100%;z-index:1000}.banner-info{background-color:#e3f2fd;border-bottom:2px solid #1976d2;color:#1565c0}.banner-warning{background-color:#fff3e0;border-bottom:2px solid #f57c00;color:#e65100}.banner-success{background-color:#e8f5e9;border-bottom:2px solid #43a047;color:#2e7d32}.banner-error{background-color:#ffebee;border-bottom:2px solid #e53935;color:#c62828}[data-theme=dark] .banner-info{background-color:#1a237e;border-bottom-color:#1976d2;color:#64b5f6}[data-theme=dark] .banner-warning{background-color:#4e342e;border-bottom-color:#f57c00;color:#ffb74d}[data-theme=dark] .banner-success{background-color:#1b5e20;border-bottom-color:#43a047;color:#81c784}[data-theme=dark] .banner-error{background-color:#5e1a1a;border-bottom-color:#e53935;color:#ef5350}.banner-content{flex:1 1;max-width:calc(100% - 40px);padding-right:16px}.banner-message{word-wrap:break-word;line-height:1.5;margin:0}.banner-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;opacity:.7;padding:0;transition:background-color .2s;width:32px}.banner-close:hover{background-color:#00000026;opacity:1}[data-theme=dark] .banner-close:hover{background-color:#ffffff26}.banner[style*=background-color] .banner-close:hover{background-color:#fff3}@media (max-width:768px){.banner{flex-wrap:wrap;font-size:13px;padding:12px 16px}.banner-content{margin-bottom:8px;max-width:calc(100% - 32px);min-width:100%;padding-right:12px}.banner-close{align-self:flex-end}}.feedback-button{align-items:center;background:#3b82f6;background:var(--accent-primary,#3b82f6);border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px;position:fixed;right:24px;transition:all .2s ease;z-index:1000}.feedback-button:hover{background:#2563eb;background:var(--accent-hover,#2563eb);box-shadow:0 6px 16px #3b82f680;transform:translateY(-2px)}.feedback-button__icon{align-items:center;display:flex;justify-content:center}.feedback-button__label{margin-left:0;max-width:0;overflow:hidden;transition:max-width .3s ease,margin .3s ease;white-space:nowrap}.feedback-button--expanded .feedback-button__label{margin-left:4px;max-width:100px}.feedback-modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10001}.feedback-modal{animation:slideUp .2s ease;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.feedback-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.feedback-modal__header h2{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.feedback-modal__close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.feedback-modal__close:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.feedback-modal__form{display:flex;flex-direction:column;gap:20px;padding:24px}.feedback-type-selector{display:flex;gap:8px}.feedback-type-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .15s ease}.feedback-type-btn--active,.feedback-type-btn:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);color:#3b82f6;color:var(--accent-primary,#3b82f6)}.feedback-type-btn--active{background:#eff6ff;background:var(--accent-light,#eff6ff)}.feedback-type-icon{font-size:16px}.feedback-field{display:flex;flex-direction:column;gap:6px}.feedback-field label{color:#111827;color:var(--text-primary,#111827);font-size:13px;font-weight:500}.feedback-field input,.feedback-field textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.feedback-field input:focus,.feedback-field textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.feedback-field textarea{min-height:100px;resize:vertical}.feedback-screenshot-section{margin-top:-8px}.feedback-screenshot-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;justify-content:center;padding:10px;transition:all .15s ease;width:100%}.feedback-screenshot-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);color:#3b82f6;color:var(--accent-primary,#3b82f6)}.feedback-screenshot-btn:disabled{cursor:not-allowed;opacity:.6}.feedback-screenshot-icon{font-size:16px}.feedback-screenshot-preview{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden;position:relative}.feedback-screenshot-preview img{display:block;max-height:150px;object-fit:cover;width:100%}.feedback-screenshot-remove{background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;position:absolute;right:8px;top:8px;transition:background .15s ease}.feedback-screenshot-remove:hover{background:#000000d9}.feedback-details{margin-top:-8px}.feedback-details-toggle{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:6px;padding:8px 0;transition:color .15s ease}.feedback-details-toggle:hover{color:#111827;color:var(--text-primary,#111827)}.feedback-details-arrow{font-size:8px;transition:transform .2s ease}.feedback-details-arrow--open{transform:rotate(90deg)}.feedback-details-content{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;margin-top:8px;padding:12px}.feedback-detail-item{display:flex;font-size:12px;gap:8px;line-height:1.6}.feedback-detail-label{color:#6b7280;color:var(--text-secondary,#6b7280);min-width:60px}.feedback-detail-value{color:#111827;color:var(--text-primary,#111827);word-break:break-all}.feedback-modal__actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;margin-top:4px;padding-top:8px}.feedback-btn{border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.feedback-btn:disabled{cursor:not-allowed;opacity:.6}.feedback-btn--secondary{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.feedback-btn--secondary:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.feedback-btn--primary{background:#3b82f6;background:var(--accent-primary,#3b82f6);border:1px solid #3b82f6;border:1px solid var(--accent-primary,#3b82f6);color:#fff}.feedback-btn--primary:hover:not(:disabled){background:#2563eb;background:var(--accent-hover,#2563eb);border-color:#2563eb;border-color:var(--accent-hover,#2563eb)}[data-theme=dark] .feedback-modal{background:#1f2937;background:var(--bg-primary,#1f2937)}[data-theme=dark] .feedback-modal__header{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .feedback-modal__header h2{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .feedback-type-btn{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .feedback-type-btn--active{background:#3b82f626;border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);color:#60a5fa;color:var(--accent-primary,#60a5fa)}[data-theme=dark] .feedback-field label{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .feedback-field input,[data-theme=dark] .feedback-field textarea{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .feedback-field input,[data-theme=dark] .feedback-field textarea,[data-theme=dark] .feedback-screenshot-btn{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .feedback-details-content{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .feedback-btn--secondary,[data-theme=dark] .feedback-modal__actions{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .feedback-btn--secondary{color:#9ca3af;color:var(--text-secondary,#9ca3af)}@media (max-width:768px){.feedback-button{display:none}}@media (max-width:480px){.feedback-button{display:none}.feedback-modal{max-height:85vh}.feedback-modal__form{padding:16px}.feedback-type-btn{font-size:12px;padding:8px}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px}.navbar-brand{color:inherit;text-decoration:none}.navbar-brand h1{color:var(--color-primary);font-size:24px;margin:0}.navbar-menu{flex:1 1;gap:30px;list-style:none;margin:0 0 0 50px;padding:0}.navbar-menu,.navbar-menu a{align-items:center;display:flex}.navbar-menu a{color:var(--text-secondary);font-weight:500;gap:8px;text-decoration:none;transition:color .3s}.navbar-menu a svg{flex-shrink:0;height:18px;width:18px}.navbar-menu a.active,.navbar-menu a:hover{color:var(--color-primary)}.navbar-menu a.active svg{stroke:var(--color-primary)}.navbar-menu a.admin-link{background:var(--color-primary-light);border-radius:4px;color:var(--color-primary);font-weight:600;padding:6px 12px;transition:all .3s}.navbar-menu a.admin-link:hover{background:var(--color-primary);color:var(--bg-primary)}.navbar-user{align-items:center;display:flex;gap:12px}.user-name{color:var(--text-secondary);font-weight:500;white-space:nowrap}.navbar-action-button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:color .3s}.navbar-action-button svg{flex-shrink:0;height:20px;width:20px}.navbar-action-button:hover{color:var(--color-primary)}.btn-primary{font-size:14px;font-weight:600;min-height:44px;padding:12px 24px;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #818cf84d}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #818cf866;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;transform:none}.btn-secondary{border-radius:4px;font-size:14px;min-height:44px;padding:12px 20px;transition:all .3s}.btn-secondary:hover{background:var(--border-color)}.btn-admin{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:12px 16px;transition:all .3s;white-space:nowrap}.btn-admin:hover{background:#5568d3;box-shadow:0 2px 8px #667eea4d}.btn-danger{background:#ef4444;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:12px 20px;transition:all .3s}.btn-danger:hover{background:#dc2626}.loading-container{flex-direction:column;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.theme-selector{display:inline-block;position:relative}.theme-button{background:var(--color-primary-light);border:1px solid var(--border-color);border-radius:6px;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.theme-button:hover{background:var(--color-primary);color:var(--bg-primary)}.theme-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);display:flex;min-width:150px;opacity:0;position:absolute;right:0;top:calc(100% + 4px);visibility:hidden;z-index:1000}.theme-menu:hover,.theme-selector:has(.theme-menu:hover) .theme-menu,.theme-selector:hover .theme-menu{display:flex;opacity:1;transform:translateY(0)!important;visibility:visible}.theme-menu button{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:all .2s ease}.theme-menu button:hover{background:var(--bg-tertiary)}.theme-menu button:first-child{border-radius:6px 6px 0 0}.theme-menu button:last-child{border-radius:0 0 6px 6px}.theme-menu button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}@media (max-width:1024px){.navbar-menu{display:none}.navbar-user{gap:8px}.user-name{display:none}}@media (max-width:768px){.navbar-container{padding:0 20px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}.modal-content{border-radius:12px;color:var(--text-primary);display:flex;flex-direction:column;max-width:90vw;padding:24px;width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.modal-body{flex-grow:1}.modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;padding:10px;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.bottom-tab-bar{background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;display:none;height:64px;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}@media (max-width:1024px){.bottom-tab-bar{align-items:center;display:flex;justify-content:space-around}}.tab-item{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:center;min-width:64px;padding:8px 4px;text-decoration:none;transition:color .2s ease}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--color-primary)}.tab-icon{align-items:center;display:flex;justify-content:center}.tab-icon svg{height:24px;width:24px}.tab-label{font-size:11px;font-weight:500;line-height:1.2;text-align:center}[data-theme=dark] .bottom-tab-bar{background:var(--bg-primary);border-top-color:var(--border-color)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:30px 40px}.footer-content{flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-content,.footer-section{align-items:center;display:flex}.footer-left{flex:1 1;gap:20px;justify-content:flex-start}.footer-center{flex:1 1;justify-content:center;text-align:center}.footer-right{flex:1 1;justify-content:flex-end}.app-branding{align-items:center;display:flex;gap:12px}.app-name{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.app-tagline{color:var(--text-tertiary);font-size:12px;margin:0}.social-networks{align-items:center;display:flex;gap:12px}.social-link{color:var(--text-tertiary);transition:color .3s}.social-link:hover{color:var(--color-primary)}.social-icon{font-size:20px}.copyright a{color:var(--color-primary);text-decoration:none}.copyright a:hover{text-decoration:underline}.version{background:var(--bg-tertiary);border-radius:4px;font-family:monospace;font-size:12px;padding:4px 8px}@media (max-width:992px){.footer-content{flex-direction:column;gap:25px}}.progress-modal-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.progress-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;position:relative;width:90%}.progress-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px 8px;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.progress-modal-close:hover{background:#f0f0f0;color:#333}.progress-header{margin-bottom:30px;text-align:center}.progress-header h2{color:#333;font-size:24px;font-weight:700;margin:0 0 8px}.progress-header p{color:#666;font-size:14px;margin:0}.progress-steps{flex-direction:column;gap:16px;margin-bottom:30px}.progress-step{align-items:flex-start;background:#f9fafb;border-radius:8px;gap:12px;padding:12px;transition:all .3s}.progress-step.active{background:#e0e7ff;border:1px solid #c7d2fe}.progress-step.completed{opacity:.6}.step-icon{display:inline-block;font-size:20px;min-width:24px;text-align:center}.step-icon.spinning{animation:spin 1s linear infinite}.step-content{flex:1 1;min-width:0}.step-label{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.step-progress-bar{background:#e5e7eb;border-radius:2px;height:3px;overflow:hidden}.step-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .1s linear}.progress-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;text-align:center}.progress-info p{color:#166534;font-size:12px;line-height:1.5;margin:0}@media (prefers-color-scheme:dark){.progress-modal{background:#1f2937}.progress-header h2{color:#f3f4f6}.progress-header p{color:#d1d5db}.progress-step{background:#374151}.progress-step.active{background:#3730a3;border-color:#4f46e5}.step-label{color:#f3f4f6}.step-progress-bar{background:#4b5563}.progress-info{background:#064e3b;border-color:#10b981}.progress-info p{color:#86efac}}@media (max-width:480px){.progress-modal{padding:30px 20px}.progress-header h2{font-size:20px}.progress-steps{gap:12px;margin-bottom:20px}.progress-step{padding:10px}.step-icon{font-size:18px}.step-label{font-size:13px}}.maintenance-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.maintenance-modal{animation:slideUp .4s ease-out;background:#fff;background:var(--color-background,#fff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;padding:48px;text-align:center;width:90%}.maintenance-icon{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 20px #6366f100}}.maintenance-icon svg{stroke:#fff;height:40px;width:40px}.maintenance-modal h1{color:#1f2937;color:var(--color-text,#1f2937);font-size:24px;font-weight:600;margin:0 0 16px}.maintenance-modal p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;line-height:1.6;margin:0 0 32px}.maintenance-status{background:#f3f4f6;background:var(--color-surface,#f3f4f6);border-radius:8px;margin-bottom:24px;padding:16px}.status-indicator{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:14px;gap:12px;justify-content:center}.pulse{animation:pulse-dot 1.5s ease-in-out infinite;background:#f59e0b;border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.retry-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:all .2s ease}.retry-button:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}[data-theme=dark] .maintenance-modal{background:#1f2937;background:var(--color-background,#1f2937)}[data-theme=dark] .maintenance-modal h1{color:#f9fafb;color:var(--color-text,#f9fafb)}[data-theme=dark] .maintenance-modal p{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}[data-theme=dark] .maintenance-status{background:#374151;background:var(--color-surface,#374151)}[data-theme=dark] .status-indicator{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.maintenance-mode-overlay{align-items:center;animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10001}.maintenance-mode-content{animation:slideUp .5s ease-out;max-width:500px;padding:48px;position:relative;text-align:center;width:90%}.maintenance-mode-icon{align-items:center;animation:float 3s ease-in-out infinite;background:#fff3;border-radius:50%;box-shadow:0 20px 40px #0000001a;display:flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.icon-emoji{animation:bounceEmoji 2s ease-in-out infinite;font-size:56px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounceEmoji{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.maintenance-mode-title{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 10px #0000001a}.maintenance-mode-message-container{align-items:center;display:flex;height:40px;justify-content:center;margin-bottom:16px;overflow:hidden}.maintenance-mode-message{animation:fadeInMessage .5s ease-out;color:#ffffffe6;font-size:18px;margin:0}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.maintenance-mode-custom-message{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;font-size:14px;margin:24px 0 0;padding:12px 20px}.sparkle{animation:sparkleAnimation 2s ease-in-out infinite;color:#fff9;font-size:24px;position:absolute}.sparkle-1{animation-delay:0s;left:10%;top:20%}.sparkle-2{animation-delay:.5s;right:15%;top:30%}.sparkle-3{animation-delay:1s;bottom:25%;left:20%}@keyframes sparkleAnimation{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.maintenance-mode-progress{margin-top:40px}.progress-dots{align-items:center;display:flex;gap:8px;justify-content:center}.dot{animation:dotPulse 1.5s ease-in-out infinite;background:#fff6;border-radius:50%;height:10px;width:10px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{background:#fff6;transform:scale(1)}50%{background:#ffffffe6;transform:scale(1.3)}}[data-theme=dark] .maintenance-mode-overlay{background:linear-gradient(135deg,#4338caf2,#6d28d9f2)}@media (max-width:480px){.maintenance-mode-content{padding:32px 24px}.maintenance-mode-icon{height:100px;width:100px}.icon-emoji{font-size:44px}.maintenance-mode-title{font-size:24px}.maintenance-mode-message{font-size:16px}.sparkle{display:none}}.maintenance-admin-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 4px 12px #ef44444d;color:#fff;display:flex;font-size:13px;font-weight:500;gap:8px;left:50%;padding:8px 20px;position:fixed;top:70px;transform:translateX(-50%);z-index:1000}.maintenance-admin-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.auth-page-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.auth-background-container{left:0;left:50%;margin:0 auto;max-width:1400px;padding:0 40px;transform:translateX(-50%)}.auth-background,.auth-background-container{height:100%;position:absolute;top:0;width:100%}.auth-background{background-position:50%;background-size:cover;filter:blur(8px);left:0;opacity:.3;transition:background-image .5s ease-in-out;z-index:1}.auth-container{padding:20px;position:relative;width:100%;z-index:2}.auth-card{border:1px solid var(--border-color)}.dashboard{width:100%}.dashboard-header{margin-bottom:30px;padding:0}.search-container{align-items:center;display:flex;flex:1 1;max-width:350px;position:relative}.search-input{font-size:14px;padding:10px 36px 10px 16px;transition:all .3s;width:100%}.search-input::placeholder{color:var(--text-tertiary);opacity:1}.search-clear{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px 8px;position:absolute;right:8px;transition:color .2s}.search-clear:hover{color:var(--text-primary)}.stats-display{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 0}.stat-badge,.stats-display{align-items:center;display:flex}.stat-badge{background:var(--bg-secondary);border:2px solid var(--border-color);border-left-width:4px;border-radius:4px;color:var(--text-primary);cursor:pointer;flex-direction:column;font-size:12px;font-weight:500;justify-content:center;min-width:70px;padding:8px 12px;text-align:center;transition:all .2s ease}.stat-badge:hover{background:var(--bg-tertiary);border-color:var(--color-primary);transform:translateY(-1px)}.stat-badge.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stat-badge .stat-count{font-size:16px;font-weight:700;line-height:1.2}.stat-badge .stat-label{font-size:11px;font-weight:600;margin-top:4px;opacity:.8}.filter-controls{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px}.filter-dropdown{position:relative}.filter-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}[data-theme=dark] .filter-btn{background:var(--bg-tertiary);border-color:var(--border-color-light)}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.filter-badge{background:#ef4444;border-radius:50%;display:inline-block;height:6px;margin-left:4px;width:6px}.filter-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:12px;left:0;margin-top:4px;min-width:280px;padding:12px;position:absolute;top:100%;z-index:100}.filter-menu--open{display:flex}@media (hover:hover) and (pointer:fine){.filter-dropdown:hover .filter-menu{display:flex}}.filter-section{display:flex;flex-direction:column;gap:6px}.filter-section label{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:4px}.sort-option{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;margin-bottom:2px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.sort-option:hover{background:var(--bg-tertiary)}.sort-option.active{background:var(--color-primary);color:#fff;font-weight:600}.filter-input,.filter-select{border-radius:3px;font-family:inherit;font-size:12px;padding:6px 8px}.clear-filters-btn{margin-top:4px}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;min-width:200px;padding:8px 12px;transition:all .2s ease}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.filter-controls:not(.filter-controls-mobile){flex-direction:column;gap:8px}.search-input{font-size:16px;min-height:44px;min-width:0;min-width:auto;width:100%}.filter-btn{min-height:44px;padding:10px 12px}.quick-status-change{font-size:14px;min-height:44px;padding:10px 16px}.job-match-badge,.status-badge{font-size:13px;padding:8px 14px}.filter-menu{min-width:240px}.stats-display{gap:6px}.stat-badge{font-size:11px;min-width:60px;padding:6px 10px}.stat-badge .stat-count{font-size:14px}}.applications-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (min-width:1024px) and (max-width:1439px){.applications-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1440px) and (max-width:1799px){.applications-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1800px) and (max-width:2199px){.applications-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:2200px){.applications-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.app-card .menu-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:32px;min-width:32px;padding:4px 8px;transition:all .2s}.app-card .menu-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.app-card-v2{background:var(--bg-primary);border-left:4px solid var(--color-primary);border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.app-card-v2:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-status-bar{align-items:center;display:flex;justify-content:center;padding:6px 16px}.card-status-text{color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:16px 16px 12px}.card-company-section{flex:1 1;min-width:0}.card-company{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 4px}.card-job-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.card-menu-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;justify-content:center;min-height:32px;min-width:32px;padding:4px 8px;transition:all .2s}.card-menu-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.card-metadata{display:flex;flex-wrap:wrap;gap:12px;padding:0 16px 12px}.card-meta-item{color:var(--text-secondary);font-size:13px;gap:4px}.card-footer,.card-meta-item{align-items:center;display:flex}.card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:12px;justify-content:space-between;margin-top:auto;padding:12px 16px}.card-footer-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;font-weight:500;gap:6px}.card-footer-icon{font-size:14px;opacity:.8}.card-match-highlight{color:var(--color-primary);font-weight:600}.status-badge.status-applied{background:var(--status-applied-bg,#dbeafe);color:var(--status-applied-text,#1e40af)}.status-badge.status-interviewing{background:var(--status-interviewing-bg,#fef3c7);color:var(--status-interviewing-text,#92400e)}.status-badge.status-offer{background:var(--status-offer-bg,#dcfce7);color:var(--status-offer-text,#166534)}.status-badge.status-rejected{background:var(--status-rejected-bg,#fee2e2);color:var(--status-rejected-text,#991b1b)}.status-badge.status-archived{background:var(--status-archived-bg,#e5e7eb);color:var(--status-archived-text,#4b5563)}.settings-page{max-width:900px;width:100%}.settings-content{width:100%}.settings-section{box-sizing:border-box;max-width:100%;width:100%}.subscription-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.subscription-card,.subscription-header{margin-bottom:1.5rem}.subscription-header .plan-info{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.subscription-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.subscription-header .status-badge{border-radius:4px;font-size:.6875rem;font-weight:600;padding:3px 8px;text-transform:uppercase}.subscription-header .status-badge.active{background:var(--color-success);color:#fff}.subscription-header .status-badge.trialing{background:var(--color-primary);color:#fff}.subscription-header .status-badge.canceled{background:var(--color-error);color:#fff}.subscription-header .status-badge.past_due{background:var(--color-warning);color:#fff}.subscription-header .billing-info{color:var(--text-secondary);font-size:.875rem;margin:0}.subscription-actions{display:flex;gap:1rem;margin-top:1.5rem}.subscription-actions .btn-primary,.subscription-actions .btn-secondary{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.subscription-actions .btn-primary{background:var(--accent-color);border:none;color:#fff}.subscription-actions .btn-primary:hover{background:var(--accent-hover)}.subscription-actions .btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.subscription-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.subscription-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.link-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:inherit;font-weight:500;padding:0}.link-button:hover{text-decoration:underline}.api-key-credentials{max-width:100%;overflow:hidden}.credential-display{max-width:100%}.credential-input{min-width:0;overflow:hidden;text-overflow:ellipsis}.upgrade-section{margin:20px 0}.upgrade-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-width:400px;padding:30px;text-align:center}.upgrade-icon{font-size:48px;margin-bottom:15px}.upgrade-card h3{color:var(--text-primary);font-size:18px;margin:0 0 10px}.upgrade-card p{color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.application-detail-page{box-sizing:border-box;width:100%}.app-detail-section{font-size:15px;line-height:1.75;scroll-margin-top:200px}.app-detail-section p{margin-bottom:16px}.app-detail-section p:last-child{margin-bottom:0}.app-detail-section li{line-height:1.6;margin-bottom:12px}.app-detail-section ol,.app-detail-section ul{margin:16px 0;padding-left:24px}.app-detail-section>h2{font-size:22px;margin:0 0 24px;padding-bottom:12px}@media (max-width:768px){.app-detail-section{font-size:14px;padding:20px}.app-detail-section>h2{font-size:18px;margin-bottom:20px}}.app-detail-header{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:24px;margin-bottom:20px;padding:20px 24px;position:-webkit-sticky;position:sticky;top:70px;z-index:50}.app-detail-header-left{flex:1 1;min-width:0}.app-detail-title{color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.3;margin:0 0 8px}.app-detail-company{color:var(--text-secondary);font-size:16px;font-weight:500}.app-detail-header-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.app-detail-header-actions-row{display:flex;gap:8px}@media (min-width:769px){.app-detail-header-actions .status-dropdown-container{width:100%}.app-detail-header-actions .status-dropdown-button{justify-content:space-between;width:100%}.app-detail-header-actions .status-dropdown-button .status-badge{flex:1 1;text-align:center}}@media (max-width:768px){.app-detail-header{border-radius:0;flex-direction:column;gap:12px;margin-bottom:12px;margin-left:-12px;margin-right:-12px;padding:12px 16px;top:56px}.app-detail-title{font-size:18px;margin-bottom:4px}.app-detail-company{font-size:14px}.app-detail-header-actions{flex-direction:row;width:100%}.app-detail-header-actions-row{display:contents}.app-detail-header-actions .btn-icon-label,.app-detail-header-actions .status-dropdown-container{flex:1 1}.app-detail-header-actions .btn-icon-label{justify-content:center}.app-detail-header-actions .status-dropdown-button{justify-content:space-between;width:100%}.app-detail-header-actions .status-dropdown-button .status-badge{flex:1 1;text-align:center}}.app-detail-section .section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.app-detail-section .section-header h2{border:none;flex:1 1;margin:0;min-width:0;padding:0}.app-detail-section .section-header .button-group{display:flex;flex-shrink:0;gap:8px}@media (max-width:768px){.app-detail-section .section-header{align-items:center;flex-direction:row}.app-detail-section .section-header .button-group{flex-wrap:wrap}.app-detail-section .section-header .button-group .btn-sm{font-size:12px;min-height:36px;padding:8px 12px}}.app-detail-section.collapsible{overflow:hidden}.app-detail-section.collapsible .section-header{border-bottom:none;cursor:pointer;margin:-30px -30px 0;padding:20px 30px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.app-detail-section.collapsible .section-header:hover{background:var(--bg-secondary)}.app-detail-section.collapsible .section-header h2{align-items:center;border-bottom:none;display:flex;gap:8px;margin-bottom:0;padding-bottom:0}.section-toggle{align-items:center;border-radius:4px;color:var(--text-tertiary);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;transition:transform .3s ease;width:28px}.section-toggle.expanded{transform:rotate(180deg)}.section-header:hover .section-toggle{background:var(--bg-tertiary);color:var(--text-secondary)}.section-summary{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:8px}.section-collapsible-content{overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out,padding .3s ease-out}.section-collapsible-content.collapsed{max-height:0;opacity:0;padding-top:0}.section-collapsible-content.expanded{max-height:none;opacity:1;padding-top:20px}.app-detail-section.collapsible.primary{border-left:4px solid var(--color-primary)}.app-detail-section.collapsible.tertiary{padding:20px}.app-detail-section.collapsible.tertiary .section-header{margin:-20px -20px 0;padding:16px 20px}.app-detail-section.collapsible.tertiary .section-header h2{font-size:16px}@media (max-width:768px){.app-detail-section.collapsible .section-header{margin:-20px -20px 0;padding:16px 20px}.section-summary{font-size:13px}}.salary-item.full-width span{line-height:1.6;text-align:left}.ai-analysis-empty{background:var(--bg-primary);width:100%}.ai-analysis-empty .section-header{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.ai-analysis-empty .analysis-notes-editor{margin-bottom:24px}.ai-analysis-empty .analysis-notes-textarea{min-height:120px}.analysis-notes-section{background:var(--bg-secondary);border:1px dashed var(--border-color);margin-bottom:20px}.analysis-notes-section .section-description{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.analysis-notes-section .analysis-notes-textarea{background:var(--bg-primary);min-height:80px}.analyze-action{display:flex;justify-content:center;padding-top:10px}.empty-state-ai h2{margin:0 0 12px}.empty-state-ai p{margin:0 0 20px}.progress-bar-fill{justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content}.salary-grid{grid-gap:12px;gap:12px}.salary-item{font-size:13px;justify-content:space-between;padding:10px}.salary-item strong{margin-right:10px;min-width:150px}@media (max-width:768px){.application-detail{padding:20px 15px}.application-detail-page{padding:16px 12px}.app-header{gap:15px;padding:20px}.app-header-left h1{font-size:24px}.app-header-actions{align-items:stretch;flex-direction:column;width:100%}.app-header-actions .btn-icon-label{justify-content:center;width:100%}.app-header-actions .read-only-badge,.app-header-actions button{width:100%}.app-container{gap:20px}.app-sidebar{grid-template-columns:1fr;padding:15px}.app-content{padding:20px}.app-tabs{margin-bottom:20px}.tab-button{font-size:13px;padding:10px 12px}.content-section h2{font-size:18px;margin-bottom:15px}.salary-grid{grid-template-columns:1fr}.keywords-list{gap:6px}.keyword-badge{font-size:11px;padding:5px 10px}}@media (max-width:1200px){.dashboard-header-controls{gap:12px}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.dashboard-header h1{font-size:24px;margin-bottom:15px}.dashboard{padding:20px 15px}.dashboard-header-controls{flex-direction:column;gap:12px;width:100%}.view-toggle{display:none!important}.view-btn{flex:1 1;min-height:44px;padding:10px 12px}.btn-primary{min-height:44px;width:100%}.applications-grid{gap:12px;grid-template-columns:1fr}.app-card{border-left:3px solid var(--color-primary);padding:16px}.app-header{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:12px}.app-header h3{font-size:16px;font-weight:700;line-height:1.3;margin-bottom:4px}.app-badges{gap:6px;justify-content:flex-start}.job-match-badge{font-size:11px;padding:3px 10px}.quick-status-change{font-size:13px;min-height:44px;padding:10px 16px;text-align:left;width:100%}.status-badge{font-size:11px;padding:6px 12px}.company-name{color:var(--text-secondary);font-size:15px;font-weight:600;margin:6px 0}.app-date{font-size:13px;margin:4px 0 0}.app-notes{display:none}.app-card .menu-button{font-size:24px;min-height:44px;min-width:44px;padding:10px}.app-card-v2{border-radius:8px}.card-company{font-size:16px}.card-job-title{-webkit-line-clamp:3;font-size:13px}.card-menu-button{font-size:26px;min-height:44px;min-width:44px;padding:10px}.card-metadata{flex-direction:column;gap:6px}.card-meta-item{font-size:12px}.card-footer{align-items:flex-start;flex-direction:column;gap:8px}.card-footer-item{font-size:12px}}@media (max-width:480px){.dashboard{padding:12px 8px}.dashboard-header{margin-bottom:15px}.dashboard-header h1{font-size:20px;margin-bottom:10px}.dashboard-header-controls{gap:8px}.search-input{font-size:16px;min-height:40px;padding:8px 10px}.btn-danger,.btn-primary,.btn-secondary,.view-btn,button{font-size:13px;min-height:44px;padding:10px 12px}.stat-card{font-size:13px;padding:12px}.stat-value{font-size:18px}.form-row{gap:12px;grid-template-columns:1fr}.form-group{margin-bottom:12px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:40px;padding:8px 10px}.sidebar{max-width:100%;min-width:auto;position:relative}.sidebar-layout{grid-template-columns:1fr}.application-card{padding:12px}.modal-dialog{max-height:90vh;max-width:100%;width:95vw}.match-percentage-tooltip{font-size:13px}.date-applied-label,.salary-label{font-size:12px}.overview-columns{grid-template-columns:1fr}input,select,textarea{border:1px solid var(--border-color);border-radius:4px}}.mobile-filter-backdrop{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:199}.mobile-filter-panel{animation:slideInRight .25s ease;background:var(--bg-primary);bottom:0;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:320px;outline:none;position:fixed;right:0;top:0;width:85vw;z-index:200}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-filter-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.mobile-filter-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.mobile-filter-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:all .2s}.mobile-filter-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-filter-content{flex:1 1;overflow-y:auto;padding:20px}.mobile-filter-section{margin-bottom:24px}.mobile-filter-section h3{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.mobile-sort-options{display:flex;flex-direction:column;gap:4px}.mobile-sort-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.mobile-sort-option:hover{background:var(--bg-tertiary)}.mobile-sort-option input[type=radio]{accent-color:var(--color-primary);height:18px;margin:0;width:18px}.mobile-sort-option span{color:var(--text-primary);font-size:14px}.mobile-status-options{display:flex;flex-direction:column;gap:8px}.mobile-status-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .2s}.mobile-status-option:hover{background:var(--bg-tertiary)}.mobile-status-option input[type=checkbox]{accent-color:var(--color-primary);height:18px;margin:0;width:18px}.mobile-status-option .status-chip{border-left:3px solid var(--color-primary);color:var(--text-primary);font-size:14px;padding-left:8px}.mobile-date-range{display:flex;flex-direction:column;gap:12px}.mobile-filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px;width:100%}.mobile-date-inputs{display:flex;gap:12px}.mobile-date-field{display:flex;flex:1 1;flex-direction:column;gap:6px}.mobile-date-field label{color:var(--text-tertiary);font-size:12px;font-weight:500}.mobile-filter-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:16px;padding:12px;width:100%}.mobile-filter-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.mobile-apply-btn,.mobile-clear-btn{flex:1 1}.floating-action-button{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:100}@media (max-width:1024px){.floating-action-button{bottom:calc(88px + env(safe-area-inset-bottom, 0px))}}.floating-action-button:hover{box-shadow:0 6px 16px #667eea80;transform:scale(1.05)}.floating-action-button:active{transform:scale(.95)}.fab-icon{font-size:28px;font-weight:300;line-height:1}.filter-controls-mobile{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;padding:12px}.filter-controls-mobile .search-input{flex:1 1;min-width:0}.mobile-filter-toggle{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative}.filter-icon{font-size:20px}.filter-icon-svg{height:20px;width:20px}.filter-badge-mobile{background:#ef4444;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}@media (max-width:1024px){.dashboard-header h1{font-size:26px}}@media (max-width:768px){.dashboard-header h1{display:none}.dashboard-header{margin-bottom:12px}.dashboard-header-controls{justify-content:flex-end;width:100%}.new-app-desktop{display:none}.dashboard{padding:16px 12px}.applications-grid{padding-bottom:80px}}[data-theme=dark] .info-box{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .info-box h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .info-box p{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .info-box a{color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .warning-box{background:#f59e0b1a;border-color:#f59e0b;color:#d1d5db;color:var(--text-secondary,#d1d5db)}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-card{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);max-width:400px;padding:40px;width:100%}.auth-card h1{color:var(--text-primary);font-size:28px;margin-bottom:10px;text-align:center}.auth-card h2{color:var(--text-secondary);font-size:20px;font-weight:500;margin-bottom:30px;text-align:center}.form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input::placeholder{color:var(--text-tertiary);opacity:1}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.auth-link{color:var(--text-secondary);margin-top:20px;text-align:center}.auth-link a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.forgot-password-link{color:var(--color-primary);font-size:14px;font-weight:500;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.auth-instructions{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.success-message{padding:20px;text-align:center}.success-message h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:16px 0 12px}.success-message p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}.success-icon{align-items:center;background:var(--color-success);border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.password-toggle:focus{outline:none}.field-hint{color:var(--text-tertiary);margin-top:6px}.input-disabled{background:var(--bg-tertiary)!important;color:var(--text-tertiary)!important;cursor:not-allowed!important}.dashboard{margin:0 auto;max-width:1400px;padding:40px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.dashboard-header h1{color:var(--text-primary);font-size:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:40px}.stat-card h3{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:10px;text-transform:uppercase}.stat-number{color:var(--text-primary);font-size:32px;font-weight:700}.stat-card.status-applied{border-left-color:#3b82f6}.stat-card.status-interviewing{border-left-color:#f59e0b}.stat-card.status-offer{border-left-color:#10b981}.stat-card.status-rejected{border-left-color:#ef4444}.stats-filter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:30px;width:100%}.stat-filter-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:16px 12px;text-align:center;transition:all .3s;-webkit-user-select:none;user-select:none}@media (max-width:768px){.stats-filter-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.stat-filter-item:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000001f}.stat-filter-item.active{background:#667eea;border-color:#667eea;color:#fff}.stat-filter-item.active .stat-label{color:#ffffffe6!important}.stat-filter-item.active .stat-value{color:#fff}.stat-value{line-height:1}.filter-buttons{display:none}.applications-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.app-card{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);color:inherit;padding:20px;text-decoration:none;transition:all .3s}.app-card:hover{box-shadow:var(--shadow-lg)}.app-header{align-items:start;gap:12px;justify-content:space-between;margin-bottom:10px}.app-header h3{color:var(--text-primary);flex:1 1;font-size:18px;margin:0}.app-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.job-match-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.status-badge{padding:4px 12px}.status-badge.status-applied{background:#dbeafe;color:#1e40af}.status-badge.status-interviewing{background:#fef3c7;color:#92400e}.status-badge.status-offer{background:#dcfce7;color:#166534}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.status-badge.status-archived{background:#e5e7eb;color:#4b5563}.quick-status-change{background:var(--bg-primary);border:2px solid var(--color-primary);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase;transition:all .3s;white-space:nowrap}.quick-status-change:hover:not(:disabled){background:var(--color-primary);color:#fff}.quick-status-change:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.quick-status-change:disabled{cursor:not-allowed;opacity:.6}.quick-status-change option{background:var(--bg-primary);color:var(--text-primary)}.company-name{color:var(--text-secondary);font-weight:500;margin:8px 0}.app-date{color:var(--text-tertiary);font-size:12px;margin:8px 0}.app-notes{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;margin-top:10px;padding-top:10px}.empty-state{font-size:16px;padding:40px}.settings-page{margin:0 auto;max-width:800px;padding:40px}.settings-page h1{color:var(--text-primary);margin-bottom:30px}.settings-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:10px;margin-bottom:30px}.settings-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s}.settings-tabs button:hover{color:var(--text-primary)}.settings-tabs button.active{border-bottom-color:#667eea;color:#667eea}.settings-section{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.settings-section h2{color:var(--text-primary);font-size:24px;margin-bottom:10px}.resume-preview,.section-description{margin-bottom:20px}.resume-preview{background:#f0f7ff;border:1px solid #bfdbfe;color:#1e40af}.file-upload{margin:20px 0}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:20px;padding:20px}.info-box h3{color:var(--text-primary);margin-bottom:10px}.info-box a{color:#667eea;font-weight:500}textarea{border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}textarea::placeholder{color:var(--text-tertiary);opacity:1}textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:12px;width:100%}select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.application-detail{margin:0 auto;max-width:900px;padding:40px}.detail-header{align-items:start;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.detail-header h1{color:var(--text-primary);font-size:28px;margin:0 0 10px}.detail-header .company-name{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:10px}.detail-actions{align-items:center;display:flex;gap:10px}.read-only-badge{background-color:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-right:10px;padding:6px 12px;text-transform:uppercase}.detail-content{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:30px}.detail-section{margin-bottom:30px}.detail-section h2{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:20px;margin-bottom:15px;padding-bottom:10px}.detail-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.description{background:var(--bg-secondary);border-left:4px solid #667eea;border-radius:4px;padding:15px;white-space:pre-wrap;word-break:break-word}.detail-actions-secondary{border-top:2px solid var(--border-color);margin-top:30px;padding-top:20px}.status-timeline{padding-left:32px;position:relative}.status-timeline:before{background:var(--border-color);bottom:0;content:"";left:5px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:24px;padding-left:20px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#667eea;border:1.5px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 .5px var(--border-color);height:8px;left:-20px;position:absolute;top:4px;width:8px}.timeline-content{padding:8px 0}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.timeline-status{color:var(--text-primary);font-size:14px}.timeline-status strong{color:#667eea}.timeline-date{color:var(--text-tertiary);font-size:12px}.timeline-reason{background:var(--bg-tertiary)}.timeline-comment,.timeline-reason{border-radius:4px;color:var(--text-secondary);font-size:13px;margin:8px 0;padding:8px 12px}.timeline-comment{background:var(--bg-secondary);border-left:3px solid #667eea}.sla-indicators{gap:20px}.sla-indicators,.sla-item{display:flex;flex-direction:column}.sla-item{gap:8px}.sla-label{align-items:center;display:flex;font-size:14px;justify-content:space-between}.sla-label strong{color:var(--text-primary);text-transform:capitalize}.sla-days{color:#667eea;font-weight:600}.sla-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;height:24px;overflow:hidden}.sla-fill{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:500;height:100%;justify-content:flex-end;padding-right:8px;transition:width .3s ease}.current-status-display{background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:4px;color:var(--text-primary);padding:12px 15px;text-transform:capitalize}.analytics-page{max-width:1200px;padding:40px}.analytics-page h1{color:var(--text-primary);margin-bottom:30px}.chart-container{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:30px;padding:30px}.chart-container h2{color:var(--text-primary);font-size:20px;margin-bottom:10px}.chart-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.summary-stats{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:30px}.summary-stats h2{color:var(--text-primary);margin-bottom:20px}.stat-item{background:var(--bg-secondary);border-radius:8px;padding:20px;text-align:center}.stat-item .label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:10px}.stat-item .value{color:#667eea;display:block;font-size:32px;font-weight:700}.api-key-credentials{margin:20px 0}.credential-group{margin-bottom:25px}.credential-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.credential-display{align-items:center;display:flex;gap:10px}.credential-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:12px}.credential-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-copy,.btn-toggle{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s;white-space:nowrap}.btn-copy:hover,.btn-toggle:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.warning-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-size:14px;line-height:1.5;margin:20px 0;padding:15px}.analysis-results{background:var(--bg-secondary);border-left:4px solid #667eea;margin-top:30px;padding:20px}.analysis-header{align-items:flex-start;margin-bottom:20px}.analysis-header .button-group{align-items:center;display:flex;gap:10px}.analysis-header .button-group button{margin:0}.analysis-timestamp{color:var(--text-tertiary);font-size:12px;margin:5px 0 0;text-align:right;white-space:nowrap}.analysis-title-group{align-items:center;display:flex;flex:1 1;gap:12px}.analysis-section{margin-bottom:30px}.analysis-section h3{color:var(--text-primary);font-size:18px;margin-bottom:15px;margin-top:0}.analysis-subsection{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.analysis-subsection:last-child{border-bottom:none}.analysis-subsection h4{color:var(--text-primary);font-size:16px;margin-bottom:10px;margin-top:0}.analysis-subsection ul{list-style:none;padding:0}.analysis-subsection li{color:var(--text-secondary);font-size:14px;padding-left:20px;position:relative}.analysis-subsection li:before{color:#667eea;content:"→";font-weight:700;left:0;position:absolute}.analysis-subsection ol{list-style:decimal;margin:0;padding-left:20px}.analysis-subsection ol li{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:0}.analysis-subsection ol li:before{content:none}.analysis-subsection p{font-size:14px;line-height:1.6}.good-fit{color:#28a745!important}.gap{color:#dc3545!important}.salary-grid{margin:20px 0}@media (min-width:768px){.salary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.salary-grid{grid-template-columns:repeat(4,1fr)}}.salary-item{background:var(--bg-primary);border:1px solid var(--border-color);font-size:14px;padding:12px}.salary-item strong{display:block;margin-bottom:5px}.keyword-badge{background:var(--bg-primary);border:1px solid var(--border-color);color:#667eea}.tailored-resume-section{background:linear-gradient(135deg,#f0f7ff,#f9fafb);border-left:4px solid #10b981;padding:20px}.tailored-resume-section h2{border-bottom-color:#10b981;color:#10b981}.resume-section{background:var(--bg-primary);border:1px solid #d1fae5;border-radius:4px;margin-bottom:15px;padding:15px}.resume-section h4{color:#10b981;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.resume-headline,.resume-summary{color:var(--text-primary);font-size:14px}.application-detail-page{margin:0 auto;max-width:1400px;padding:40px}.app-header{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:15px;margin-bottom:40px;padding:30px}.app-header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.app-header-left{display:flex;flex:1 1;flex-direction:column;gap:8px}.app-header-left h1{color:var(--text-primary);font-size:32px;margin:0}.app-company{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.app-header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:8px}.app-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:250px 1fr;margin-bottom:30px}.app-nav{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.nav-section{margin-bottom:25px}.nav-section:last-child{margin-bottom:0}.app-editor{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:40px;padding:0}.status-badge{border-radius:4px;padding:6px 12px}.sidebar-section{margin-bottom:25px}.sidebar-section:last-child{margin-bottom:0}.analysis-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:15px;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.analysis-header h2{color:var(--text-primary);flex:1 1;font-size:24px;margin:0}.sidebar-item.status-display{align-items:center;flex-direction:row;margin-bottom:0}.status-btn{background:var(--color-primary)!important;border:none!important;color:#fff!important;font-size:13px!important;padding:8px 12px!important}.status-btn:hover:not(:disabled){background:#5568d3!important}.sidebar-section h3{color:var(--text-primary);color:#667eea;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.sidebar-item{display:flex;flex-direction:column;font-size:13px;margin-bottom:10px}.sidebar-item .label{color:var(--text-tertiary);font-weight:500;margin-bottom:4px}.sidebar-item .value{color:var(--text-primary);word-break:break-word}.sidebar-item .value.link{color:#667eea;cursor:pointer;text-decoration:none}.sidebar-item .value.link:hover{text-decoration:underline}.sla-list{gap:12px}.sla-compact,.sla-list{display:flex;flex-direction:column}.sla-compact{gap:4px}.sla-compact .sla-label{align-items:center;display:flex;font-size:12px;justify-content:space-between}.sla-compact .status-name{color:var(--text-primary);font-weight:500}.sla-compact .sla-days{color:var(--text-tertiary);font-size:11px}.sla-compact .sla-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.sla-compact .sla-fill{border-radius:3px;height:100%;transition:width .3s ease}.status-history-compact{display:flex;flex-direction:column;gap:8px}.history-item{background:var(--bg-tertiary);border-radius:4px;display:flex;font-size:12px;gap:8px;padding:8px}.history-arrow{color:#667eea;flex-shrink:0;font-weight:700}.history-status{color:var(--text-primary);font-weight:500}.history-date{color:var(--text-tertiary);font-size:11px}.sidebar-notes{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.btn-action{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:8px;padding:10px 12px;transition:all .2s;width:100%}.btn-action:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-action:disabled{cursor:not-allowed;opacity:.6}.sidebar-edit-notice{color:var(--text-secondary);font-size:13px;padding:20px 10px;text-align:center}.app-content{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:30px}.app-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:10px;margin-bottom:30px}.tab-button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:all .2s}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:#667eea}.tab-button.active:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.app-tab-content,.tab-pane{display:flex;flex-direction:column}.app-detail-section{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:30px;scroll-margin-top:120px}.overview-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.overview-column-main,.overview-column-side{display:flex;flex-direction:column;gap:20px}.overview-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.status-display-prominent{align-items:center;display:flex;justify-content:center;padding:20px 0}.status-display-prominent .status-badge{border-radius:8px;font-size:18px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase}.status-history-list{display:flex;flex-direction:column;gap:15px}.history-item-detailed{align-items:flex-start;display:flex;gap:20px;padding-left:20px;position:relative}.history-marker{background:var(--bg-primary);border:2px solid #667eea;border-radius:50%;height:12px;left:0;position:absolute;top:10px;width:12px}.history-item-detailed:before{background:var(--border-color);bottom:-15px;content:"";left:5px;position:absolute;top:22px;width:2px}.history-item-detailed:last-child:before{display:none}.history-content{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;flex:1 1;padding:15px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-duration{color:var(--text-secondary);font-size:13px}.sla-bar-inline{background:var(--bg-primary);border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.app-detail-section>h2{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:24px;margin:0 0 30px;padding-bottom:15px}.content-section{margin-bottom:40px}.content-section:last-child{margin-bottom:0}.content-section h2{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:22px;margin:0 0 20px;padding-bottom:15px}.content-section h3{color:var(--text-primary);font-size:16px;margin:15px 0 10px}.job-description,.markdown-content{background:var(--bg-tertiary);border-left:4px solid #667eea;border-radius:4px;padding:15px;word-break:break-word}.markdown-content{color:var(--text-secondary);line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--text-primary);font-weight:600;margin:20px 0 12px}.markdown-content h1{border-bottom:2px solid var(--border-color);font-size:24px;padding-bottom:10px}.markdown-content h2{border-bottom:1px solid var(--border-color);font-size:20px;padding-bottom:8px}.markdown-content h3{font-size:18px}.markdown-content h4{font-size:16px}.markdown-content h5{font-size:15px}.markdown-content h6{color:var(--text-tertiary);font-size:14px}.markdown-content p{color:var(--text-secondary);margin:12px 0}.markdown-content ol,.markdown-content ul{color:var(--text-secondary);margin:12px 0;padding-left:24px}.markdown-content ul{list-style-type:disc}.markdown-content ul ul{list-style-type:circle;margin-bottom:8px;margin-top:8px}.markdown-content ul ul ul{list-style-type:square}.markdown-content ol{list-style-type:decimal}.markdown-content ol ol{list-style-type:lower-alpha;margin-bottom:8px;margin-top:8px}.markdown-content li{line-height:1.6;margin:6px 0}.markdown-content li>p{margin:4px 0}.markdown-content b,.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content em,.markdown-content i{color:var(--text-secondary);font-style:italic}.markdown-content code{background:var(--bg-primary);border-radius:3px;color:#e74c3c;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.markdown-content pre{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin:12px 0;overflow-x:auto;padding:12px}.markdown-content pre code{background:none;color:#e74c3c;font-size:12px;line-height:1.5;padding:0}.markdown-content a{color:#667eea;font-weight:500;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content blockquote{background:var(--bg-primary);border-left:4px solid #667eea;border-radius:4px;color:var(--text-secondary);font-style:italic;margin:12px 0;padding:12px 16px}.markdown-content blockquote p{margin:0}.markdown-content hr{border:none;border-top:2px solid var(--border-color);margin:20px 0}.markdown-content table{border-collapse:collapse;font-size:13px;margin:12px 0;width:100%}.markdown-content table td,.markdown-content table th{border:1px solid var(--border-color);padding:10px;text-align:left}.markdown-content table th{color:var(--text-primary);font-weight:600}.markdown-content table th,.markdown-content table tr:nth-child(2n){background:var(--bg-primary)}.empty-message{color:var(--text-tertiary);font-style:italic}.analysis-subsection{background:var(--bg-tertiary);border-left:4px solid #667eea;border-radius:4px;margin:20px 0;padding:15px}.analysis-subsection h3{margin-top:0}.analysis-subsection.good-fit{border-left-color:#51cf66}.analysis-subsection.gap{border-left-color:#ff6b6b}.analysis-subsection ol,.analysis-subsection ul{color:var(--text-secondary);margin:10px 0 0;padding-left:20px}.analysis-subsection li{line-height:1.6}.salary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:15px}@media (min-width:768px){.salary-grid{grid-template-columns:repeat(3,1fr)}}.salary-item.full-width{background:var(--bg-primary);grid-column:1/-1;padding:15px}.salary-item{background:var(--bg-tertiary);border-radius:4px;display:flex;flex-direction:column;gap:8px;padding:15px}.salary-item strong{color:var(--text-primary);font-size:13px}.salary-item span{font-size:14px}.keywords-list{margin:15px 0}.keyword-badge{background:#667eea;border-radius:16px}.resume-preview{background:var(--bg-tertiary);margin:15px 0;padding:15px}.resume-preview h3{color:var(--text-primary);margin-top:0}.resume-headline,.resume-summary{margin:10px 0 0}.resume-actions button{font-size:13px;padding:10px 16px}.edit-form{gap:20px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);transition:border-color .2s}.form-group textarea{min-height:80px;resize:vertical}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.sidebar-header{border-bottom:2px solid var(--border-color);margin-bottom:25px;padding-bottom:20px}.sidebar-header h1{color:var(--text-primary);font-size:18px;line-height:1.4;margin:0 0 8px}.sidebar-header .company-name{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:10px}.sidebar-header .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.sidebar-actions{border-top:2px solid var(--border-color);padding-top:20px}.sidebar-actions .btn-action{margin-bottom:10px}.sidebar-actions .btn-action:last-child{margin-bottom:0}.sidebar-actions .btn-primary{background:#667eea;font-weight:600}.sidebar-actions .btn-primary:hover:not(:disabled){background:#5568d3}.sidebar-actions .btn-danger{background:#ff6b6b}.sidebar-actions .btn-danger:hover:not(:disabled){background:#ee5a52}.job-details-section{background:var(--bg-tertiary);border-radius:8px;margin-bottom:40px;padding:20px}.job-details-section h2{color:var(--text-primary);font-size:16px;margin:0 0 15px}.job-description{word-wrap:break-word;color:var(--text-secondary);font-size:14px;line-height:1.8;white-space:pre-wrap}.ai-analysis-empty{background:var(--bg-tertiary);border-radius:8px;padding:60px 40px;text-align:center}.empty-state-ai h2{color:var(--text-primary);font-size:20px;margin:0 0 10px}.empty-state-ai p{color:var(--text-secondary);font-size:14px;margin:0}.ai-analysis-section{padding:0}.ai-analysis-section h2{color:var(--text-primary);font-size:18px;margin:0 0 25px}.analysis-card{background:var(--bg-tertiary);border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:20px}.analysis-card h3{border-bottom:1px solid var(--border-color);font-size:16px;margin:0 0 20px;padding-bottom:12px}.analysis-card h3,.analysis-card h4{color:var(--text-primary);font-weight:600}.analysis-card h4{font-size:14px;margin:0 0 10px}.job-match-card{border-left-color:#667eea}.match-percentage{align-items:center;display:flex;margin-bottom:20px}.percentage-circle{align-items:center;background:linear-gradient(135deg,#667eea,#5568d3);border-radius:50%;color:#fff;display:flex;flex-direction:column;height:100px;justify-content:center;margin-right:20px;width:100px}.match-progress{margin-bottom:20px}.progress-bar-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:28px;overflow:hidden}.progress-bar-fill{align-items:center;border-radius:4px 0 0 4px;color:#fff;display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;position:relative;transition:width .5s ease-out;white-space:nowrap}.progress-bar-fill span{padding:0 12px}.progress-bar-highlighter{background:#ffffff80;box-shadow:0 0 8px #ffffffb3;height:100%;position:absolute;right:0;top:0;width:3px}.percentage-value{font-size:32px;font-weight:700;line-height:1}.percentage-label{font-size:12px;margin-top:4px;opacity:.9}.salary-card{border-left-color:#51cf66}.salary-card .salary-item{align-items:center;background:var(--bg-primary);border-radius:4px;display:flex;font-size:13px;justify-content:space-between;padding:10px}.salary-card .salary-item strong{color:var(--text-primary);margin-right:10px}.salary-item span{color:var(--text-secondary);text-align:right}.interview-card{border-left-color:#ffd93d}.interview-card ol{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0;padding-left:20px}.interview-card li{margin-bottom:8px}.keywords-card{border-left-color:#ff922b}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-badge{background:var(--color-primary);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.resume-card{border-left-color:#a78bfa}.resume-preview{background:var(--bg-primary);border-radius:4px;margin-bottom:15px;padding:12px}.resume-headline,.resume-summary{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.resume-actions{gap:8px;margin-top:15px}.resume-actions .btn-secondary{flex:1 1;font-size:12px;padding:8px 12px}.analysis-subsection{border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px}.analysis-subsection h3{color:var(--text-primary);font-size:14px;margin:0 0 10px}.analysis-subsection ul{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0;padding-left:20px}.analysis-subsection li{margin-bottom:8px}.analysis-subsection p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0}.good-fit{color:#51cf66}.gap{color:#ff6b6b}@media (max-width:1400px){.app-header{flex-direction:column}.app-header-left{flex:1 1}.app-header-actions{align-self:flex-end;width:100%}}@media (max-width:1024px){.application-detail-page .resume-editor{padding:0}.application-detail{padding:20px}.app-container{grid-template-columns:1fr}.app-sidebar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:auto;padding:20px;position:-webkit-sticky;position:sticky;top:60px}.sidebar-section{margin-bottom:0}.btn-text{display:none}.btn-icon-label{padding:8px}}@media (max-width:768px){.application-detail,.application-detail-page{padding:20px 15px}.app-header{gap:15px;padding:20px}.app-header-left h1{font-size:24px}.app-header-actions{align-items:stretch;flex-direction:column;width:100%}.app-header-actions .btn-icon-label{justify-content:center;width:100%}.app-header-actions .read-only-badge,.app-header-actions button{width:100%}.app-container{gap:20px}.app-sidebar{grid-template-columns:1fr;padding:15px}.app-content{padding:20px}.app-tabs{margin-bottom:20px}.tab-button{font-size:13px;padding:10px 12px}.content-section h2{font-size:18px;margin-bottom:15px}.salary-grid{grid-template-columns:1fr}.keywords-list{gap:6px}.keyword-badge{font-size:11px;padding:5px 10px}}.dashboard-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.sort-dropdown-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:10px 15px}.sort-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sort-fields{display:flex;flex-wrap:wrap;gap:8px}.sort-field-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.sort-field-btn:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.sort-field-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sort-indicator{font-weight:700;margin-left:4px}.secondary-sort{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;white-space:nowrap}.secondary-label{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.secondary-sort-field{align-items:center;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:4px;display:inline-flex;font-size:11px;gap:6px;padding:4px 10px}.remove-secondary-sort{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .2s ease}.remove-secondary-sort:hover{color:var(--text-primary)}.view-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:4px;padding:2px}.view-btn{background:#0000;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.view-btn:hover{background:var(--border-color);color:var(--text-primary)}.view-btn.active{background:var(--color-primary);color:#fff}.applications-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:1200px){.dashboard-header-controls{gap:12px}.sort-dropdown-container{gap:8px;padding:8px 12px}.sort-field-btn{font-size:11px;padding:5px 10px}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.dashboard-header h1{font-size:24px;margin-bottom:15px}.dashboard{padding:20px 15px}.dashboard-header-controls{flex-direction:column;gap:12px;width:100%}.sort-dropdown-container{flex-direction:column;gap:8px;width:100%}.sort-fields{width:100%}.sort-field-btn{flex:1 1;min-width:70px}.view-toggle{justify-content:space-between;width:100%}.view-btn{flex:1 1}.btn-primary{width:100%}}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.wysiwyg-editor-container{display:flex;flex-direction:column;margin-bottom:8px}.wysiwyg-editor-container .ql-toolbar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px 4px 0 0;flex-shrink:0}.wysiwyg-editor-container .ql-toolbar button{background:#0000;border:none;border-radius:0;font-size:inherit;height:24px;min-height:auto;padding:3px 5px;width:28px}.wysiwyg-editor-container .ql-toolbar button:hover{background:#0000;color:#667eea;color:var(--color-primary,#667eea)}.wysiwyg-editor-container .ql-toolbar .ql-picker{height:24px}.wysiwyg-editor-container .ql-toolbar .ql-picker-label{padding:2px 8px}.wysiwyg-editor-container .ql-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 4px 4px;display:flex;flex:1 1;flex-direction:column;min-height:150px;overflow:hidden}.wysiwyg-editor-container .ql-container.ql-bubble{border-radius:4px}.wysiwyg-editor-container .ql-editor{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.6;max-height:400px;min-height:100px;overflow-y:auto;padding:12px}.wysiwyg-editor-container .quill{display:flex;flex-direction:column;overflow:hidden}.wysiwyg-editor-container .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:italic}.wysiwyg-editor-container.height-small .ql-container{min-height:100px}.wysiwyg-editor-container.height-small .ql-editor{max-height:200px;min-height:60px}.wysiwyg-editor-container.height-medium .ql-container{min-height:150px}.wysiwyg-editor-container.height-medium .ql-editor{max-height:300px;min-height:100px}.wysiwyg-editor-container.height-large .ql-container{min-height:200px}.wysiwyg-editor-container.height-large .ql-editor{max-height:500px;min-height:150px}.wysiwyg-editor-container.height-auto .ql-container{min-height:100px}.wysiwyg-editor-container.height-auto .ql-editor{max-height:none;min-height:60px}.wysiwyg-editor-container.resizable{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;height:300px;max-height:80vh;min-height:150px;overflow:hidden;position:relative;resize:vertical}.wysiwyg-editor-container.resizable .quill{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.wysiwyg-editor-container.resizable .ql-container{border:none;border-radius:0;flex:1 1;overflow:hidden}.wysiwyg-editor-container.resizable .ql-editor{height:100%;max-height:none;overflow-y:auto!important}.wysiwyg-editor-container.resizable .ql-container.ql-bubble{border-radius:4px}.wysiwyg-editor-container.disabled .ql-bubble .ql-tooltip,.wysiwyg-editor-container.disabled .ql-clipboard,.wysiwyg-editor-container.disabled .ql-tooltip{display:none!important;height:0!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important}.wysiwyg-editor-container.disabled{cursor:not-allowed;opacity:.6}.wysiwyg-editor-container.disabled .ql-editor{cursor:not-allowed}.wysiwyg-editor-container.disabled.resizable{cursor:default;opacity:1}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar button{color:var(--text-secondary)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar button:hover{color:var(--text-primary)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar .ql-stroke{stroke:var(--text-secondary)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar .ql-fill{fill:var(--text-secondary)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar button:hover .ql-stroke{stroke:var(--text-primary)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar button:hover .ql-fill{fill:var(--text-primary)}[data-theme=dark] .wysiwyg-editor-container .ql-toolbar .ql-picker{color:var(--text-secondary)}[data-theme=dark] .wysiwyg-editor-container .ql-container,[data-theme=dark] .wysiwyg-editor-container .ql-toolbar .ql-picker-options{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .wysiwyg-editor-container .ql-editor{color:var(--text-primary)}[data-theme=dark] .wysiwyg-editor-container.resizable{background:var(--bg-secondary);border-color:var(--border-color)}.usage-meter{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.usage-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.plan-badge{background:var(--accent-color)}.usage-meters{gap:1rem}.meter-item,.usage-meters{display:flex;flex-direction:column}.meter-item{gap:.5rem}.meter-label{align-items:center;display:flex;gap:.5rem}.meter-icon{font-size:1rem}.meter-name{color:var(--text-secondary);flex:1 1;font-size:.875rem}.meter-count{color:var(--text-primary);font-size:.875rem;font-weight:500}.meter-count.warning{color:var(--status-interviewing)}.meter-count.critical{color:var(--status-rejected)}.meter-bar{background:var(--border-color);border-radius:3px;height:6px;overflow:hidden}.meter-fill{border-radius:3px;height:100%;transition:width .3s ease}.meter-fill.normal{background:var(--status-accepted)}.meter-fill.warning{background:var(--status-interviewing)}.meter-fill.critical{background:var(--status-rejected)}.meter-unlimited{color:var(--status-new);font-size:.75rem;font-weight:500}.upgrade-button{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1.25rem;padding:.75rem 1rem;transition:background .2s ease;width:100%}.upgrade-button:hover{background:var(--accent-hover)}.usage-reset{color:var(--text-tertiary);font-size:.75rem;margin-top:1rem;text-align:center}.usage-meter-compact{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem}.usage-meter-compact .usage-icon{font-size:.875rem}.usage-meter-compact .usage-text{color:var(--text-primary);font-weight:500}.usage-meter-compact.warning .usage-text{color:var(--status-interviewing)}.usage-meter-compact.critical .usage-text{color:var(--status-rejected)}.usage-bar-compact{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden;width:40px}.usage-bar-compact .usage-fill{background:var(--status-accepted);border-radius:2px;height:100%;transition:width .3s ease}.usage-meter-compact.warning .usage-fill{background:var(--status-interviewing)}.usage-meter-compact.critical .usage-fill{background:var(--status-rejected)}.upgrade-prompt-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.upgrade-prompt-modal{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0003;max-width:420px;padding:2rem;position:relative;text-align:center;width:100%}.upgrade-prompt-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.upgrade-prompt-close:hover{color:var(--text-primary)}.upgrade-prompt-icon{font-size:3rem;margin-bottom:1rem}.upgrade-prompt-modal h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.upgrade-prompt-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:1.5rem}.upgrade-prompt-features{background:var(--bg-secondary);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;text-align:left}.upgrade-prompt-features h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.upgrade-prompt-features ul{list-style:none;margin:0;padding:0}.upgrade-prompt-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.375rem 0}.upgrade-prompt-features li.highlight{color:var(--accent-color);font-weight:500}.upgrade-prompt-features .feature-check{color:var(--status-accepted);font-weight:600}.upgrade-prompt-features li.highlight .feature-check{color:var(--accent-color)}.upgrade-prompt-pricing{margin-bottom:1.5rem}.upgrade-prompt-pricing .price{color:var(--text-primary);font-size:2rem;font-weight:700}.upgrade-prompt-pricing .period{color:var(--text-secondary);font-size:1rem}.upgrade-prompt-pricing .discount{color:var(--status-new);display:block;font-size:.8125rem;margin-top:.25rem}.upgrade-prompt-actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-btn{border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.upgrade-btn.primary{background:var(--accent-color);border:none;color:#fff}.upgrade-btn.primary:hover{background:var(--accent-hover)}.upgrade-btn.secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.upgrade-btn.secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}@media (max-width:480px){.upgrade-prompt-modal{padding:1.5rem}.upgrade-prompt-modal h2{font-size:1.25rem}.upgrade-prompt-pricing .price{font-size:1.75rem}}.applications-list-view{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:0 auto;max-width:1800px;overflow:hidden;width:100%}.list-header{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.8px;padding:16px 24px;text-transform:uppercase}.list-header-cell{align-items:center;display:flex;gap:6px}.list-header-cell.sortable{cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.list-header-cell.sortable:hover{color:var(--color-primary)}.header-content{align-items:center;display:flex;gap:6px;width:100%}.sort-indicator{color:var(--color-primary);display:inline-block;font-size:12px;min-width:16px;opacity:.6;text-align:center;transition:opacity .2s ease}.list-header-cell.sortable:hover .sort-indicator{opacity:1}.list-header-cell.actions-col{text-align:right}.list-rows{display:flex;flex-direction:column}.list-row{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;min-height:68px;padding:18px 24px;transition:all .2s ease}.list-row:hover{background-color:var(--bg-tertiary);box-shadow:0 1px 3px #0000000d;transform:translateX(2px)}.list-row.selected{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);box-shadow:inset 0 1px 3px #0000000d;padding-left:20px}.list-row.selected:hover{transform:none}.list-cell{color:var(--text-primary);font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-cell.job_title-col{color:var(--text-primary);font-size:15px;font-weight:600}.list-cell.company_name-col{color:var(--text-secondary);font-weight:500}.list-cell.actions-col{overflow:visible;position:relative;text-align:right}.list-cell.job_match_percentage-col,.list-cell.status-col{text-align:center}.list-header-cell.job_match_percentage-col .header-content,.list-header-cell.status-col .header-content{justify-content:center}.status-badge{border-radius:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-block;font-weight:700;letter-spacing:.5px;transition:all .2s ease}.status-badge:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.match-badge{background:var(--color-primary-light);border-radius:8px;color:var(--color-primary);font-size:13px;font-weight:700;padding:4px 8px}.match-badge--empty{color:var(--text-tertiary);font-weight:500}.menu-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:22px;justify-content:center;min-height:44px;min-width:44px;padding:10px 12px;transition:all .2s ease}.menu-button:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.filter-actions{align-items:center;display:flex;gap:8px}.status-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding-top:4px}.status-checkbox{margin-right:8px}[data-radix-dropdown-menu-trigger]{cursor:pointer}.dropdown-content{animation:fadeIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:180px;padding:8px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;outline:none;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{padding-left:16px}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.dropdown-item:disabled:hover{padding-left:14px}.dropdown-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.dropdown-checkbox-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;outline:none;padding:8px 12px 8px 32px;position:relative;text-align:left;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:100%}.dropdown-checkbox-item:hover{background-color:var(--bg-tertiary)}.dropdown-item-indicator{left:10px;position:absolute}.pagination-controls{align-items:center;background:var(--bg-secondary);border-radius:0 0 8px 8px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 20px}.pagination-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;display:flex;gap:8px;justify-content:center;min-width:180px}.pagination-summary{color:var(--text-tertiary);font-size:12px}.column-resize-handle{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:0;top:0;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:4px}.column-resize-handle:hover{background:var(--color-primary);opacity:.5}.column-resize-handle:active{background:var(--color-primary);opacity:.8}@media (min-width:768px) and (max-width:1024px){.applications-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.list-table{min-width:900px}.list-header .header-cell:first-child,.list-row .list-cell:first-child{background:var(--bg-primary);box-shadow:2px 0 4px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:1}.list-header .header-cell:first-child{z-index:2}}@media (max-width:767px){.applications-list-view{border-radius:0;box-shadow:none}.list-header{display:none}.list-rows{gap:12px;padding:0}.list-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:10px;margin-bottom:0;min-height:auto;padding:16px;position:relative}.list-row:hover{box-shadow:0 2px 6px #0000001f;transform:none}.list-row.selected{border-left:1px solid var(--border-color);border:2px solid var(--color-primary);padding-left:16px}.list-row:last-child{margin-bottom:0}.list-cell{display:none;white-space:normal}.list-cell.actions-col,.list-cell[data-label="Job Title"],.list-cell[data-label="Match %"],.list-cell[data-label=Company],.list-cell[data-label=Status]{display:block}.list-cell[data-label="Job Title"]{color:var(--text-primary);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:4px;padding-right:48px}.list-cell[data-label="Job Title"]:before{display:none}.list-cell[data-label=Company]{color:var(--text-secondary);font-size:15px;font-weight:500;margin-bottom:10px}.list-cell[data-label=Company]:before{display:none}.list-cell[data-label="Match %"],.list-cell[data-label=Status]{display:inline-block;margin-right:8px}.list-cell[data-label="Match %"]:before,.list-cell[data-label=Status]:before{display:none}.list-cell[data-label=Status] .status-badge{font-size:11px;padding:5px 12px}.list-cell.actions-col{position:absolute;right:12px;top:12px}.pagination-controls{flex-direction:column;gap:12px;padding:12px}.pagination-btn{flex:1 1;width:100%}.pagination-info{flex-direction:column;gap:4px;min-width:auto;width:100%}.pagination-summary{font-size:11px}}.theme-dropdown{margin-bottom:16px;position:relative}.theme-dropdown__label{color:#111827;color:var(--text-primary,#111827);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.theme-dropdown__trigger{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:10px 12px;transition:all .15s ease;width:100%}.theme-dropdown__trigger:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.theme-dropdown__trigger:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 2px #3b82f633;outline:none}.theme-dropdown__selected{align-items:center;display:flex;gap:10px;min-width:0}.theme-dropdown__icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;width:24px}.theme-dropdown__name{color:#111827;color:var(--text-primary,#111827);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dropdown__badge{border-radius:10px;flex-shrink:0;font-size:10px;font-weight:500;padding:2px 8px}.theme-dropdown__badge--builtin{background:#dbeafe;color:#1d4ed8}.theme-dropdown__badge--community{background:#ede9fe;color:#7c3aed}.theme-dropdown__arrow{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0;font-size:10px;transition:transform .2s ease}.theme-dropdown__arrow--open{transform:rotate(180deg)}.theme-dropdown__menu{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.theme-dropdown__menu::-webkit-scrollbar{width:6px}.theme-dropdown__menu::-webkit-scrollbar-track{background:#0000}.theme-dropdown__menu::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}.theme-dropdown__section-header{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.05em;padding:8px 12px 4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.theme-dropdown__section-title{align-items:center;display:flex;gap:4px}.theme-dropdown__section-link{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:10px;opacity:.7;text-decoration:none;transition:opacity .15s ease}.theme-dropdown__section-link:hover{color:#3b82f6;color:var(--accent-primary,#3b82f6);opacity:1}.theme-dropdown__loading{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:10px;font-style:italic;font-weight:400;letter-spacing:normal;text-transform:none}.theme-dropdown__option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background-color .1s ease}.theme-dropdown__option:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.theme-dropdown__option--selected,.theme-dropdown__option--selected:hover{background:#eff6ff;background:var(--accent-light,#eff6ff)}.theme-dropdown__option-name{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px}.theme-dropdown__popular{background:#fef3c7;border-radius:8px;color:#f59e0b;font-size:9px;font-weight:500;padding:1px 5px}.theme-dropdown__check{color:#3b82f6;color:var(--accent-primary,#3b82f6);flex-shrink:0;font-size:12px;font-weight:700}.theme-dropdown__error{align-items:center;color:#dc2626;display:flex;font-size:11px;justify-content:space-between;padding:8px 12px}.theme-dropdown__error button{background:#0000;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;font-size:10px;padding:2px 8px}.theme-dropdown__error button:hover{background:#fef2f2}[data-theme=dark] .theme-dropdown__label{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .theme-dropdown__trigger{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .theme-dropdown__trigger:hover{background:#374151;background:var(--bg-hover,#374151);border-color:#4b5563;border-color:var(--border-hover,#4b5563)}[data-theme=dark] .theme-dropdown__name{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .theme-dropdown__badge--builtin{background:#3b82f633;color:#93c5fd}[data-theme=dark] .theme-dropdown__badge--community{background:#8b5cf633;color:#c4b5fd}[data-theme=dark] .theme-dropdown__menu{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .theme-dropdown__menu::-webkit-scrollbar-thumb{background:#4b5563;background:var(--border-color,#4b5563)}[data-theme=dark] .theme-dropdown__section-header{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .theme-dropdown__section-link{color:#6b7280;color:var(--text-tertiary,#6b7280)}[data-theme=dark] .theme-dropdown__section-link:hover{color:#60a5fa;color:var(--accent-primary,#60a5fa)}[data-theme=dark] .theme-dropdown__option:hover{background:#374151;background:var(--bg-hover,#374151)}[data-theme=dark] .theme-dropdown__option--selected,[data-theme=dark] .theme-dropdown__option--selected:hover{background:#3b82f626}[data-theme=dark] .theme-dropdown__option-name{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .theme-dropdown__popular{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .theme-dropdown__check{color:#60a5fa;color:var(--accent-primary,#60a5fa)}[data-theme=dark] .theme-dropdown__error{color:#fca5a5}[data-theme=dark] .theme-dropdown__error button{border-color:#dc26264d;color:#fca5a5}[data-theme=dark] .theme-dropdown__error button:hover{background:#dc26261a}.collapsible-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden}.collapsible-section+.collapsible-section{margin-top:8px}.collapsible-section__header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.collapsible-section__header:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb)}.collapsible-section__header:focus{box-shadow:inset 0 0 0 2px #3b82f6;box-shadow:inset 0 0 0 2px var(--focus-ring,#3b82f6);outline:none}.collapsible-section__icon{color:#6b7280;color:var(--text-secondary,#6b7280);flex-shrink:0;font-size:10px;transition:transform .15s ease;width:12px}.collapsible-section__title{color:#111827;color:var(--text-primary,#111827);font-size:13px;font-weight:600}.collapsible-section__content{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:0 16px 16px}.collapsible-section--expanded .collapsible-section__header{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.collapsible-section--disabled{opacity:.5}.collapsible-section--disabled .collapsible-section__header{cursor:not-allowed}.collapsible-section--disabled .collapsible-section__header:hover{background:#0000}[data-theme=dark] .collapsible-section{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .collapsible-section__header:hover{background:#374151;background:var(--bg-hover,#374151)}[data-theme=dark] .collapsible-section__icon{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .collapsible-section__title{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .collapsible-section__content{border-top-color:#374151;border-top-color:var(--border-color,#374151)}[data-theme=dark] .collapsible-section--expanded .collapsible-section__header{background:#111827;background:var(--bg-secondary,#111827)}.section-manager{display:flex;flex-direction:column;gap:12px}.section-manager__description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:0}.section-manager__avatar-toggle{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px}.section-manager__avatar-icon{font-size:16px;text-align:center;width:20px}.section-manager__avatar-label{color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:13px;font-weight:500}[data-theme=dark] .section-manager__avatar-toggle{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .section-manager__avatar-label{color:#f9fafb;color:var(--text-primary,#f9fafb)}.section-manager__list{display:flex;flex-direction:column;gap:4px}.section-manager__item{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:grab;display:flex;gap:10px;padding:10px 12px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.section-manager__item:hover{background:#f9fafb;background:var(--bg-hover,#f9fafb);border-color:#d1d5db;border-color:var(--border-color-hover,#d1d5db)}.section-manager__item--dragging{cursor:grabbing;opacity:.5}.section-manager__item--drag-over{background:#3b82f60d;border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6)}.section-manager__item--hidden{opacity:.6}.section-manager__item--hidden .section-manager__label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);text-decoration:line-through}.section-manager__item--fixed{background:#f9fafb;background:var(--bg-secondary,#f9fafb);cursor:default}.section-manager__item--fixed:hover{cursor:default}.section-manager__handle--locked{cursor:default;font-size:14px;letter-spacing:0}.section-manager__toggle--locked{cursor:not-allowed;opacity:.5}.section-manager__toggle--locked .section-manager__toggle-slider{cursor:not-allowed}.section-manager__handle{color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:grab;font-size:12px;letter-spacing:1px;padding:2px}.section-manager__item:active .section-manager__handle{cursor:grabbing}.section-manager__icon{flex-shrink:0;font-size:16px;text-align:center;width:24px}.section-manager__label{color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:13px;font-weight:500}.section-manager__column-toggle{display:flex;flex-shrink:0;gap:2px}.column-toggle__btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;font-size:10px;font-weight:600;height:22px;padding:0;transition:all .15s ease;width:22px}.column-toggle__btn:hover{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.column-toggle__btn--active,.column-toggle__btn:hover{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6)}.column-toggle__btn--active{background:#3b82f6;background:var(--accent-primary,#3b82f6);color:#fff}.column-toggle__btn--active:hover{background:#2563eb;background:var(--accent-primary-hover,#2563eb);border-color:#2563eb;border-color:var(--accent-primary-hover,#2563eb);color:#fff}.section-manager__toggle{display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.section-manager__toggle input{height:0;opacity:0;width:0}.section-manager__toggle-slider{background-color:#d1d5db;background-color:var(--bg-tertiary,#d1d5db);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.section-manager__toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000001a;content:"";height:14px;left:3px;position:absolute;transition:.2s;width:14px}.section-manager__toggle input:checked+.section-manager__toggle-slider{background-color:#3b82f6;background-color:var(--accent-primary,#3b82f6)}.section-manager__toggle input:checked+.section-manager__toggle-slider:before{transform:translateX(16px)}.section-manager__toggle input:focus+.section-manager__toggle-slider{box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .section-manager__description{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .section-manager__item{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .section-manager__item:hover{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color-hover,#4b5563)}[data-theme=dark] .section-manager__item--drag-over{background:#60a5fa1a;border-color:#60a5fa;border-color:var(--accent-primary,#60a5fa)}[data-theme=dark] .section-manager__handle{color:#6b7280;color:var(--text-tertiary,#6b7280)}[data-theme=dark] .section-manager__label{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}[data-theme=dark] .section-manager__item--hidden .section-manager__label{color:#6b7280;color:var(--text-tertiary,#6b7280)}[data-theme=dark] .section-manager__toggle-slider{background-color:#4b5563;background-color:var(--bg-tertiary,#4b5563)}[data-theme=dark] .section-manager__toggle input:checked+.section-manager__toggle-slider{background-color:#60a5fa;background-color:var(--accent-primary,#60a5fa)}[data-theme=dark] .section-manager__toggle input:focus+.section-manager__toggle-slider{box-shadow:0 0 0 2px #60a5fa33}[data-theme=dark] .section-manager__item--fixed{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .section-manager__toggle--locked .section-manager__toggle-slider{background-color:#374151;background-color:var(--bg-tertiary,#374151)}[data-theme=dark] .column-toggle__btn{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151);color:#6b7280;color:var(--text-tertiary,#6b7280)}[data-theme=dark] .column-toggle__btn:hover{border-color:#60a5fa;border-color:var(--accent-primary,#60a5fa);color:#60a5fa;color:var(--accent-primary,#60a5fa)}[data-theme=dark] .column-toggle__btn--active{background:#60a5fa;background:var(--accent-primary,#60a5fa);border-color:#60a5fa;border-color:var(--accent-primary,#60a5fa);color:#fff}@media (max-width:480px){.section-manager__item{gap:8px;padding:8px 10px}.section-manager__icon{font-size:14px;width:20px}.section-manager__label{font-size:12px}.section-manager__toggle{height:18px;width:32px}.section-manager__toggle-slider:before{height:12px;width:12px}.section-manager__toggle input:checked+.section-manager__toggle-slider:before{transform:translateX(14px)}}.color-customizer{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:16px;padding:16px}.color-customizer__title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.color-customizer__section{display:flex;flex-direction:column;gap:10px}.color-customizer__label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.color-customizer__palettes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.color-palette-button{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:6px;padding:8px;transition:all .2s ease}.color-palette-button:hover{background-color:#3b82f614;border-color:#3b82f6}.color-palette-button__colors{display:flex;gap:4px;width:100%}.color-palette-button__color{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:4px;display:block;flex:1 1;height:24px}.color-palette-button__name{font-size:9px;font-weight:500}.color-customizer__toggle{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.color-customizer__toggle:hover{background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.color-customizer__toggle.active{background-color:#3b82f633;border-color:#3b82f6;color:#1e40af}.color-customizer__custom{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.color-customizer__color-group{display:flex;flex-direction:column;gap:6px}.color-customizer__color-label{color:#374151;color:var(--text-primary,#374151);font-size:11px;font-weight:600;margin:0}.color-customizer__color-input-wrapper{align-items:center;display:flex;gap:8px}.color-customizer__color-input{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;cursor:pointer;height:36px;padding:2px;width:44px}.color-customizer__color-input:hover{border-color:#9ca3af;border-color:var(--text-tertiary,#9ca3af)}.color-customizer__color-value{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);flex:1 1;font-family:monospace;font-size:10px;padding:4px 8px}.color-customizer__color-preview{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;box-shadow:0 1px 3px #0000001a;height:32px;width:100%}.color-customizer__preview{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.color-customizer__preview-label{color:#374151;color:var(--text-primary,#374151);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.color-customizer__preview-box{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.color-customizer__preview-accent,.color-customizer__preview-primary,.color-customizer__preview-secondary{align-items:center;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;font-size:10px;font-weight:600;justify-content:center;min-height:40px;padding:12px;text-align:center}@media (max-width:768px){.color-customizer{padding:12px}.color-customizer__palettes{grid-template-columns:1fr}.color-palette-button{flex-direction:row}.color-customizer__preview-box{grid-template-columns:1fr}.color-customizer__custom{padding:8px}}[data-theme=dark] .color-customizer{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .color-customizer h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .color-palette-button{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .color-palette-button:hover{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color-light,#4b5563)}[data-theme=dark] .color-customizer__label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .color-customizer__title{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .color-customizer__toggle{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .color-customizer__toggle:hover{background-color:#374151;background-color:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .color-customizer__toggle.active{background-color:#818cf8;background-color:var(--color-primary,#818cf8);border-color:#818cf8;border-color:var(--color-primary,#818cf8);color:#fff}[data-theme=dark] .color-customizer__custom{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .color-customizer__color-label,[data-theme=dark] .color-customizer__color-value{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .color-customizer__color-value{background-color:#374151;background-color:var(--bg-tertiary,#374151);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .color-customizer__preview{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .color-customizer__preview-label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .color-input{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .color-input:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .color-customizer__preview-box,[data-theme=dark] .color-preview{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .color-customizer__preview-box{background:#111827;background:var(--bg-secondary,#111827)}.json-resume-color-customizer{display:flex;flex-direction:column;gap:12px}.json-resume-color-customizer__header{align-items:center;display:flex;justify-content:space-between}.json-resume-color-customizer__title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0}[data-theme=dark] .json-resume-color-customizer__title{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.json-resume-color-customizer__reset-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s ease}.json-resume-color-customizer__reset-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-color-hover,#d1d5db);color:#374151;color:var(--text-primary,#374151)}[data-theme=dark] .json-resume-color-customizer__reset-btn{border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .json-resume-color-customizer__reset-btn:hover{background:#374151;background:var(--bg-hover,#374151);border-color:#6b7280;border-color:var(--border-color-hover,#6b7280);color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.json-resume-color-customizer__description{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;line-height:1.4;margin:0}[data-theme=dark] .json-resume-color-customizer__description{color:#6b7280;color:var(--text-tertiary,#6b7280)}.json-resume-color-customizer__colors{display:flex;flex-direction:column;gap:8px}.json-resume-color-customizer__color-row{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px;transition:background-color .15s ease}.json-resume-color-customizer__color-row:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}[data-theme=dark] .json-resume-color-customizer__color-row{background:#1f2937;background:var(--bg-secondary,#1f2937)}[data-theme=dark] .json-resume-color-customizer__color-row:hover{background:#374151;background:var(--bg-hover,#374151)}.json-resume-color-customizer__color-info{display:flex;flex-direction:column;gap:2px}.json-resume-color-customizer__label{color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:13px;font-weight:500}[data-theme=dark] .json-resume-color-customizer__label{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.json-resume-color-customizer__hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}[data-theme=dark] .json-resume-color-customizer__hint{color:#6b7280;color:var(--text-tertiary,#6b7280)}.json-resume-color-customizer__color-controls{align-items:center;display:flex;gap:8px}.json-resume-color-customizer__color-wrapper{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:4px;display:flex;gap:6px;padding:3px;transition:all .15s ease}.json-resume-color-customizer__color-wrapper.customized{border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);border-style:solid}[data-theme=dark] .json-resume-color-customizer__color-wrapper{background:#111827;background:var(--bg-primary,#111827);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .json-resume-color-customizer__color-wrapper.customized{border-color:#60a5fa;border-color:var(--color-accent,#60a5fa)}.json-resume-color-customizer__color-input{background:#0000;border:none;border-radius:3px;cursor:pointer;height:28px;padding:0;width:28px}.json-resume-color-customizer__color-input::-webkit-color-swatch-wrapper{padding:0}.json-resume-color-customizer__color-input::-webkit-color-swatch{border:1px solid #0000001a;border-radius:3px}.json-resume-color-customizer__color-value{color:#6b7280;color:var(--text-secondary,#6b7280);font-family:SF Mono,Monaco,Courier New,monospace;font-size:10px;min-width:60px}[data-theme=dark] .json-resume-color-customizer__color-value{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.json-resume-color-customizer__clear-btn{align-items:center;background:#fef2f2;background:var(--bg-danger-light,#fef2f2);border:none;border-radius:4px;color:#dc2626;color:var(--color-danger,#dc2626);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.json-resume-color-customizer__clear-btn:hover{background:#fee2e2;background:var(--bg-danger,#fee2e2);color:#b91c1c;color:var(--color-danger-dark,#b91c1c)}[data-theme=dark] .json-resume-color-customizer__clear-btn{background:#ef444426;color:#f87171}[data-theme=dark] .json-resume-color-customizer__clear-btn:hover{background:#ef444440;color:#fca5a5}.json-resume-color-customizer__default-badge{background:#e5e7eb;background:var(--bg-muted,#e5e7eb);border-radius:3px;color:#6b7280;color:var(--text-muted,#6b7280);font-size:10px;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase}[data-theme=dark] .json-resume-color-customizer__default-badge{background:#374151;background:var(--bg-muted,#374151);color:#9ca3af;color:var(--text-muted,#9ca3af)}.json-resume-color-customizer__section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:4px;padding-bottom:12px}[data-theme=dark] .json-resume-color-customizer__section{border-color:#374151;border-color:var(--border-color,#374151)}.json-resume-color-customizer__toggle-row{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px}[data-theme=dark] .json-resume-color-customizer__toggle-row{background:#1f2937;background:var(--bg-secondary,#1f2937)}.json-resume-color-customizer__toggle-info{display:flex;flex-direction:column;gap:2px}.json-resume-color-customizer__toggle-label{color:#374151;color:var(--text-primary,#374151);font-size:13px;font-weight:500}[data-theme=dark] .json-resume-color-customizer__toggle-label{color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.json-resume-color-customizer__switch{display:inline-block;height:22px;position:relative;width:40px}.json-resume-color-customizer__switch input{height:0;opacity:0;width:0}.json-resume-color-customizer__slider{background-color:#d1d5db;background-color:var(--bg-muted,#d1d5db);border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.json-resume-color-customizer__slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #00000026;content:"";height:16px;left:3px;position:absolute;transition:.2s;width:16px}.json-resume-color-customizer__switch input:checked+.json-resume-color-customizer__slider{background-color:#3b82f6;background-color:var(--color-accent,#3b82f6)}.json-resume-color-customizer__switch input:checked+.json-resume-color-customizer__slider:before{transform:translateX(18px)}[data-theme=dark] .json-resume-color-customizer__slider{background-color:#4b5563;background-color:var(--bg-muted,#4b5563)}[data-theme=dark] .json-resume-color-customizer__switch input:checked+.json-resume-color-customizer__slider{background-color:#60a5fa;background-color:var(--color-accent,#60a5fa)}.font-selector{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:12px;padding:16px}.font-selector__title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.font-selector__search{display:flex;gap:8px}.font-selector__search-input{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:12px;padding:8px 12px;transition:border-color .2s ease}.font-selector__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.font-selector__search-input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.font-selector__categories{display:flex;flex-wrap:wrap;gap:6px}.font-selector__category-btn{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.font-selector__category-btn:hover{background-color:#3b82f614;border-color:#3b82f6;color:#1e40af}.font-selector__category-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.font-selector__list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.font-card{align-items:flex-start;background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;position:relative;text-align:left;transition:all .2s ease}.font-card:hover{background-color:#3b82f614;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f61a}.font-card--active{background-color:#3b82f61f;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f626}.font-card__content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.font-card__name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:12px;font-weight:600;margin:0}.font-card__description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:10px;margin:0}.font-card__preview{display:flex;flex-direction:column;gap:4px;margin-top:4px}.font-card__body-sample{color:#374151;color:var(--text-secondary,#374151);font-size:10px;line-height:1.4}.font-card__heading-sample{color:#1f2937;color:var(--text-primary,#1f2937);font-size:12px;font-weight:600;line-height:1.4}.font-card__checkmark{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:6px;top:6px;width:22px}.font-selector__no-results{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;padding:16px;text-align:center}.font-selector__current{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;padding:12px}.font-selector__current-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.font-selector__current-fonts{display:flex;flex-direction:column;gap:6px}.font-selector__current-item{color:#374151;color:var(--text-primary,#374151);display:flex;font-size:11px;gap:8px}.font-selector__current-label-small{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:600;min-width:50px}.font-selector__list::-webkit-scrollbar{width:6px}.font-selector__list::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);border-radius:3px}.font-selector__list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:3px}.font-selector__list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-tertiary,#9ca3af)}@media (max-width:768px){.font-selector{padding:12px}.font-selector__list{max-height:250px}.font-card{padding:8px}.font-card__name{font-size:11px}.font-card__description{font-size:9px}}[data-theme=dark] .font-selector{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .font-selector h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .font-card{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .font-card:hover{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color-light,#4b5563)}[data-theme=dark] .font-card.active{background:#818cf8;background:var(--color-primary,#818cf8);border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .font-card__name{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .font-card.active .font-card__name{color:#fff}[data-theme=dark] .font-card__description{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .font-card.active .font-card__description{color:#fffc}[data-theme=dark] .font-selector__list::-webkit-scrollbar{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .font-selector__list::-webkit-scrollbar-thumb{background:#374151;background:var(--border-color,#374151)}[data-theme=dark] .font-selector__list::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--border-color-light,#4b5563)}.header-style-selector{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.header-style-selector .panel-header{margin-bottom:20px}.header-style-selector .panel-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.header-style-selector .panel-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.header-style-selector .styles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.header-style-selector .style-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:12px;outline:none;padding:20px;position:relative;text-align:left;transition:all .2s ease}.header-style-selector .style-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.header-style-selector .style-card.selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.header-style-selector .style-card:active{transform:translateY(0)}.header-style-selector .style-card.selected .checkmark{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.header-style-selector .style-icon{display:inline-block;font-size:32px;line-height:1;margin-bottom:8px;text-align:center;width:100%}.header-style-selector .style-content{display:flex;flex-direction:column;gap:8px}.header-style-selector .style-content h4{color:#1f2937;font-size:15px;font-weight:600;margin:0}.header-style-selector .style-description{color:#6b7280;font-size:12px;font-weight:500;margin:0}.header-style-selector .style-visual{background-color:#f3f4f6;border-radius:4px;color:#9ca3af;font-size:11px;font-style:italic;margin:0;padding:8px}.header-style-selector .panel-help{background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;padding:12px}.header-style-selector .panel-help p{color:#7c2d12;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.header-style-selector{padding:16px}.header-style-selector .styles-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.header-style-selector .style-card{gap:10px;padding:16px}.header-style-selector .style-icon{font-size:28px}.header-style-selector .style-content h4{font-size:14px}.header-style-selector .style-description{font-size:11px}}@media (max-width:480px){.header-style-selector .styles-grid{grid-template-columns:1fr}.header-style-selector .style-card{padding:16px}.header-style-selector .style-icon{font-size:24px}}[data-theme=dark] .header-style-selector{background:#374151;background:var(--bg-tertiary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .header-style-selector h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .header-style-selector .panel-description{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .header-style-selector button,[data-theme=dark] .header-style-selector input,[data-theme=dark] .header-style-selector select{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .header-style-selector .style-card{background-color:#1f2937;background-color:var(--bg-secondary,#1f2937);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .header-style-selector .style-card:hover{background-color:#374151;background-color:var(--bg-tertiary,#374151);border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .header-style-selector .style-card.selected{background-color:#818cf81a;border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .header-style-selector .style-content h4{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .header-style-selector .style-description{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .header-style-selector .style-visual{background-color:#374151;background-color:var(--bg-tertiary,#374151);color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .header-style-selector button:hover,[data-theme=dark] .header-style-selector input:hover,[data-theme=dark] .header-style-selector select:hover{border-color:#4b5563;border-color:var(--border-color-light,#4b5563)}[data-theme=dark] .header-style-selector input:focus,[data-theme=dark] .header-style-selector select:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .header-style-selector label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .header-style-selector .active{background:#818cf8;background:var(--color-primary,#818cf8);border-color:#818cf8;border-color:var(--color-primary,#818cf8);color:#fff}[data-theme=dark] .header-style-selector .panel-help{background-color:#f59e0b1a;border-left-color:#f59e0b}[data-theme=dark] .header-style-selector .panel-help p{color:#d1d5db;color:var(--text-secondary,#d1d5db)}.layout-option-selector{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.layout-option-selector .panel-header{margin-bottom:20px}.layout-option-selector .panel-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.layout-option-selector .panel-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.layout-option-selector .layout-sections{display:flex;flex-direction:column;gap:24px;margin-bottom:20px}.layout-option-selector .layout-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:16px}.layout-option-selector .layout-label h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.layout-option-selector .layout-label p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.layout-option-selector .layout-buttons{display:flex;flex-wrap:wrap;gap:8px}.layout-option-selector .layout-button{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:13px;font-weight:500;gap:6px;min-width:100px;outline:none;padding:10px 12px;transition:all .2s ease}.layout-option-selector .layout-button:hover{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.layout-option-selector .layout-button.active{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;color:#1e40af;font-weight:600}.layout-option-selector .layout-button:active{transform:scale(.98)}.layout-option-selector .layout-button:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.5}.layout-option-selector .layout-icon{display:inline-block;font-size:16px;font-weight:700;letter-spacing:1px;line-height:1}.layout-option-selector .layout-text{font-size:12px;font-weight:500}.layout-option-selector .layout-preview-hint{background-color:#dbeafe;border-left:3px solid #0284c7;border-radius:4px;margin-bottom:16px;padding:14px}.layout-option-selector .preview-info{display:flex;flex-direction:column;gap:6px}.layout-option-selector .preview-info p{color:#0c4a6e;font-size:13px;line-height:1.4;margin:0}.layout-option-selector .preview-info strong{color:#0c2d4a;font-weight:600}.layout-option-selector .panel-help{background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;padding:12px}.layout-option-selector .panel-help p{color:#7c2d12;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.layout-option-selector{padding:16px}.layout-option-selector .layout-sections{gap:16px}.layout-option-selector .layout-section{gap:10px;padding:12px}.layout-option-selector .layout-buttons{gap:6px}.layout-option-selector .layout-button{font-size:12px;min-width:80px;padding:8px 10px}.layout-option-selector .layout-icon{font-size:14px}.layout-option-selector .layout-text{font-size:11px}}@media (max-width:480px){.layout-option-selector .layout-button{flex:1 1;min-width:0;min-width:auto;padding:8px}.layout-option-selector .layout-buttons{gap:4px}}[data-theme=dark] .layout-option-selector{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .layout-option-selector h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .layout-option-selector button,[data-theme=dark] .layout-option-selector input,[data-theme=dark] .layout-option-selector select{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .layout-option-selector button:hover,[data-theme=dark] .layout-option-selector input:hover,[data-theme=dark] .layout-option-selector select:hover{border-color:#4b5563;border-color:var(--border-color-light,#4b5563)}[data-theme=dark] .layout-option-selector input:focus,[data-theme=dark] .layout-option-selector select:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .layout-option-selector label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .layout-option-selector .active{background:#818cf8;background:var(--color-primary,#818cf8);border-color:#818cf8;border-color:var(--color-primary,#818cf8);color:#fff}.layout-customizer{border-top:1px solid #e5e7eb;margin-top:16px;padding:16px}.layout-customizer__title{color:#1f2937;font-size:14px;font-weight:700;margin-bottom:16px}.layout-customizer__title--sub{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.layout-customizer__controls{gap:16px}.layout-customizer__control-group,.layout-customizer__controls{display:flex;flex-direction:column}.layout-customizer__control-group label{color:#4b5563;font-size:12px;font-weight:500;margin-bottom:8px}.slider-container{align-items:center;display:flex;gap:12px}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:3px;flex-grow:1;height:6px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider-container input[type=range]:hover{opacity:1}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4f46e5;border-radius:50%;cursor:pointer;height:16px;width:16px}.slider-container span{color:#6b7280;font-size:12px;font-weight:600;min-width:30px;text-align:right}.compact-mode-toggle{border-bottom:1px solid #e5e7eb;padding:16px}.compact-mode-toggle__content{display:flex;flex-direction:column;gap:10px}.compact-mode-toggle__title{color:#1f2937;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.compact-mode-toggle__label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s ease}.compact-mode-toggle__label:hover{background-color:#f3f4f6}.compact-mode-toggle__input{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.compact-mode-toggle__text{color:#374151;cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.compact-mode-toggle__description{color:#6b7280;font-size:11px;line-height:1.4;margin:0;padding-left:28px}[data-theme=dark] .compact-mode-toggle{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .compact-mode-toggle__title{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .compact-mode-toggle__label:hover{background-color:#374151;background-color:var(--bg-tertiary,#374151)}[data-theme=dark] .compact-mode-toggle__text{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .compact-mode-toggle__description{color:#d1d5db;color:var(--text-secondary,#d1d5db)}@media (max-width:768px){.compact-mode-toggle{padding:12px}.compact-mode-toggle__label{padding:6px}}.accent-elements-picker{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.accent-elements-picker .panel-header{margin-bottom:20px}.accent-elements-picker .panel-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.accent-elements-picker .panel-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.accent-elements-picker .accent-sections{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.accent-elements-picker .accent-toggle-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:16px}.accent-elements-picker .accent-toggle-section.disabled{background-color:#f9fafb;opacity:.6}.accent-elements-picker .toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.accent-elements-picker .toggle-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.accent-elements-picker .toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.accent-elements-picker .toggle-text{color:#1f2937;font-size:14px;font-weight:500}.accent-elements-picker .section-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.accent-elements-picker .accent-option-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:opacity .2s ease}.accent-elements-picker .accent-option-section.disabled{background-color:#f9fafb;opacity:.5;pointer-events:none}.accent-elements-picker .option-label h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.accent-elements-picker .option-label p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.accent-elements-picker .option-buttons{display:flex;flex-wrap:wrap;gap:8px}.accent-elements-picker .option-button{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:13px;font-weight:500;gap:6px;min-width:100px;outline:none;padding:10px 12px;transition:all .2s ease}.accent-elements-picker .option-button:hover:not(:disabled){background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.accent-elements-picker .option-button.active{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;color:#1e40af;font-weight:600}.accent-elements-picker .option-button:active:not(:disabled){transform:scale(.98)}.accent-elements-picker .option-button:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.5}.accent-elements-picker .divider-preview{display:inline-block;font-size:16px;font-weight:700;letter-spacing:-1px}.accent-elements-picker .icon-preview{display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px}.accent-elements-picker .button-label{font-size:12px;font-weight:500}.accent-elements-picker .accent-preview{background-color:#dbeafe;border-left:3px solid #0284c7;border-radius:4px;margin-bottom:16px;padding:14px}.accent-elements-picker .preview-title{color:#0c4a6e;font-size:13px;font-weight:600;margin-bottom:10px}.accent-elements-picker .preview-items{display:flex;flex-direction:column;gap:8px}.accent-elements-picker .preview-item{align-items:center;color:#0c4a6e;display:flex;font-size:12px;justify-content:space-between;line-height:1.4}.accent-elements-picker .preview-label{color:#0c2d4a;font-weight:600}.accent-elements-picker .preview-value{background-color:#fff;border-radius:3px;font-weight:500;padding:2px 8px}.accent-elements-picker .panel-help{background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;padding:12px}.accent-elements-picker .panel-help p{color:#7c2d12;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.accent-elements-picker{padding:16px}.accent-elements-picker .accent-sections{gap:12px}.accent-elements-picker .accent-option-section,.accent-elements-picker .accent-toggle-section{gap:10px;padding:12px}.accent-elements-picker .option-buttons{gap:6px}.accent-elements-picker .option-button{font-size:12px;min-width:80px;padding:8px 10px}.accent-elements-picker .toggle-label{gap:8px}.accent-elements-picker .divider-preview,.accent-elements-picker .icon-preview,.accent-elements-picker .toggle-text{font-size:13px}}@media (max-width:480px){.accent-elements-picker .option-button{flex:1 1;min-width:0;min-width:auto;padding:8px}.accent-elements-picker .option-buttons{gap:4px}.accent-elements-picker .preview-item{align-items:flex-start;flex-direction:column;gap:4px}.accent-elements-picker .toggle-label input[type=checkbox]{height:16px;width:16px}}[data-theme=dark] .accent-elements-picker{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .accent-elements-picker h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .accent-elements-picker button,[data-theme=dark] .accent-elements-picker input,[data-theme=dark] .accent-elements-picker select{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .accent-elements-picker button:hover,[data-theme=dark] .accent-elements-picker input:hover,[data-theme=dark] .accent-elements-picker select:hover{border-color:#4b5563;border-color:var(--border-color-light,#4b5563)}[data-theme=dark] .accent-elements-picker input:focus,[data-theme=dark] .accent-elements-picker select:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .accent-elements-picker label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .accent-elements-picker .active{background:#818cf8;background:var(--color-primary,#818cf8);border-color:#818cf8;border-color:var(--color-primary,#818cf8);color:#fff}.customize-panel{display:flex;flex-direction:column;gap:8px}.customize-panel__title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin:16px 0 8px}.customize-panel__title:first-child{margin-top:0}.customize-panel__layout-content{display:flex;flex-direction:column;gap:16px}.customize-panel__divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);height:1px;margin:4px 0}.customize-panel__info{align-items:flex-start;background:#eff6ff;background:var(--bg-info,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--border-info,#bfdbfe);border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:12px}.customize-panel__info-icon{align-items:center;background:#3b82f6;background:var(--accent-primary,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:18px;justify-content:center;width:18px}.customize-panel__info-text{color:#1e40af;color:var(--text-info,#1e40af);font-size:12px;line-height:1.5}[data-theme=dark] .customize-panel__title{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .customize-panel__divider{background:#374151;background:var(--border-color,#374151)}[data-theme=dark] .customize-panel__info{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .customize-panel__info-icon{background:#60a5fa;background:var(--accent-primary,#60a5fa)}[data-theme=dark] .customize-panel__info-text{color:#93c5fd;color:var(--text-info,#93c5fd)}.export-footer{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.export-footer__left{align-items:center;display:flex;flex:1 1;gap:24px}.export-footer__right{align-items:center;display:flex;gap:12px}.export-footer__field{align-items:center;display:flex;gap:8px}.export-footer__label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:500;white-space:nowrap}.export-footer__input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#111827;color:var(--text-primary,#111827);font-size:13px;max-width:200px;min-width:150px;padding:8px 12px}.export-footer__input:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-footer__select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:13px;min-width:140px;padding:8px 32px 8px 12px}.export-footer__select:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-footer__btn{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .15s ease;white-space:nowrap}.export-footer__btn--cancel{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);color:#6b7280;color:var(--text-secondary,#6b7280)}.export-footer__btn--cancel:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#9ca3af;border-color:var(--text-secondary,#9ca3af)}.export-footer__btn--json{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);color:#374151;color:var(--text-primary,#374151)}.export-footer__btn--json:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#9ca3af;border-color:var(--text-secondary,#9ca3af)}.export-footer__btn--docx{background:#fff;background:var(--bg-primary,#fff);border:1px solid #818cf8;color:#4f46e5}.export-footer__btn--docx:hover:not(:disabled){background:#eef2ff;border-color:#6366f1}.export-footer__btn--pdf{background:#3b82f6;background:var(--accent-primary,#3b82f6);border:1px solid #3b82f6;border:1px solid var(--accent-primary,#3b82f6);color:#fff}.export-footer__btn--pdf:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.export-footer__btn--disabled,.export-footer__btn:disabled{cursor:not-allowed;opacity:.5}.export-footer__btn--disabled:hover{background:#fff;background:var(--bg-primary,#fff);border-color:#d1d5db;border-color:var(--border-color,#d1d5db)}@media (max-width:1024px){.export-footer{flex-wrap:wrap;gap:12px}.export-footer__left{align-items:stretch;flex-direction:column;gap:12px;width:100%}.export-footer__field{width:100%}.export-footer__input,.export-footer__select{flex:1 1;max-width:none}.export-footer__right{justify-content:flex-end;width:100%}}@media (max-width:768px){.export-footer{flex-direction:column;gap:16px;padding:12px 16px}.export-footer__right{flex-wrap:wrap;gap:8px;justify-content:center}.export-footer__btn{font-size:12px;padding:10px 14px}.export-footer__btn--pdf{flex:1 1;min-width:120px}}@media (max-width:480px){.export-footer__label{display:none}.export-footer__right{width:100%}.export-footer__btn--cancel{display:none}.export-footer__btn--docx,.export-footer__btn--json{flex:1 1}.export-footer__btn--pdf{flex:none;width:100%}}[data-theme=dark] .export-footer{background:#1f2937;background:var(--bg-tertiary,#1f2937);border-top-color:#374151;border-top-color:var(--border-color,#374151)}[data-theme=dark] .export-footer__label{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .export-footer__input{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .export-footer__input:focus{border-color:#60a5fa;border-color:var(--accent-primary,#60a5fa);box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .export-footer__select{background-color:#111827;background-color:var(--bg-secondary,#111827);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .export-footer__select:focus{border-color:#60a5fa;border-color:var(--accent-primary,#60a5fa);box-shadow:0 0 0 3px #60a5fa26}[data-theme=dark] .export-footer__btn--cancel{border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .export-footer__btn--cancel:hover:not(:disabled){background:#374151;background:var(--bg-hover,#374151)}[data-theme=dark] .export-footer__btn--json{background:#111827;background:var(--bg-secondary,#111827);border-color:#4b5563;border-color:var(--border-color,#4b5563);color:#e5e7eb;color:var(--text-primary,#e5e7eb)}[data-theme=dark] .export-footer__btn--json:hover:not(:disabled){background:#374151;background:var(--bg-hover,#374151)}[data-theme=dark] .export-footer__btn--docx{background:#111827;background:var(--bg-secondary,#111827);border-color:#818cf8;color:#a5b4fc}[data-theme=dark] .export-footer__btn--docx:hover:not(:disabled){background:#6366f126}[data-theme=dark] .export-footer__btn--pdf{background:#3b82f6;background:var(--accent-primary,#3b82f6);border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6)}[data-theme=dark] .export-footer__btn--pdf:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.resume-preview-pane{background-color:#e5e7eb;background-color:var(--bg-secondary,#e5e7eb);display:flex;flex-direction:column;height:100%}.resume-preview-pane__header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.resume-preview-pane__mode-toggle{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border-radius:6px;display:flex;padding:4px}.mode-toggle__btn{background-color:initial;border:none;border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:background-color .2s,color .2s}.mode-toggle__btn.active{background-color:#fff;background-color:var(--bg-primary,#fff);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#1f2937;color:var(--text-primary,#1f2937)}.resume-preview-pane__editable-notice{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500;padding:4px 8px}.resume-preview-pane__zoom-controls{align-items:center;background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border-radius:6px;display:flex;gap:4px;padding:4px}.resume-preview-pane__zoom-controls .zoom-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;display:flex;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:background-color .2s,color .2s;width:28px}.resume-preview-pane__zoom-controls .zoom-btn:hover:not(:disabled){background-color:#fff;background-color:var(--bg-primary,#fff);color:#1f2937;color:var(--text-primary,#1f2937)}.resume-preview-pane__zoom-controls .zoom-btn:disabled{cursor:not-allowed;opacity:.4}.resume-preview-pane__zoom-controls .zoom-btn--fit{font-size:12px;font-weight:500;padding:0 8px;width:auto}.resume-preview-pane__zoom-controls .zoom-percentage{color:#1f2937;color:var(--text-primary,#1f2937);font-size:12px;font-weight:600;min-width:44px;text-align:center}.resume-preview-pane__container{align-items:flex-start;background-color:#e5e7eb;background-color:var(--bg-secondary,#e5e7eb);display:flex;flex:1 1;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:24px}.resume-preview-pane__scale-wrapper{flex-shrink:0;position:relative}.editable-resume-page{background:#fff;border-radius:2px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#333;color:var(--color-text,#333);font-family:Inter;font-family:var(--font-body,"Inter");font-size:10.5pt;font-size:var(--font-size-body,10.5pt);line-height:1.5;line-height:var(--line-height,1.5);padding:50pt;padding:var(--page-margins,50pt)}.editable-field{border-radius:3px;outline:none;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.editable-field:hover{background-color:#3b82f614}.editable-field:focus{background-color:#3b82f61f;box-shadow:0 0 0 2px #3b82f64d}.editable-resume-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);margin-bottom:30pt;padding-bottom:20pt;transition:all .2s ease}.editable-resume-header.template-professional-clean.style-default{border-bottom:3pt solid #1f2937;border-bottom:3pt solid var(--color-primary,#1f2937);padding-bottom:20pt}.editable-resume-header.template-professional-clean.style-centered{border-bottom:3pt solid #1f2937;border-bottom:3pt solid var(--color-primary,#1f2937);text-align:center}.editable-resume-header.template-professional-clean.style-side-by-side{align-items:center;border-bottom:3pt solid #1f2937;border-bottom:3pt solid var(--color-primary,#1f2937);display:flex;justify-content:space-between}.editable-resume-header.template-professional-clean.style-side-by-side .editable-resume-name{flex:1 1;margin-bottom:0}.editable-resume-header.template-professional-clean.style-side-by-side .editable-resume-headline{margin-top:0;text-align:right}.editable-resume-header.template-professional-clean.style-minimal{border-bottom:none;margin-bottom:20pt;padding-bottom:10pt}.editable-resume-header.template-professional-clean.style-bold{border-bottom:4pt solid #1f2937;border-bottom:4pt solid var(--color-primary,#1f2937);margin-bottom:36pt;padding-bottom:24pt}.editable-resume-header.template-modern-minimal{border-bottom:1pt solid #d1d5db;padding-bottom:16pt}.editable-resume-header.template-modern-minimal.style-default{border-bottom:1pt solid #d1d5db}.editable-resume-header.template-modern-minimal.style-centered{text-align:center}.editable-resume-header.template-modern-minimal.style-side-by-side{align-items:center;display:flex;justify-content:space-between}.editable-resume-header.template-modern-minimal.style-side-by-side .editable-resume-name{flex:1 1;margin-bottom:0}.editable-resume-header.template-modern-minimal.style-side-by-side .editable-resume-headline{margin-top:0;text-align:right}.editable-resume-header.template-modern-minimal.style-minimal{border-bottom:none;margin-bottom:16pt;padding-bottom:8pt}.editable-resume-header.template-modern-minimal.style-bold{border-bottom:2pt solid #9ca3af;margin-bottom:28pt;padding-bottom:18pt}.editable-resume-header.template-creative-colorful{background-color:#667eea14;border-bottom:none;border-radius:8px;margin-bottom:36pt;padding:24pt}.editable-resume-header.template-creative-colorful .editable-resume-name{color:#667eea;color:var(--color-primary,#667eea)}.editable-resume-header.template-creative-colorful.style-centered{text-align:center}.editable-resume-header.template-creative-colorful.style-side-by-side{align-items:center;display:flex;justify-content:space-between}.editable-resume-header.template-creative-colorful.style-side-by-side .editable-resume-name{flex:1 1;margin-bottom:0}.editable-resume-header.template-creative-colorful.style-side-by-side .editable-resume-headline{margin-top:0;text-align:right}.editable-resume-header.template-creative-colorful.style-minimal{background-color:initial;border-radius:0;margin-bottom:20pt;padding:16pt}.editable-resume-header.template-creative-colorful.style-bold{background:linear-gradient(135deg,#667eea26,#f093fb14);border-radius:12px;padding:32pt}.editable-resume-name{font-size:28pt;font-size:var(--font-size-name,28pt);font-weight:700;margin-bottom:8pt}.editable-resume-headline,.editable-resume-name{color:#1f2937;color:var(--color-primary,#1f2937);font-family:Playfair Display;font-family:var(--font-heading,"Playfair Display")}.editable-resume-headline{font-size:13pt;font-size:var(--font-size-headline,13pt);font-weight:600;line-height:1.4;margin-bottom:14pt;margin-bottom:var(--headline-margin-bottom,14pt);margin-top:6pt;margin-top:var(--headline-margin-top,6pt)}.editable-resume-section-title{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#333;color:var(--color-text,#333);font-family:Playfair Display;font-family:var(--font-heading,"Playfair Display");font-size:12pt;font-size:var(--font-size-section-title,12pt);font-weight:700;letter-spacing:1px;margin-bottom:14pt;padding-bottom:8pt;text-transform:uppercase}.editable-resume-summary{font-size:10.5pt;font-size:var(--font-size-body,10.5pt);line-height:1.6;line-height:var(--line-height,1.6)}.editable-resume-job{margin-bottom:20pt;margin-bottom:var(--block-spacing,20pt)}.editable-resume-job-title{font-size:12pt;font-size:calc(var(--font-size-body, 10.5pt) + 1.5pt);font-weight:700}.editable-resume-company{color:#1f2937;color:var(--color-primary,#1f2937);font-size:11.5pt;font-size:calc(var(--font-size-body, 10.5pt) + 1pt);font-weight:600;margin:2pt 0 6pt}.editable-resume-job-summary{word-wrap:break-word;font-size:10pt;line-height:1.6;padding-left:0;white-space:pre-wrap}.editable-resume-job-summary--single-item{font-style:normal;padding-left:0}.editable-resume-page div.editable-field ul{-webkit-margin-before:1em;-webkit-margin-after:1em;list-style-type:disc;margin-block-end:1em;margin-block-start:1em;padding-left:20px}.editable-resume-page div.editable-field li{display:list-item;line-height:1.6;line-height:var(--line-height,1.6);margin-bottom:4px;padding-left:5px}.editable-resume-job-summary p:first-child:last-child{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0;padding-left:0}.editable-resume-secondary-text{color:#666}.editable-resume-muted-text{color:#888}.editable-resume-tertiary-text{color:#555}@media (max-width:1024px){.resume-preview-pane__header{padding:12px}.resume-preview-pane__header h3{font-size:13px}.resume-preview-pane__container{padding:8px}}[data-theme=dark] .resume-preview-pane{background-color:#111827;background-color:var(--bg-secondary,#111827)}[data-theme=dark] .resume-preview-pane__container{background-color:#1f2937}[data-theme=dark] .resume-preview-pane__header{background-color:#374151;background-color:var(--bg-tertiary,#374151);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .resume-preview-pane__mode-toggle{background-color:#111827;background-color:var(--bg-secondary,#111827)}[data-theme=dark] .mode-toggle__btn{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .mode-toggle__btn.active{background-color:#374151;background-color:var(--bg-tertiary,#374151);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .resume-preview-pane__editable-notice{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .resume-preview-pane__editable-notice,[data-theme=dark] .resume-preview-pane__zoom-controls{background-color:#111827;background-color:var(--bg-secondary,#111827)}[data-theme=dark] .resume-preview-pane__zoom-controls .zoom-btn{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .resume-preview-pane__zoom-controls .zoom-btn:hover:not(:disabled){background-color:#374151;background-color:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .resume-preview-pane__zoom-controls .zoom-percentage{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .editable-resume-page{background:#fff;color:#333}[data-theme=dark] .editable-field:hover{background-color:#818cf81a}[data-theme=dark] .editable-field:focus{background-color:#818cf826;box-shadow:0 0 0 2px #818cf84d}[data-theme=dark] .editable-resume-header,[data-theme=dark] .editable-resume-section-title{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .editable-resume-section-title{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .editable-resume-company,[data-theme=dark] .editable-resume-headline,[data-theme=dark] .editable-resume-name{color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .section-divider{border-top-color:#374151;border-top-color:var(--border-color,#374151)}.section-divider{border-top:1px solid #d1d5db;border-top:1px solid var(--border-color,#d1d5db);height:0;margin:16pt 0 12pt}.section-divider.divider-solid{border-top-style:solid;border-top-width:1px}.section-divider.divider-dashed{border-top-style:dashed;border-top-width:1px}.section-divider.divider-dots{background:repeating-linear-gradient(90deg,currentColor,currentColor 2px,#0000 0,#0000 6px);border-top:none;height:1px}.editable-resume-skills-columns{display:flex;gap:20pt}.editable-resume-skills-columns>div{flex:1 1}.editable-resume-projects-columns{display:flex;gap:20pt}.editable-resume-projects-columns>div{flex:1 1}@media (max-width:768px){.resume-preview-pane{height:100%}.resume-preview-pane__header{padding:10px}.resume-preview-pane__header h3{font-size:12px}.resume-preview-pane__loading{font-size:10px}.resume-preview-pane__container{padding:12px}}.html-preview{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.html-preview__header{align-items:center;background-color:#fff;background-color:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.html-preview__mode-toggle{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border-radius:6px;display:flex;padding:4px}.html-preview__mode-toggle .mode-toggle__btn{background-color:initial;border:none;border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:background-color .2s,color .2s}.html-preview__mode-toggle .mode-toggle__btn.active{background-color:#fff;background-color:var(--bg-primary,#fff);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#1f2937;color:var(--text-primary,#1f2937)}.html-preview__notice{border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500;padding:4px 8px}.html-preview__notice,.html-preview__zoom-controls{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6)}.html-preview__zoom-controls{align-items:center;border-radius:6px;display:flex;gap:4px;padding:4px}.zoom-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;display:flex;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:background-color .2s,color .2s;width:28px}.zoom-btn:hover:not(:disabled){background-color:#fff;background-color:var(--bg-primary,#fff);color:#1f2937;color:var(--text-primary,#1f2937)}.zoom-btn:disabled{cursor:not-allowed;opacity:.4}.zoom-btn--fit{font-size:12px;font-weight:500;padding:0 8px;width:auto}.zoom-percentage{color:#1f2937;color:var(--text-primary,#1f2937);font-size:12px;font-weight:600;min-width:44px;text-align:center}.html-preview--empty,.html-preview--error,.html-preview--loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;gap:16px;justify-content:center;padding:40px;text-align:center}.html-preview__spinner{animation:html-preview-spin 1s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:3px solid #3b82f6;height:32px;width:32px}@keyframes html-preview-spin{to{transform:rotate(1turn)}}.html-preview__empty-icon,.html-preview__error-icon{font-size:48px;opacity:.7}.html-preview--error{color:#ef4444}.html-preview__scroll-container{display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.html-preview__page-wrapper{background:#fff;box-shadow:0 4px 20px #00000026;flex-shrink:0;overflow:hidden}.html-preview__scale-container{overflow:hidden}.html-preview__iframe{background:#fff;border:none;display:block}@media (max-width:768px){.html-preview__scroll-container{padding:10px}.html-preview--empty,.html-preview--error,.html-preview--loading{font-size:12px;padding:20px}.html-preview__empty-icon,.html-preview__error-icon{font-size:36px}}[data-theme=dark] .html-preview{background:#1f2937;background:var(--bg-secondary,#1f2937)}[data-theme=dark] .html-preview__header{background-color:#374151;background-color:var(--bg-tertiary,#374151);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .html-preview__mode-toggle{background-color:#111827;background-color:var(--bg-secondary,#111827)}[data-theme=dark] .html-preview__mode-toggle .mode-toggle__btn{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .html-preview__mode-toggle .mode-toggle__btn.active{background-color:#374151;background-color:var(--bg-tertiary,#374151);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .html-preview__notice{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .html-preview__notice,[data-theme=dark] .html-preview__zoom-controls{background-color:#111827;background-color:var(--bg-secondary,#111827)}[data-theme=dark] .zoom-btn{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .zoom-btn:hover:not(:disabled){background-color:#374151;background-color:var(--bg-tertiary,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .zoom-percentage{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .html-preview--empty,[data-theme=dark] .html-preview--error,[data-theme=dark] .html-preview--loading{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .html-preview__spinner{border-color:#374151;border-color:var(--border-color,#374151);border-top-color:#60a5fa}[data-theme=dark] .html-preview__page-wrapper{box-shadow:0 4px 20px #0006}.resume-export-modal{background-color:#fff;background-color:var(--bg-primary,#fff);display:flex;flex-direction:column;height:100vh;left:0;max-width:100%;position:fixed;top:0;width:100vw;z-index:1000}.resume-export-modal__header{align-items:center;background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.resume-export-modal__title-section{flex:1 1}.resume-export-modal__title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-weight:700;margin:0}.resume-export-modal__close{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.resume-export-modal__close:hover{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);border-color:#d1d5db;border-color:var(--border-color,#d1d5db);color:#374151;color:var(--text-primary,#374151)}.resume-export-modal__content{display:flex;flex:1 1;gap:0;min-height:0;overflow:hidden}.resume-export-modal__panel{border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:16px;min-width:350px;overflow-y:auto;padding:16px 20px}.resume-export-modal__preview{display:flex;flex:1 1;flex-direction:column}.resume-export-modal__resizer{background-color:#e5e7eb;background-color:var(--border-color,#e5e7eb);cursor:col-resize;flex-shrink:0;transition:background-color .2s ease;width:5px}.resume-export-modal__resizer:hover{background-color:#3b82f6}.resume-export-modal__panel::-webkit-scrollbar{width:6px}.resume-export-modal__panel::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.resume-export-modal__panel::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--border-color,#d1d5db);border-radius:3px}.resume-export-modal__mobile-tabs,.resume-export-modal__mobile-toggle{display:none}@media (max-width:1200px){.resume-export-modal__content{flex-direction:column;overflow-y:auto}.resume-export-modal__panel{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);border-right:none;flex-shrink:0;max-height:40vh;min-height:0;overflow-y:auto;width:100%}.resume-export-modal__preview{flex:1 1;min-height:0;overflow-y:auto;width:100%}.resume-export-modal__resizer{display:none}}@media (max-width:768px){.resume-export-modal{height:100dvh}.resume-export-modal__header{padding:16px}.resume-export-modal__title{font-size:20px}.resume-export-modal__close{font-size:16px;padding:6px 10px}.resume-export-modal__mobile-tabs{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0}.resume-export-modal__mobile-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .15s ease}.resume-export-modal__mobile-tab:hover{background-color:#f3f4f6;background-color:var(--bg-tertiary,#f3f4f6);color:#374151;color:var(--text-primary,#374151)}.resume-export-modal__mobile-tab--active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent-primary,#3b82f6);color:#3b82f6;color:var(--accent-primary,#3b82f6)}.resume-export-modal__content{flex:1 1;min-height:0;position:relative}.resume-export-modal__resizer{display:none}.resume-export-modal__panel{border-right:none;display:none;height:100%;max-height:none;min-width:auto;width:100%!important}.resume-export-modal__panel--mobile-active{display:flex}.resume-export-modal__preview{display:none;height:100%;max-height:none;width:100%}.resume-export-modal__preview--mobile-active{display:flex}}@media (max-width:480px){.resume-export-modal{height:100dvh}.resume-export-modal__header{padding:12px}.resume-export-modal__title{font-size:18px}.resume-export-modal__mobile-tab{font-size:13px;padding:10px 12px}}[data-theme=dark] .resume-export-modal{background-color:#1f2937;background-color:var(--bg-primary,#1f2937)}[data-theme=dark] .resume-export-modal__header{background-color:#374151;background-color:var(--bg-tertiary,#374151);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .resume-export-modal__title{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .resume-export-modal__close{background-color:initial;border-color:#374151;border-color:var(--border-color,#374151);color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .resume-export-modal__close:hover{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#4b5563;border-color:var(--border-color-light,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .resume-export-modal__panel{border-right-color:#374151;border-right-color:var(--border-color,#374151)}[data-theme=dark] .resume-export-modal__panel::-webkit-scrollbar-track{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .resume-export-modal__panel::-webkit-scrollbar-thumb{background-color:#4b5563;background-color:var(--border-color,#4b5563)}[data-theme=dark] .resume-export-modal__resizer{background-color:#374151;background-color:var(--border-color,#374151)}[data-theme=dark] .resume-export-modal__resizer:hover{background-color:#818cf8}[data-theme=dark] .resume-export-modal__mobile-tabs{background-color:#374151;background-color:var(--bg-tertiary,#374151);border-bottom-color:#4b5563;border-bottom-color:var(--border-color,#4b5563)}[data-theme=dark] .resume-export-modal__mobile-tab{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .resume-export-modal__mobile-tab:hover{background-color:#1f2937;background-color:var(--bg-secondary,#1f2937);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}[data-theme=dark] .resume-export-modal__mobile-tab--active{border-bottom-color:#60a5fa;border-bottom-color:var(--accent-primary,#60a5fa);color:#60a5fa;color:var(--accent-primary,#60a5fa)}@media (max-width:1200px){[data-theme=dark] .resume-export-modal__panel{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}}.analysis-selector-container{display:inline-block;position:relative}.analysis-selector-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.analysis-selector-button:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.analysis-selector-button:active{transform:scale(.98)}.dropdown-icon{display:inline-block;transition:transform .2s ease}.analysis-selector-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:0;max-height:400px;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.analysis-selector-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px}.analysis-selector-header h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.analysis-count{background:var(--bg-primary);border-radius:3px;color:var(--text-secondary);font-size:12px;padding:2px 6px}.analysis-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.analysis-empty,.analysis-loading{color:var(--text-secondary);font-size:13px;padding:20px 12px;text-align:center}.analysis-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px;text-align:left;transition:background-color .15s ease}.analysis-item:last-child{border-bottom:none}.analysis-item:hover{background:var(--bg-secondary)}.analysis-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.analysis-item.latest:before{color:var(--color-primary);content:"★ ";margin-right:2px}.analysis-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.analysis-item-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.analysis-version{align-items:center;display:flex;font-weight:500;gap:6px}.latest-badge{background:var(--color-primary);border-radius:2px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:4px;padding:1px 4px}.analysis-match{color:var(--text-secondary);font-size:12px;margin-left:auto}.analysis-item.active .analysis-match{color:var(--color-primary);font-weight:500}.analysis-metadata{align-items:center;display:flex;font-size:11px;gap:8px;margin-top:2px}.analysis-model,.analysis-prompt{background:var(--bg-secondary);border-radius:3px;color:var(--text-secondary);padding:2px 6px;white-space:nowrap}.analysis-item.active .analysis-model,.analysis-item.active .analysis-prompt{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.analysis-datetime{color:var(--text-secondary);font-size:12px;margin-top:4px}.analysis-item.active .analysis-datetime,.checkmark{color:var(--color-primary)}.checkmark{font-size:14px;font-weight:700;margin-left:8px}.analysis-list::-webkit-scrollbar{width:6px}.analysis-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.analysis-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.analysis-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.analysis-selector-dropdown{max-height:300px;min-width:240px}.analysis-list{max-height:240px}}.resume-page{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:40px;width:100%}.resume-header{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:24px;margin-bottom:20px;padding:20px 24px}.resume-header-left{flex:1 1;min-width:0}.resume-header-left h1{margin:0 0 8px}.resume-header-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.autosave-indicator{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:0 8px}.status-dropdown-container{position:relative}.status-dropdown-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px;transition:all .2s}.status-dropdown-button:hover{border-color:var(--color-primary)}.dropdown-arrow{color:var(--text-secondary);font-size:12px;padding:0 8px}.status-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.status-dropdown-item{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;width:100%}.status-dropdown-item:hover{background:var(--bg-tertiary);color:var(--color-primary)}.status-badge{color:#fff;font-size:14px;padding:6px 14px;text-transform:uppercase}.btn-icon-label{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.btn-icon-label:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-label:disabled{cursor:not-allowed;opacity:.6}.btn-icon-label.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-icon-label.btn-primary:hover:not(:disabled){background:#5568d3;border-color:#5568d3}.btn-icon-label.btn-danger-text{color:#ef4444}.btn-icon-label.btn-danger-text:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#dc2626}.btn-text{display:inline}.resume-header h1{color:var(--text-primary);font-size:32px;margin:0}.resume-header .read-only-badge{background-color:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.resume-header-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;max-width:800px}.resume-actions{display:flex;gap:10px;margin-bottom:30px}.resume-actions button,.resume-actions label{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.resume-empty{margin-bottom:40px;text-align:center}.resume-empty h1{color:var(--text-primary);margin:0 0 10px}.resume-empty p{color:var(--text-secondary);font-size:16px;margin:0}.resume-onboarding{margin:0 auto;max-width:700px}.onboarding-divider{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;margin:40px 0}.onboarding-divider:after,.onboarding-divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.onboarding-divider span{margin:0 15px}.file-upload-area{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;margin-top:30px;padding:40px;text-align:center}.file-upload-area label{display:inline-block}.upload-hint{color:var(--text-secondary);font-size:13px;margin-top:10px}.resume-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:250px 1fr;margin-bottom:30px;position:relative;width:100%}.sidebar-overlay,.sidebar-toggle-btn{display:none}html{scroll-behavior:smooth}.resume-nav{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.nav-section{display:flex;flex-direction:column;gap:8px}.nav-section h3{color:#667eea;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;min-height:48px;padding:10px 15px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#667eea;color:#fff;font-weight:500}.resume-editor{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:40px;min-width:0;padding:0;width:100%}.editor-section{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px;scroll-margin-top:120px}.editor-section h2{color:var(--text-primary);font-size:24px;margin:0 0 30px}.editor-section .section-header,.editor-section h2{border-bottom:2px solid var(--border-color);padding-bottom:15px}.editor-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.editor-section .section-header h2{border:none;margin:0;padding:0}.btn-sm{font-size:13px!important;padding:8px 16px!important}.analysis-notes-editor{display:flex;flex-direction:column;gap:12px}.analysis-notes-editor .section-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.analysis-notes-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.6;min-height:200px;padding:16px;resize:vertical;transition:border-color .3s;width:100%}.analysis-notes-textarea::placeholder{color:var(--text-tertiary);opacity:.8}.analysis-notes-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.analysis-notes-textarea:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.analysis-notes-hint{color:var(--text-tertiary);font-size:13px;font-style:italic;margin:0}.form-group,.form-row{margin-bottom:20px}.form-row{grid-gap:20px;gap:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);padding:12px;transition:border-color .3s}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-help{font-size:13px;font-style:italic;margin-top:15px}.form-help,.form-hint{color:var(--text-tertiary)}.form-hint{display:block;font-size:12px;margin-top:4px}.items-list{display:flex;flex-direction:column;gap:15px}.empty-state{color:var(--text-tertiary)}.item-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .2s}.item-card:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}.item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background .2s}.item-header:hover{background:#00000005;background:var(--bg-secondary,#00000005)}.item-title h3{color:var(--text-primary);font-size:16px;margin:0 0 5px}.item-title .company,.item-title .keywords{color:var(--text-secondary);font-size:13px;margin:0}.item-title .meta{color:var(--text-tertiary);font-size:12px;margin:5px 0 0}.item-controls{display:flex;gap:8px}.btn-icon{background:none;border:none;border-radius:4px;font-size:16px;padding:6px}.btn-icon:hover{background:#0000000d}.btn-icon.btn-danger:hover{background:#fee2e2}.item-details{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:20px 15px}.new-item-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:20px;padding:20px}.new-item-form h3{color:#667eea;margin:0 0 20px}.form-actions{margin-top:20px}.form-actions button{flex:1 1}.rich-text-toolbar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px 4px 0 0;display:flex;gap:6px;margin-bottom:10px;padding:10px}.toolbar-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.toolbar-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.summary-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);line-height:1.6;max-height:400px;min-height:150px;overflow-y:auto;padding:15px}.summary-preview ul{margin:0;padding-left:20px}.summary-preview li{margin:5px 0}.summary-preview strong{color:var(--text-primary);font-weight:600}.summary-preview em{color:var(--text-secondary);font-style:italic}.unsaved-banner{animation:slideUp .3s ease-out;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#92400e;font-size:14px;max-width:400px;padding:15px 20px;position:fixed;right:20px}.unsaved-banner-content{align-items:center;display:flex;gap:15px;justify-content:space-between}.unsaved-banner-btn{background:#fbbf24;border:none;border-radius:4px;color:#92400e;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.unsaved-banner-btn:hover:not(:disabled){background:#f59e0b;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.unsaved-banner-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.unsaved-banner{bottom:calc(84px + env(safe-area-inset-bottom, 0px))}}.form-section{border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px}.form-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:15px}.achievements-list{margin-bottom:20px}.achievement-item{align-items:flex-start;background:var(--bg-tertiary);border-radius:6px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.achievement-input-group{align-items:flex-start;display:flex;flex:1 1;gap:10px}.achievement-bullet{color:#667eea;flex-shrink:0;font-size:18px;font-weight:700;margin-top:3px}.achievement-input-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px;resize:vertical}.achievement-input-group textarea::placeholder{color:var(--text-tertiary)}.achievement-input-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.achievement-item .btn-remove{background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.achievement-item .btn-remove:hover{background:#fecaca}.achievement-add-form{display:flex;gap:10px;margin-top:15px}.achievement-add-form textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px;resize:vertical}.achievement-add-form textarea::placeholder{color:var(--text-tertiary)}.achievement-add-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.achievement-add-form .btn-secondary{align-self:flex-start;flex-shrink:0;padding:10px 20px}@media (max-width:1024px){.resume-container{grid-template-columns:1fr}.resume-header{gap:16px;margin-bottom:16px;padding:16px}.resume-header-description{font-size:13px}.sidebar-toggle-btn{align-items:center;background:#667eea;background:var(--color-primary,#667eea);border:none;border-radius:50%;bottom:calc(88px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:100}.sidebar-toggle-btn:active{box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a;transform:scale(.95)}.resume-nav{-webkit-overflow-scrolling:touch;background:var(--bg-primary);bottom:0;box-shadow:2px 0 8px #0000001a;left:-280px;margin:0;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}.resume-nav--open{left:0!important}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resume-editor{gap:30px}.editor-section{padding:20px}.editor-section h2{font-size:20px;margin-bottom:20px}.form-row{grid-template-columns:1fr}.btn-icon-label{padding:8px 12px}}@media (max-width:768px){.resume-page{padding:16px 12px}.resume-header{flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.resume-header h1{font-size:20px}.resume-header-description{display:none}.resume-header-actions{flex-direction:row;flex-wrap:wrap}.resume-header-actions .btn-icon-label,.resume-header-actions button{min-height:44px;padding:10px}.resume-actions{flex-wrap:wrap;gap:8px;width:100%}.resume-actions button,.resume-actions label{font-size:13px!important;padding:8px 12px!important}.resume-nav{gap:6px;padding:12px 15px;top:50px}.nav-item{font-size:12px!important;padding:6px 10px!important}.resume-editor{padding:15px}.editor-section h2{font-size:18px;margin-bottom:15px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.section-header h2{margin:0}.form-group{margin-bottom:15px}.item-card{margin-bottom:10px}}@media (max-width:480px){.resume-page{padding:12px 8px}.resume-container{gap:20px;grid-template-columns:1fr}.sidebar-toggle-btn{bottom:calc(84px + env(safe-area-inset-bottom, 0px));font-size:20px;height:48px;right:20px;width:48px}.resume-nav{left:-260px;padding:12px;width:260px}.resume-header h1{font-size:20px}.resume-header h2{font-size:14px}.resume-actions button,.resume-actions label{font-size:13px!important;min-height:44px;padding:10px 12px!important}.nav-item{align-items:center;display:flex;font-size:12px!important;min-height:40px;padding:8px 12px!important}.file-upload-area{margin-top:20px;padding:20px}.editor-section h2{font-size:16px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:40px;padding:8px 10px}.btn-icon-label{min-height:40px;padding:10px 12px!important}.resume-sidebar{max-width:100%;min-width:auto}}[data-theme=dark] .sidebar-toggle-btn{background:#818cf8;background:var(--color-primary,#818cf8)}[data-theme=dark] .sidebar-overlay{background:#000000b3}.list-editor{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px}.list-editor h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.list-editor__description{color:var(--text-secondary);font-size:14px;margin:0}.list-editor__new-item-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:15px;padding:20px}.list-editor__new-item-form h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.list-editor__form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.list-editor__form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;min-height:36px;padding:10px 16px;transition:all .2s}.list-editor__items{display:flex;flex-direction:column;gap:12px}.list-editor__empty-state{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:4px;color:var(--text-secondary);font-style:italic;margin:0;padding:20px;text-align:center}.list-editor__item-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.list-editor__item-card:hover{border-color:var(--border-color-light);box-shadow:0 2px 6px #0000000d}.list-editor__item-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.list-editor__item-header:hover{background-color:var(--bg-secondary)}.list-editor__item-summary{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:500;word-break:break-word}.list-editor__item-controls{display:flex;flex-shrink:0;gap:4px}.btn-icon{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;min-width:30px;padding:6px 8px;text-align:center;transition:all .2s}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color-light);color:var(--text-primary)}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.btn-icon--danger{border-color:#fecaca;color:#ef4444}.btn-icon--danger:hover:not(:disabled){background:#fee2e2;border-color:#f87171;color:#dc2626}.list-editor__item-details{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px;padding:16px}.list-editor__item-details button{align-self:flex-end;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;min-height:36px;padding:8px 16px;transition:all .2s}[data-theme=dark] .list-editor{background:var(--bg-tertiary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .list-editor__item-card,[data-theme=dark] .list-editor__new-item-form{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .list-editor__item-card:hover{border-color:var(--border-color-light);box-shadow:0 2px 6px #00000080}[data-theme=dark] .list-editor__item-header:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .btn-icon{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .btn-icon:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color-light);color:var(--text-primary)}[data-theme=dark] .list-editor__item-details{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width:768px){.list-editor{gap:12px;padding:12px}.list-editor__item-header{align-items:flex-start;flex-direction:column;gap:8px}.list-editor__item-controls{justify-content:flex-end;width:100%}.list-editor__form-actions{flex-direction:column}.list-editor__form-actions button{width:100%}}@media (max-width:480px){.list-editor{padding:8px}.list-editor h3{font-size:16px}.list-editor__item-header{padding:12px}.list-editor__new-item-form{gap:10px;padding:12px}.btn-icon{font-size:11px;min-width:28px;padding:4px 6px}.list-editor__item-details{gap:10px;padding:12px}}.linkedin-importer{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:30px;padding:30px}.importer-header{margin-bottom:25px}.importer-header h2{color:var(--text-primary);font-size:22px;margin:0 0 10px}.importer-header p{color:var(--text-secondary);font-size:14px;margin:0}.importer-instructions{background:var(--bg-tertiary);border-left:4px solid var(--color-primary);border-radius:4px;margin-bottom:25px;padding:15px 20px}.importer-instructions h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 10px}.importer-instructions ol{color:var(--text-secondary);margin:0;padding-left:20px}.importer-instructions li{font-size:13px;line-height:1.5;margin:5px 0}.importer-instructions a{color:var(--color-primary);font-weight:500;text-decoration:none}.importer-instructions a:hover{text-decoration:underline}.importer-form{margin-bottom:20px}.importer-form label{display:block;font-weight:600;margin-bottom:10px}.importer-form label,.linkedin-textarea{color:var(--text-primary);font-size:14px}.linkedin-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-family:inherit;padding:12px 15px;resize:vertical;transition:border-color .2s;width:100%}.linkedin-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.linkedin-textarea:disabled{cursor:not-allowed;opacity:.6}.textarea-helper{color:var(--text-secondary);display:flex;font-size:12px;justify-content:flex-end;margin-top:8px}.char-count{font-weight:500}.importer-actions{display:flex;gap:10px;margin-top:20px}.btn-import{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s}.btn-import:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-import:disabled{background:#ccc;cursor:not-allowed;transform:none}.spinner-mini{border:2px solid #ffffff4d;border-top-color:#fff;height:14px;width:14px}.btn-clear{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-clear:hover:not(:disabled){background:var(--border-color)}.btn-clear:disabled{cursor:not-allowed;opacity:.6}.importer-note{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;line-height:1.5;padding:12px 15px}.importer-note p{margin:0}.importer-note strong{color:var(--text-primary)}@media (max-width:768px){.linkedin-importer{padding:20px}.importer-actions{flex-direction:column}.btn-clear,.btn-import{width:100%}}[data-theme=dark] label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}.analytics-page{margin:0 auto;max-width:1400px;padding:20px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analytics-header h1{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:28px;margin:0}.date-range-picker{align-items:center;display:flex;gap:8px}.date-range-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;font-size:14px;padding:8px 16px}.date-range-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.overview-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.overview-cards.loading .metric-card.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;height:120px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.metric-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.metric-card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.metric-icon{font-size:20px}.metric-title{color:#666;color:var(--text-secondary,#666);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:32px;font-weight:700;line-height:1.2}.metric-subtitle{color:#888;color:var(--text-secondary,#888);font-size:13px;margin-top:4px}.metric-trend{border-radius:4px;display:inline-block;font-size:12px;margin-top:8px;padding:4px 8px}.metric-trend.up{background:#10b9811a;color:#10b981}.metric-trend.down{background:#ef44441a;color:#ef4444}.metric-trend.stable{background:#9ca3af1a;color:#6b7280}.analytics-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}@media (max-width:900px){.analytics-row{grid-template-columns:1fr}}.chart-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.chart-container h2{align-items:center;display:flex;font-size:18px;gap:8px;margin:0 0 4px}.chart-container h2,.chart-container h4{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.chart-container h4{font-size:14px;margin:16px 0 8px}.chart-description{color:#888;color:var(--text-secondary,#888);font-size:13px;margin:0 0 16px}.chart-empty,.chart-loading{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:14px;height:200px;justify-content:center}.chart-empty-small{color:#888;color:var(--text-secondary,#888);font-size:13px;padding:20px;text-align:center}.avg-badge{background:#667eea1a;border-radius:4px;color:#667eea;display:inline-block;font-size:12px;margin-left:8px;padding:2px 8px}.funnel-container .dropoff-rates{border-top:1px solid #e8e8e8;border-top:1px solid var(--border-color,#e8e8e8);margin-top:16px;padding-top:16px}.dropoff-items{display:flex;flex-wrap:wrap;gap:16px}.dropoff-item{align-items:center;display:flex;gap:8px}.dropoff-label{color:#888;color:var(--text-secondary,#888);font-size:12px}.dropoff-rate{border-radius:4px;font-size:14px;font-weight:600;padding:2px 8px}.dropoff-rate.good{background:#10b9811a;color:#10b981}.dropoff-rate.medium{background:#f59e0b1a;color:#f59e0b}.dropoff-rate.low{background:#ef44441a;color:#ef4444}.timeline-legend-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.legend-toggle{border:2px solid;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.legend-toggle:hover{opacity:.8;transform:scale(1.02)}.legend-toggle.active{box-shadow:0 2px 4px #00000026}.timeline-summary{color:#888;color:var(--text-secondary,#888);font-size:13px;margin-top:12px;text-align:center}.velocity-stats{border-top:1px solid #e8e8e8;border-top:1px solid var(--border-color,#e8e8e8);margin-top:16px;padding-top:16px}.velocity-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.velocity-stat{display:flex;flex-direction:column;gap:2px}.velocity-label{color:#888;color:var(--text-secondary,#888);font-size:11px;text-transform:uppercase}.velocity-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:20px;font-weight:600}.velocity-trend{align-items:center;border-radius:16px;display:flex;font-size:12px;gap:4px;margin-left:auto;padding:4px 12px}.velocity-trend.trend-up{background:#10b9811a;color:#10b981}.velocity-trend.trend-down{background:#ef44441a;color:#ef4444}.velocity-trend.trend-stable{background:#9ca3af1a;color:#6b7280}.trend-icon{font-size:14px}.distribution-stats{color:#888;color:var(--text-secondary,#888);display:flex;font-size:13px;gap:16px;margin-top:8px}.correlation-table{border-collapse:collapse;font-size:13px;width:100%}.correlation-table td,.correlation-table th{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-color,#e8e8e8);padding:8px 12px;text-align:left}.correlation-table th{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:600;text-transform:uppercase}.good-rate{color:#10b981;font-weight:600}.medium-rate{color:#f59e0b;font-weight:600}.low-rate{color:#ef4444;font-weight:600}.insight-callout{align-items:center;background:#667eea1a;border-left:3px solid #667eea;border-radius:8px;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.insight-icon{font-size:18px}.insight-text{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:13px}.salary-key-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.key-stat{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:10px;display:flex;flex:1 1;gap:12px;min-width:140px;padding:12px 16px}.key-stat.highlight{background:#22c55e1a;border:1px solid #22c55e4d}.key-stat-icon{font-size:24px}.key-stat-content{display:flex;flex-direction:column;gap:2px}.key-stat-label{color:#888;color:var(--text-secondary,#888);font-size:11px;letter-spacing:.3px;text-transform:uppercase}.key-stat-value{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:16px;font-weight:600}.salary-range-chart{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:10px;margin:20px 0;padding:16px}.range-scale{color:#888;color:var(--text-secondary,#888);display:flex;font-size:11px;justify-content:space-between;margin-bottom:16px;padding:0 70px 0 80px}.salary-range-row{align-items:center;display:flex;margin-bottom:20px}.salary-range-row:last-child{margin-bottom:0}.range-label{color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex-shrink:0;font-size:12px;font-weight:500;width:80px}.range-track{background:#e5e7eb;background:var(--bg-primary,#e5e7eb);border-radius:14px;flex:1 1;height:28px;margin-right:70px;position:relative}.range-bar{align-items:center;border-radius:14px;display:flex;height:100%;justify-content:center;min-width:8px;position:absolute;transition:all .3s ease}.range-bar:hover{filter:brightness(1.1)}.range-midpoint{background:#fffc;border-radius:2px;height:100%;position:absolute;transform:translateX(-50%);width:4px}.range-values{left:0;margin-top:4px;position:absolute;right:0;top:100%}.range-max,.range-min{color:#666;color:var(--text-secondary,#666);font-size:10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.salary-insight{align-items:flex-start;border-radius:10px;display:flex;gap:12px;margin-top:16px;padding:14px 16px}.salary-insight .insight-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.salary-insight .insight-text{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:13px;line-height:1.5}.salary-insight.aligned{background:#22c55e1a;border:1px solid #22c55e33}.salary-insight.aligned .insight-icon{background:#22c55e;color:#fff}.salary-insight.high{background:#f59e0b1a;border:1px solid #f59e0b33}.salary-insight.high .insight-icon{background:#f59e0b;color:#fff}.salary-insight.low{background:#667eea1a;border:1px solid #667eea33}.salary-insight.low .insight-icon{background:#667eea;color:#fff}.salary-by-role{margin-top:20px}.salary-by-role h4{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:14px;margin:0 0 12px}.role-cards{display:flex;flex-wrap:wrap;gap:12px}.role-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:10px;flex:1 1;min-width:120px;padding:14px;text-align:center}.role-title{color:#666;color:var(--text-secondary,#666);font-size:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-salary{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:18px;font-weight:700;margin-bottom:4px}.role-count{color:#888;color:var(--text-secondary,#888);font-size:11px}.achievements-container h2 .achievement-count{color:#888;color:var(--text-secondary,#888);font-size:14px;font-weight:400;margin-left:8px}.streak-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;overflow:hidden;padding:16px;position:relative}.streak-display.at-risk{background:linear-gradient(135deg,#f59e0b,#d97706)}.streak-display.active{background:linear-gradient(135deg,#10b981,#059669)}.streak-current{align-items:center;color:#fff;display:flex;gap:8px}.streak-flames{font-size:28px}.streak-count{font-size:36px;font-weight:700}.streak-label{font-size:14px;opacity:.9}.streak-risk-badge{animation:pulse 2s infinite;background:#ffffff40;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:4px 10px;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.streak-meta{align-items:center;display:flex;gap:12px}.streak-best{color:#fffc;font-size:12px}.streak-best.personal-best{background:#fff3;border-radius:10px;font-weight:600;padding:4px 10px}.streak-hint{align-items:center;background:#ffffff26;border-radius:8px;color:#ffffffe6;display:flex;font-size:12px;gap:8px;padding:10px 12px}.streak-hint .hint-icon{flex-shrink:0;font-size:14px}.streak-hint .hint-text{line-height:1.4}.milestones-section{margin-bottom:16px}.milestone-timeline{display:flex;gap:8px;padding:8px 0}.milestone{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.milestone-dot{background:#e0e0e0;background:var(--border-color,#e0e0e0);border-radius:50%;height:12px;width:12px;z-index:1}.milestone.achieved .milestone-dot{background:#10b981}.milestone-line{background:#e0e0e0;background:var(--border-color,#e0e0e0);height:2px;left:calc(50% + 6px);position:absolute;top:6px;width:calc(100% - 12px)}.milestone.achieved .milestone-line{background:#10b981}.milestone-content{margin-top:8px;text-align:center}.milestone-name{color:#888;color:var(--text-secondary,#888);font-size:11px}.milestone.achieved .milestone-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:500}.milestone-date{color:#10b981;display:block;font-size:10px;margin-top:2px}.achievements-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.achievement-badge{background:#fafafa;background:var(--bg-secondary,#fafafa);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:8px;padding:12px;text-align:center;transition:transform .2s,box-shadow .2s}.achievement-badge.unlocked{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.achievement-badge:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.badge-icon{font-size:28px;margin-bottom:8px}.achievement-badge.locked .badge-icon{filter:grayscale(1);opacity:.5}.badge-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:12px;font-weight:600;margin-bottom:4px}.badge-description{color:#888;color:var(--text-secondary,#888);font-size:10px;line-height:1.3}.badge-progress{background:#e0e0e0;background:var(--border-color,#e0e0e0);border-radius:2px;height:4px;margin-top:8px;overflow:hidden;position:relative}.badge-progress .progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .3s}.badge-progress .progress-text{color:#888;color:var(--text-secondary,#888);font-size:9px;position:absolute;right:0;top:6px}.badge-unlocked{color:#10b981;font-size:10px;font-weight:600;margin-top:4px}.view-all-achievements{background:#0000;border:1px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:12px;padding:10px 16px;text-align:center;transition:all .2s ease;width:100%}.view-all-achievements:hover{background:#667eea1a}.view-all-achievements:active{transform:scale(.98)}.analytics-empty-state{margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.analytics-empty-state h2{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:24px;margin-bottom:8px}.analytics-empty-state>p{color:#888;color:var(--text-secondary,#888);margin-bottom:32px}.preview-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px;text-align:left}.preview-feature{background:#fafafa;background:var(--bg-secondary,#fafafa);border:1px solid #e8e8e8;border:1px solid var(--border-color,#e8e8e8);border-radius:12px;display:flex;gap:12px;padding:16px}.preview-feature .feature-icon{font-size:24px}.preview-feature h4{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:14px;margin:0 0 4px}.preview-feature p{color:#888;color:var(--text-secondary,#888);font-size:12px;line-height:1.4;margin:0}.empty-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.empty-actions .btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.analytics-error{padding:60px 20px;text-align:center}.analytics-error p{color:#ef4444;margin-bottom:16px}.analytics-error .btn-primary{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.dark .analytics-page,[data-theme=dark] .analytics-page{--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--bg-primary:#1e1e2e;--bg-secondary:#2a2a3e;--border-color:#3a3a4e}.dark .chart-container,.dark .metric-card,[data-theme=dark] .chart-container,[data-theme=dark] .metric-card{background:var(--bg-primary);border-color:var(--border-color)}.dark .date-range-select,[data-theme=dark] .date-range-select{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.dark .achievement-badge,.dark .preview-feature,[data-theme=dark] .achievement-badge,[data-theme=dark] .preview-feature{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width:768px){.analytics-page{padding:16px}.analytics-header{align-items:flex-start;flex-direction:column;gap:12px}.overview-cards{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:24px}.achievements-grid{grid-template-columns:repeat(2,1fr)}.velocity-row{align-items:flex-start;flex-direction:column}.velocity-trend{margin-left:0;margin-top:8px}}@media (max-width:480px){.overview-cards{grid-template-columns:1fr}.streak-display{text-align:center}.streak-current{flex-wrap:wrap}.streak-current,.streak-meta{justify-content:center}}.admin-container{background:var(--bg-secondary);display:flex;min-height:calc(100vh - 70px)}.admin-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:calc(100vh - 70px);overflow-y:auto;position:fixed;width:260px}.admin-sidebar-header{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);padding:24px 20px}.admin-sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#764ba2 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin:0}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:12px 8px}.admin-nav-item{border-radius:8px;color:var(--text-secondary);font-weight:500;margin:0 4px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.admin-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateX(2px)}.admin-nav-item.active{background:linear-gradient(135deg,var(--color-primary-light) 0,#667eea26 100%);color:var(--color-primary);font-weight:600}.admin-nav-section{margin-top:8px;padding:16px 20px 8px}.admin-nav-section-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.admin-nav-item--nested{font-size:14px;padding-left:28px}.admin-sidebar-footer{border-top:1px solid var(--border-color);padding:20px}.admin-content{flex:1 1;margin-left:260px;overflow-y:auto;padding:32px}.admin-page{margin:0 auto;max-width:1400px}.admin-header{align-items:center;margin-bottom:30px}.admin-header,.admin-header-top{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.admin-header-top{align-items:flex-start}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#764ba2 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:5px}.admin-header p{color:var(--text-secondary);font-size:14px;margin:0}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-quick-actions a{text-decoration:none;white-space:nowrap}.stat-card{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#764ba2 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;line-height:1.2;margin-bottom:8px}.stat-label{font-size:14px;font-weight:500;letter-spacing:.5px}.stats-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.stats-section h2{color:var(--text-primary);margin-bottom:20px;margin-top:0}.status-breakdown{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;justify-content:space-between;padding:10px}.status-count{color:var(--color-primary);font-size:18px;font-weight:700}.section-description{color:var(--text-secondary);font-size:13px;margin:-12px 0 16px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analytics-card{background:var(--bg-tertiary);border-radius:10px;padding:20px}.analytics-card h3{color:var(--text-primary);font-size:14px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.analytics-stats{display:flex;flex-direction:column;gap:12px}.analytics-stat{align-items:center;display:flex;justify-content:space-between}.analytics-stat .label{color:var(--text-secondary);font-size:13px}.analytics-stat .value{color:var(--text-primary);font-size:16px;font-weight:600}.benchmarks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.benchmark-card{background:var(--bg-tertiary);border-radius:10px;padding:20px}.benchmark-card h4{color:var(--text-primary);font-size:14px;margin:0 0 16px}.benchmark-values{display:flex;flex-direction:column;gap:10px}.benchmark-row{align-items:center;display:flex;gap:12px}.benchmark-row.highlight{background:#667eea1a;border-radius:6px;margin:0 -12px;padding:8px 12px}.benchmark-row .percentile{color:var(--text-secondary);font-size:11px;text-transform:uppercase;width:40px}.benchmark-bar{background:var(--bg-secondary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.benchmark-bar .bar-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s ease}.benchmark-bar .bar-fill.offer{background:#22c55e}.benchmark-row .value{color:var(--text-primary);font-size:13px;font-weight:600;text-align:right;width:70px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-card{align-items:center;background:var(--bg-tertiary);border-left:4px solid var(--border-color);border-radius:10px;display:flex;gap:16px;padding:16px}.insight-card.positive{border-left-color:#22c55e}.insight-card.negative{border-left-color:#ef4444}.insight-icon{font-size:24px}.insight-content{flex:1 1}.insight-title{color:var(--text-primary);font-weight:600;margin-bottom:4px}.insight-description{color:var(--text-secondary);font-size:13px}.insight-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.insight-stat .correlation{color:var(--color-primary);font-size:20px;font-weight:700}.insight-card.positive .insight-stat .correlation{color:#22c55e}.insight-card.negative .insight-stat .correlation{color:#ef4444}.insight-stat .label{color:var(--text-secondary);font-size:10px;text-transform:uppercase}.admin-tabs{background:var(--bg-tertiary);border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.admin-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.role-badge-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 12px;transition:all .2s ease}.role-badge-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.role-badge-btn.role-admin{background:linear-gradient(135deg,var(--color-primary-light) 0,#667eea33 100%);border-color:var(--color-primary);color:var(--color-primary)}.role-badge-btn.role-admin:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0,#764ba2 100%);border-color:#0000;box-shadow:0 2px 8px #667eea66;color:#fff}.role-badge-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{color:var(--text-primary);cursor:pointer;font-weight:500;gap:8px}.checkbox-group input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.users-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table thead{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-color)}.admin-table th{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 15px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid var(--border-color-light);color:var(--text-primary);padding:14px 15px}.admin-table tbody tr{transition:all .2s ease}.admin-table tbody tr:hover{background:var(--bg-tertiary)}.admin-table tbody tr:last-child td{border-bottom:none}.email-cell{font-family:monospace;font-size:13px}.actions-cell{display:flex;gap:8px}.role-badge{align-items:center;background:var(--bg-tertiary);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 12px}.role-badge.role-admin{background:linear-gradient(135deg,var(--color-primary-light) 0,#667eea33 100%);color:var(--color-primary)}.action-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.action-enable{background:#dcfce7;color:#166534}.action-disable{background:#fee2e2;color:#dc2626}.action-delete{background:#fecaca;color:#7f1d1d}.action-update{background:#dbeafe;color:#1e40af}.action-other{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .action-enable{background:#064e3b;color:#86efac}[data-theme=dark] .action-disable{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .action-delete{background:#991b1b;color:#f87171}[data-theme=dark] .action-update{background:#1e3a8a;color:#93c5fd}.action-success{background:#dcfce7;color:#166534}.action-danger{background:#fef2f2;color:#991b1b}.action-billing{background:#fef3c7;color:#92400e}[data-theme=dark] .action-success{background:#064e3b;color:#86efac}[data-theme=dark] .action-danger{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .action-billing{background:#78350f;color:#fcd34d}.plan-badge{align-items:center;display:inline-flex;font-size:11px;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.plan-badge.plan-free{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-badge.plan-pro{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-badge.plan-team{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.grandfathered-badge{border-radius:4px;cursor:help;font-size:10px;font-weight:700;justify-content:center;margin-left:6px;padding:2px 6px}.grandfathered-badge,.status-badge{align-items:center;display:inline-flex}.status-badge{border-radius:20px;font-size:12px;font-weight:600;gap:4px;padding:5px 12px;white-space:nowrap}.status-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-disabled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}[data-theme=dark] .status-active{background:linear-gradient(135deg,#064e3b,#065f46);color:#86efac}[data-theme=dark] .status-disabled{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5}.btn-sm{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;justify-content:center;min-height:36px;padding:8px 12px;transition:all .2s ease}.btn-sm:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-warning:active:not(:disabled){box-shadow:0 2px 6px #f59e0b4d;transform:translateY(0)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-success:active:not(:disabled){box-shadow:0 2px 6px #10b9814d;transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color);border-color:var(--text-secondary);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-danger:active:not(:disabled){box-shadow:0 2px 6px #ef44444d;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}[data-theme=dark] .btn-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[data-theme=dark] .btn-success{background:linear-gradient(135deg,#34d399,#10b981)}.btn-icon-outline{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;padding:6px 8px;transition:all .2s ease}.btn-icon-outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.btn-icon-outline:disabled{cursor:not-allowed;opacity:.5}.btn-icon-outline.btn-icon-primary{border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-outline.btn-icon-primary:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.btn-icon-outline.btn-icon-success{border-color:#10b981;color:#10b981}.btn-icon-outline.btn-icon-success:hover:not(:disabled){background:#10b9811a;color:#059669}.btn-icon-outline.btn-icon-warning{border-color:#f59e0b;color:#f59e0b}.btn-icon-outline.btn-icon-warning:hover:not(:disabled){background:#f59e0b1a;color:#d97706}.btn-icon-outline.btn-icon-danger{border-color:#ef4444;color:#ef4444}.btn-icon-outline.btn-icon-danger:hover:not(:disabled){background:#ef44441a;color:#dc2626}[data-theme=dark] .btn-icon-outline.btn-icon-success:hover:not(:disabled){background:#10b98126}[data-theme=dark] .btn-icon-outline.btn-icon-warning:hover:not(:disabled){background:#f59e0b26}[data-theme=dark] .btn-icon-outline.btn-icon-danger:hover:not(:disabled){background:#ef444426}.btn-icon-outline.btn-icon-paid{cursor:default}.btn-icon-outline.btn-icon-paid,.btn-icon-outline.btn-icon-paid:disabled{border-color:#a78bfa;color:#a78bfa;opacity:.7}.parameter-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.parameter-form h3{color:var(--text-primary);margin-bottom:15px;margin-top:0}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:15px}.form-group label{color:var(--text-primary);font-size:14px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{display:flex;gap:10px;margin-top:15px}.parameters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.parameter-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .3s ease}.parameter-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.parameter-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.parameter-header h4{color:var(--text-primary);font-size:16px;margin:0}.param-type{background:var(--color-primary-light);border-radius:3px;color:var(--color-primary);font-size:11px;font-weight:600;padding:2px 6px;text-transform:uppercase}.parameter-value{background:var(--bg-tertiary);border-radius:4px;margin:10px 0;overflow-x:auto;padding:10px}.parameter-value code{color:var(--text-secondary);font-family:monospace;font-size:12px}.parameter-description{color:var(--text-secondary);font-size:13px;font-style:italic;margin:10px 0}.parameter-actions{display:flex;gap:8px;margin-top:10px}.modal-content h2{margin-bottom:20px;margin-top:0}.log-details-grid,.user-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.detail-item{background:var(--bg-tertiary);border-radius:6px;padding:10px}.detail-item label{display:block;margin-bottom:5px}.detail-item p{word-break:break-all}.mono{font-family:monospace;font-size:12px}.recent-applications{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.recent-applications h3{color:var(--text-primary);margin-top:0}.recent-applications ul{list-style:none;margin:0;padding:0}.recent-applications li{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px;padding:10px}.recent-applications strong{color:var(--text-primary)}.log-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.log-section h3{color:var(--text-primary);margin-top:0}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;overflow-x:auto;padding:10px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500}.audit-filters{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px 20px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.audit-filters .filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.audit-filters .filter-group label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.filter-input,.filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px;transition:border-color .2s ease}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-input::placeholder{color:var(--text-secondary);opacity:.7}.filter-actions{align-self:flex-end;justify-content:flex-end}.audit-logs-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow-x:auto}.admin-user-management{max-width:none;padding:0}.admin-user-management .admin-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:0;padding:0}.admin-user-management .admin-header h1{font-size:1.75rem;margin:0}.admin-user-management .users-table{border-collapse:collapse;font-size:.95rem;width:100%}.admin-user-management .users-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.admin-user-management .users-table th{color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.admin-user-management .users-table tbody tr{border-bottom:1px solid var(--border-color-light);transition:background-color .2s}.admin-user-management .users-table tbody tr:hover{background-color:var(--bg-tertiary)}.admin-user-management .users-table td{color:var(--text-secondary);padding:1rem}.admin-user-management .email-cell{font-family:monospace;font-size:.9rem;word-break:break-all}.admin-user-management .name-cell{color:var(--text-primary);font-weight:500}.admin-user-management .status-cell{text-align:center}.admin-user-management .status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.admin-user-management .count-cell{font-weight:500;text-align:center}.admin-user-management .actions-cell{text-align:center}.admin-user-management .loading-text,.admin-user-management .no-data-text{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.admin-user-management .file-input-wrapper{margin-bottom:1.5rem;position:relative}.admin-user-management .file-input-wrapper input[type=file]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.admin-user-management .file-input-label{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:block;font-weight:500;padding:2rem;text-align:center;transition:all .2s}.admin-user-management .file-input-label:hover{background:#667eea0d;border-color:var(--color-primary);color:var(--color-primary)}.admin-user-management .file-input-wrapper input[type=file]:focus+.file-input-label{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.admin-user-management .import-validation{background:#0d6efd1a;border:1px solid #0d6efd4d;border-radius:6px;margin-top:1rem;padding:1rem}.admin-user-management .import-validation h4{color:var(--text-primary);font-size:1rem;margin-bottom:.75rem;margin-top:0}.admin-user-management .validation-info{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.admin-user-management .validation-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.admin-user-management .validation-info strong{color:var(--text-primary);margin-right:.5rem}.admin-user-management .import-section{margin-bottom:1rem}.admin-user-management .import-section h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.admin-user-management .import-section p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.admin-user-management .modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;height:auto;position:static;width:100%}.admin-nav{flex:1 1;flex-direction:row;overflow-x:auto}.admin-content{margin-left:0;padding:20px}.admin-sidebar-header{border-bottom:none;border-right:1px solid var(--border-color)}.admin-sidebar-footer{border-left:1px solid var(--border-color);border-top:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.log-details-grid,.user-details-grid{grid-template-columns:1fr}.modal-content{margin:20px;max-width:calc(100% - 40px)}.parameters-grid{grid-template-columns:1fr}.admin-user-management .admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-user-management .users-table{font-size:.85rem}.admin-user-management .users-table td,.admin-user-management .users-table th{padding:.75rem .5rem}.admin-user-management .modal-actions{flex-direction:column-reverse}.admin-user-management .modal-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.admin-user-management{padding:0}.admin-user-management .admin-header h1{font-size:1.25rem}.admin-user-management .users-table{font-size:.8rem}.admin-user-management .users-table td,.admin-user-management .users-table th{padding:.5rem .25rem}.admin-user-management .modal-content{width:95%}.admin-user-management .file-input-label{padding:1rem}}.parameters-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.parameters-table{border-collapse:collapse;width:100%}.parameters-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.parameters-table td,.parameters-table th{border-bottom:1px solid var(--border-color);padding:12px 16px}.parameters-table td{vertical-align:middle}.parameters-table tbody tr:last-child td{border-bottom:none}.parameters-table tbody tr:hover{background:var(--bg-secondary)}.param-key-cell code{color:var(--text-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;font-weight:600}.param-value-cell{max-width:300px}.param-value-cell code{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.param-desc-cell{color:var(--text-secondary);font-size:13px;max-width:200px}.param-actions-cell{white-space:nowrap}.param-actions-cell .btn-sm{margin-right:8px}.param-actions-cell .btn-sm:last-child{margin-right:0}.param-type-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.param-type-string{background:#e0f2fe;color:#0369a1}.param-type-number{background:#fef3c7;color:#b45309}.param-type-boolean{background:#dcfce7;color:#15803d}.param-type-json{background:#f3e8ff;color:#7c3aed}[data-theme=dark] .param-type-string{background:#0ea5e933;color:#38bdf8}[data-theme=dark] .param-type-number{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .param-type-boolean{background:#22c55e33;color:#4ade80}[data-theme=dark] .param-type-json{background:#8b5cf633;color:#a78bfa}.modal-wide{max-width:700px;width:90%}.modal-form{margin-top:20px}.modal-form .form-row{display:flex;gap:16px}.modal-form .form-row .form-group{flex:1 1}.modal-form .form-group{margin-bottom:16px}.modal-form .form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:6px}.modal-form .label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.modal-form .label-row label{margin-bottom:0}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-form .form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.modal-form .code-textarea{font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;line-height:1.5;tab-size:2}.modal-form .form-hint{color:var(--text-tertiary);display:block;font-size:12px;margin-top:4px}.modal-actions{border-top:1px solid var(--border-color);gap:12px;margin-top:24px;padding-top:16px}.text-muted{color:var(--text-tertiary)}.modal-delete{max-width:500px}.delete-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.delete-warning .warning-icon{flex-shrink:0;font-size:24px}.delete-warning .warning-text{flex:1 1}.delete-warning .warning-text strong{color:#ef4444;display:block;margin-bottom:8px}.delete-warning .warning-text p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.delete-warning .warning-text code{background:var(--bg-secondary);border-radius:4px;font-weight:600;padding:2px 6px}.modal-delete .form-group{margin-bottom:20px}.modal-delete .form-group label{color:var(--text-primary);display:block;margin-bottom:8px}.modal-delete .form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.modal-delete .form-group input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.modal-delete .btn-danger{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.modal-delete .btn-danger:hover:not(:disabled){background:#dc2626}.modal-delete .btn-danger:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .delete-warning{background:#ef444426;border-color:#ef444466}@media (max-width:768px){.parameters-table td,.parameters-table th{padding:10px 12px}.param-value-cell{max-width:150px}.param-desc-cell{display:none}.modal-form .form-row{flex-direction:column;gap:0}}.maintenance-mode-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.maintenance-mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.maintenance-mode-title{align-items:center;display:flex;gap:10px}.maintenance-mode-title h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot-active{animation:pulse-red 2s ease-in-out infinite;background:#ef4444;box-shadow:0 0 0 3px #ef444433}.status-dot-inactive{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse-red{0%,to{box-shadow:0 0 0 3px #ef444433}50%{box-shadow:0 0 0 6px #ef44441a}}.maintenance-mode-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.maintenance-mode-message-input{margin-bottom:16px}.maintenance-mode-message-input label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.input-with-button{display:flex;gap:8px}.input-with-button input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 14px}.input-with-button input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.maintenance-mode-info{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:12px;margin-top:12px;padding:8px 12px}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-color);border-radius:28px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#ef4444,#dc2626)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}@media (max-width:480px){.maintenance-mode-card{padding:16px}.maintenance-mode-header{align-items:flex-start;flex-direction:column;gap:16px}.input-with-button{flex-direction:column}.input-with-button button{width:100%}}.user-filters{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px 20px}.user-filters .filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.user-filters .filter-group{display:flex;flex-direction:column;gap:0}.user-filters .filter-search{flex:1 1;min-width:200px}.user-filters .filter-input,.user-filters .filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;min-width:120px;padding:8px 12px}.user-filters .filter-search .filter-input{width:100%}.paid-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;margin-left:6px;padding:2px 6px}.modal-content.modal-large{max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.modal-content.modal-small{max-width:400px}.user-detail-modal{padding:0}.user-detail-modal .detail-section{border-bottom:1px solid var(--border-color);padding:20px 0}.user-detail-modal .detail-section:first-child{padding-top:0}.user-detail-modal .detail-section:last-of-type{border-bottom:none}.user-detail-modal .detail-section h3{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.user-detail-modal .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.user-detail-modal .info-item{background:var(--bg-tertiary);border-radius:8px;padding:12px}.user-detail-modal .info-item label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.user-detail-modal .info-item p{color:var(--text-primary);font-size:14px;margin:0;word-break:break-word}.user-detail-modal .edit-form{background:var(--bg-tertiary);border-radius:8px;padding:20px}.user-detail-modal .edit-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.user-detail-modal .edit-form .form-group{margin-bottom:16px}.user-detail-modal .edit-form .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.user-detail-modal .edit-form .form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.user-detail-modal .edit-form .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.user-detail-modal .edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.user-detail-modal .section-actions{align-items:center;border-top:1px solid var(--border-color-light);display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px}.user-detail-modal .confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.user-detail-modal .confirm-modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-lg);max-width:400px;padding:24px;width:90%}.user-detail-modal .confirm-modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.user-detail-modal .confirm-modal p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.user-detail-modal .confirm-actions{display:flex;gap:12px;justify-content:flex-end}.user-detail-modal .subscription-info{margin-bottom:16px}.user-detail-modal .info-row{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;gap:8px;padding:8px 0}.user-detail-modal .info-row:last-child{border-bottom:none}.user-detail-modal .info-label{color:var(--text-secondary);font-size:13px;font-weight:500;min-width:140px}.user-detail-modal .grandfathered-text,.user-detail-modal .paid-text{color:var(--text-secondary);font-size:12px;margin-left:8px}.user-detail-modal .subscription-status{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:capitalize}.user-detail-modal .subscription-active{background:#dcfce7;color:#166534}.user-detail-modal .subscription-canceled{background:#fee2e2;color:#dc2626}.user-detail-modal .subscription-past_due{background:#fef3c7;color:#92400e}[data-theme=dark] .user-detail-modal .subscription-active{background:#064e3b;color:#86efac}[data-theme=dark] .user-detail-modal .subscription-canceled{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .user-detail-modal .subscription-past_due{background:#78350f;color:#fcd34d}.user-detail-modal .stripe-link{color:var(--color-primary);font-size:12px;margin-left:12px;text-decoration:none}.user-detail-modal .stripe-link:hover{text-decoration:underline}.user-detail-modal code{background:var(--bg-tertiary);border-radius:4px;font-family:monospace;font-size:12px;padding:2px 6px}.user-detail-modal .usage-meters{margin-top:16px}.user-detail-modal .usage-meter{margin-bottom:12px}.user-detail-modal .meter-header{color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.user-detail-modal .meter-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.user-detail-modal .meter-fill{background:linear-gradient(90deg,var(--color-primary) 0,#764ba2 100%);border-radius:4px;height:100%;transition:width .3s ease}.user-detail-modal .history-tabs{background:var(--bg-tertiary);border-radius:8px;display:flex;gap:4px;margin-bottom:16px;padding:4px;width:-webkit-fit-content;width:fit-content}.user-detail-modal .history-tab{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.user-detail-modal .history-tab:hover{color:var(--text-primary)}.user-detail-modal .history-tab.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.user-detail-modal .history-content{background:var(--bg-tertiary);border-radius:8px;max-height:250px;overflow-y:auto;padding:16px}.user-detail-modal .history-empty,.user-detail-modal .history-loading{color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.user-detail-modal .history-list{display:flex;flex-direction:column;gap:8px}.user-detail-modal .history-item{background:var(--bg-primary);border-radius:6px;display:flex;font-size:13px;gap:12px;padding:10px}.user-detail-modal .history-date{color:var(--text-secondary);min-width:140px;white-space:nowrap}.user-detail-modal .history-description{color:var(--text-primary)}.user-detail-modal .action-groups{display:flex;flex-direction:column;gap:16px}.user-detail-modal .action-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.user-detail-modal .action-group-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase;width:100%}.user-detail-modal .action-group:first-child{border-bottom:1px solid var(--border-color);padding-bottom:16px}.user-detail-modal .danger-zone{border-top:1px solid var(--border-color);padding-top:16px}.user-detail-modal .paid-notice{color:var(--text-secondary);font-size:13px;font-style:italic}.user-detail-modal .grant-pro-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-detail-modal .grant-pro-form .filter-select{font-size:13px;min-width:100px;padding:6px 10px}.user-detail-modal .modal-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:10px;padding-top:20px}@media (max-width:768px){.modal-content.modal-large{border-radius:0;max-height:100vh;width:100%}.user-detail-modal .edit-form .form-row,.user-detail-modal .info-grid{grid-template-columns:1fr}.user-detail-modal .history-item{flex-direction:column;gap:4px}.user-detail-modal .history-date{min-width:auto}.user-filters .filter-row{align-items:stretch;flex-direction:column}.user-filters .filter-group,.user-filters .filter-input,.user-filters .filter-select{width:100%}}.prompt-editor-container{margin-bottom:30px}.admin-tab .tab-badge{background:#ffffff40;border-radius:3px;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px}.admin-tab:not(.active) .tab-badge{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.prompt-editor-main{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.prompt-info{border-bottom:1px solid #eee;display:block;margin-bottom:30px;padding-bottom:20px}.prompt-info h2{color:#333;font-size:24px;margin:0 0 8px}.prompt-description{color:#666;font-size:14px;margin:0 0 15px}.prompt-meta{color:#999;display:flex;font-size:13px;gap:20px}.prompt-meta span{align-items:center;display:flex;gap:6px}.prompt-meta code{background:#f0f0f0;border-radius:3px;color:#333;padding:2px 6px}.variables-reference{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:20px;padding:15px}.variables-reference h3{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 10px}.variables-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.variables-list li{align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:4px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.variables-list code{background:#dbeafe;border-radius:2px;color:#1e40af;font-size:11px;padding:2px 4px}.variable-required{background:#fed7aa;border-radius:2px;color:#92400e;font-size:10px;font-weight:600;padding:1px 4px}.editor-section{margin-bottom:30px}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.section-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.edit-mode{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:15px}.prompt-textarea{border:1px solid #ddd;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.5;margin-bottom:10px;min-height:300px;padding:12px;resize:vertical;width:100%}.prompt-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.template-stats{color:#666;display:flex;font-size:13px;gap:20px;margin-bottom:15px}.change-notes-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.change-notes-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-actions{display:flex;gap:10px;margin-top:15px}.edit-actions button{flex:1 1}.preview-mode{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:15px}.prompt-preview{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;padding:12px}.versions-section{border-top:1px solid #eee;margin-top:40px;padding-top:30px}.version-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.version-section-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.version-header-actions{display:flex;gap:10px}.import-label{align-items:center;cursor:pointer;display:inline-flex;gap:6px}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:20px}.timeline-item.active{background:#f0f7ff;border-color:#667eea;border-left:3px solid #667eea}.active-dot,.timeline-marker{display:none}.timeline-content{flex:1 1;padding-bottom:15px}.version-header-timeline{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.version-header-timeline h3{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.active-badge{background:#10b981;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.version-meta-timeline{color:#666;display:flex;font-size:12px;gap:15px}.version-meta-timeline .date{background:#f0f0f0;border-radius:3px;padding:2px 8px}.change-notes{color:#666;font-size:13px;font-style:italic;line-height:1.5;margin:8px 0 12px}.version-actions{display:flex;flex-wrap:wrap;gap:10px}.version-actions button{font-size:12px;padding:6px 12px}.comparison-view{background:#fff;background:var(--bg-primary,#fff);border-radius:8px;padding:20px}.comparison-view h2{color:#333;font-size:18px;font-weight:600;margin:15px 0 30px}.comparison-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 50px 1fr;margin-bottom:30px;max-height:600px}.comparison-pane{background:#fff;border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.pane-header{background:#f9fafb;border-bottom:1px solid #eee;padding:15px}.pane-header h3{color:#333;font-size:14px;font-weight:600;margin:0 0 5px}.pane-date{color:#999;font-size:12px;margin:0 0 8px}.pane-notes{color:#666;font-size:12px;font-style:italic;margin:0}.pane-content{word-wrap:break-word;background:#fafafa;border:none;color:#333;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:11px;line-height:1.4;margin:0;max-height:500px;overflow-y:auto;padding:15px;white-space:pre-wrap}.comparison-divider{align-items:center;color:#667eea;display:flex;font-size:20px;font-weight:600;justify-content:center}.comparison-summary{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:20px;padding:15px}.comparison-summary h4{color:#1e40af;font-size:13px;font-weight:600;margin:0 0 10px}.comparison-summary ul{color:#1e40af;display:flex;flex-direction:column;font-size:12px;gap:6px;list-style:none;margin:0;padding:0}.comparison-summary li{padding-left:20px;position:relative}.comparison-summary li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.import-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:20px}.preview-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.preview-header h4{color:#1a1a1a;margin:0}.version-badge{background:#e3f2fd;border-radius:4px;color:#0366d6;font-size:12px;font-weight:600;padding:4px 8px}.preview-details{margin:15px 0}.detail-row{display:flex;font-size:14px;padding:8px 0}.detail-row .label{color:#666;font-weight:600;min-width:120px}.detail-row .value{color:#1a1a1a;flex:1 1}.preview-template{background:#f5f5f5;border-radius:4px;margin-top:15px;padding:12px}.preview-template h5{color:#666;font-size:12px;margin:0 0 10px}.preview-template pre{color:#1a1a1a;font-size:12px;margin:0;max-height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.import-actions{display:flex;gap:10px;margin-top:15px}.import-actions button{font-size:14px;padding:8px 16px}.import-success{padding:20px}.success-message{background:#f0f9f7;border-left:4px solid #28a745;border-radius:4px;color:#22863a;font-size:16px;margin:0 0 20px;padding:12px}.version-info{background:#f8f9fa;border-radius:4px;margin:20px 0;padding:15px}.info-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.info-row .label{color:#666;font-weight:600}.info-row .value{color:#1a1a1a}.modal-actions{display:flex;gap:10px;justify-content:center;margin:20px 0}.modal-actions button{min-width:150px;padding:10px 20px}.info-text{color:#666;font-size:13px;line-height:1.5;margin-top:15px;text-align:center}.empty-state{color:#999;padding:60px 20px}.text-secondary{color:#999}@media (max-width:768px){.prompt-info{flex-direction:column;gap:15px}.prompt-meta,.version-header-timeline{flex-direction:column;gap:8px}.version-meta-timeline{flex-direction:column;gap:4px}}@media (max-width:480px){.prompt-editor-main{padding:12px}.prompt-info h2{font-size:18px}.prompt-description{font-size:13px}.prompt-meta{font-size:12px}textarea{min-height:100px}.form-select,textarea{font-size:16px;padding:8px 10px}.form-select{min-height:40px}button{font-size:13px;min-height:44px;padding:10px 12px}.variables-reference{padding:10px}.variables-list{flex-direction:column;gap:6px}.variables-list li{font-size:11px;padding:6px}}.prompt-settings{background:#f9fafb;border:1px solid #eee;border-radius:6px;gap:12px;margin:30px 0;padding:15px}.prompt-settings,.settings-group{display:flex;flex-direction:column}.settings-group{gap:6px}.settings-group label{color:#333;font-size:13px;font-weight:600}.form-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-select:hover{border-color:#bbb}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px}.toggle-checkbox{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.toggle-text{color:#666;font-size:14px;font-weight:500}.cost-estimate{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;font-size:12px;margin-top:12px;padding:12px}.cost-header{color:#0c4a6e;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.cost-total{align-items:center;color:#0369a1;display:flex;font-size:18px;font-weight:700;gap:4px;margin:8px 0 10px}.cost-total strong{color:#0c4a6e}.cost-details{border-top:1px solid #bae6fd;display:flex;flex-direction:column;gap:6px;padding-top:8px}.cost-item{align-items:center;color:#0369a1;display:flex;font-size:11px;justify-content:space-between;padding:4px 0}.cost-item strong{color:#0c4a6e;font-weight:600;margin-left:4px}[data-theme=dark] .admin-tab .tab-badge{background:#fff3}[data-theme=dark] .admin-tab:not(.active) .tab-badge{background:#111827;background:var(--bg-secondary,#111827);color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .prompt-editor-main{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .prompt-info{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .prompt-info h2{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .prompt-description,[data-theme=dark] .prompt-meta,[data-theme=dark] .prompt-meta code{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .prompt-meta code{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .variables-reference{background:#818cf81a;border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .variables-reference h3{color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .variables-list li{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .variables-list code{background:#818cf826;color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .form-select{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .form-select:hover{border-color:#4b5563;border-color:var(--border-color-light,#4b5563)}[data-theme=dark] .form-select:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .toggle-text{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .cost-estimate{background:#818cf81a;border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .cost-header,[data-theme=dark] .cost-total{color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .cost-total strong{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .cost-details{border-top-color:#374151;border-top-color:var(--border-color,#374151)}[data-theme=dark] .cost-item{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .cost-item strong,[data-theme=dark] .version-section-header h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .timeline-item{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .timeline-item.active{background:#818cf826;border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .version-header-timeline h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .version-meta-timeline{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .version-meta-timeline .date{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .change-notes{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .comparison-view{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .comparison-view h2{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .comparison-pane{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .pane-header{background:#374151;background:var(--bg-tertiary,#374151);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .pane-header h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .pane-date,[data-theme=dark] .pane-notes{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .pane-content{background:#111827;background:var(--bg-secondary,#111827);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .comparison-divider{color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .comparison-summary{background:#818cf81a;border-color:#818cf8;border-color:var(--color-primary,#818cf8)}[data-theme=dark] .comparison-summary h4{color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .comparison-summary ul{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .import-preview{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .preview-header{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .preview-header h4{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .version-badge{background:#818cf826;color:#818cf8;color:var(--color-primary,#818cf8)}[data-theme=dark] .detail-row .label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .detail-row .value{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .preview-template{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .preview-template h5{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .preview-template pre{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .success-message{background:#10b98126;border-left-color:#10b981;color:#10b981}[data-theme=dark] .version-info{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .info-row .label{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .info-row .value{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .info-text{color:#d1d5db;color:var(--text-secondary,#d1d5db)}.test-console-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.test-controls{grid-gap:20px;border-bottom:1px solid #eee;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding-bottom:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#333;font-size:14px;font-weight:600}.control-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 12px}.control-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.test-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.test-panel{background:#f9fafb;border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;padding:20px}.test-panel h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.input-panel{max-height:600px;overflow-y:auto}.input-fields{display:flex;flex:1 1;flex-direction:column;gap:20px}.input-field{display:flex;flex-direction:column;gap:6px}.input-field label{color:#333;font-size:13px;font-weight:500}.input-field .required{color:#ef4444;margin-left:4px}.input-textarea{background:#fff;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;padding:10px;resize:vertical}.input-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.field-hint{color:#999;font-size:12px;font-style:italic;margin:0}.input-actions{border-top:1px solid #eee;display:flex;gap:10px;margin-top:15px;padding-top:15px}.input-actions button{flex:1 1}.preview-panel{background:#fff;border:1px solid #ddd}.preview-content{word-wrap:break-word;background:#fafafa;border:1px solid #eee;border-radius:4px;color:#333;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:11px;line-height:1.4;margin:0;max-height:500px;overflow-y:auto;padding:15px;white-space:pre-wrap}.preview-stats{border-top:1px solid #eee;color:#666;display:flex;font-size:12px;gap:15px;margin-top:10px;padding-top:10px}.preview-stats span{background:#f0f0f0;border-radius:3px;padding:2px 8px}.empty-message{color:#999;font-size:13px;margin:0;padding:30px 15px;text-align:center}.test-result{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;margin-top:30px;padding:20px}.test-result h3{color:#166534;font-size:14px;font-weight:600;margin:0 0 10px}.result-status{border-radius:4px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:15px;padding:4px 12px}.result-status.success{background:#dcfce7;color:#166534}.result-status.error{background:#fee2e2;color:#991b1b}.result-content{word-wrap:break-word;background:#fff;border:1px solid #86efac;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:11px;line-height:1.4;margin:0;max-height:400px;overflow-y:auto;padding:15px;white-space:pre-wrap}@media (max-width:1200px){.test-layout{grid-template-columns:1fr}.preview-panel{max-height:300px}}@media (max-width:768px){.test-console-container{padding:20px}.test-controls{grid-template-columns:1fr}.input-panel{max-height:none}}[data-theme=dark] .test-console-container{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .test-console-container h2{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .test-controls{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .control-group label,[data-theme=dark] .control-select{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .control-select{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .control-select:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .test-panel{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .input-field label,[data-theme=dark] .input-textarea,[data-theme=dark] .test-panel h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .input-textarea{background:#374151;background:var(--bg-tertiary,#374151);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .input-textarea:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .field-hint{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .input-actions{border-top-color:#374151;border-top-color:var(--border-color,#374151)}[data-theme=dark] .preview-panel{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .preview-content,[data-theme=dark] .preview-panel h3{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .preview-content{background:#374151;background:var(--bg-tertiary,#374151);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .preview-stats{border-top-color:#374151;border-top-color:var(--border-color,#374151);color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .preview-stats span{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .empty-message{color:#d1d5db;color:var(--text-secondary,#d1d5db)}[data-theme=dark] .test-result{background:#10b9811a;border-color:#10b98166}[data-theme=dark] .test-result h3{color:#10b981}[data-theme=dark] .result-status.success{background:#10b98133;color:#10b981}[data-theme=dark] .result-status.error{background:#ef444433;color:#ef4444}[data-theme=dark] .result-content{background:#111827;background:var(--bg-secondary,#111827);border-color:#10b98166;color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] textarea{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] textarea:focus{border-color:#818cf8;border-color:var(--color-primary,#818cf8);box-shadow:0 0 0 3px #818cf833}.dashboard-filters{grid-gap:15px;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-weight:600}.filter-group label,.filter-select{color:var(--text-primary);font-size:13px}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;padding:8px 12px}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:var(--bg-primary);border-left:4px solid var(--color-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:20px}.stat-card.success{border-left-color:#10b981}.stat-card.error{border-left-color:#ef4444}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.logs-container{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:30px}.logs-container h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.empty-state{color:var(--text-secondary);font-size:14px;padding:40px 20px;text-align:center}.logs-table-wrapper{overflow-x:auto}.logs-table{border-collapse:collapse;font-size:13px;width:100%}.logs-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.logs-table th{color:var(--text-secondary);font-weight:600;padding:12px;text-align:left;white-space:nowrap}.logs-table tbody tr{border-bottom:1px solid var(--border-color-light);transition:background .2s}.logs-table tbody tr:hover{background:var(--bg-tertiary)}.logs-table tbody tr.status-success{background:var(--color-success-light)}.logs-table tbody tr.status-error{background:#fef2f2}.logs-table td{padding:12px}.logs-table .timestamp{color:var(--text-secondary);font-family:Monaco,Courier New,monospace;font-size:12px}.logs-table .user{color:var(--text-tertiary);font-family:Monaco,Courier New,monospace;font-size:11px}.logs-table .status{text-align:center}.badge{border-radius:3px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-pending{background:var(--color-warning-light);color:var(--color-warning)}.logs-table .time,.logs-table .tokens{font-family:Monaco,Courier New,monospace;font-size:12px;text-align:right}.logs-table .model{color:var(--text-tertiary);font-family:Monaco,Courier New,monospace;font-size:11px}.logs-table .actions{text-align:center}.btn-link{font-size:12px;font-weight:600;transition:color .2s}.btn-link,.btn-link:hover{color:var(--color-primary)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative}.log-modal{max-width:800px}.close-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:color .2s;width:30px}.close-button:hover,.modal-content h2{color:var(--text-primary)}.modal-content h2{font-size:20px;font-weight:600;margin:0 0 25px}.detail-grid{grid-gap:15px;border-bottom:1px solid var(--border-color);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding-bottom:30px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.detail-item p{color:var(--text-primary);font-size:14px;margin:0}.detail-item .badge{display:inline-block;width:-webkit-fit-content;width:fit-content}.error-section,.prompt-section,.response-section{margin-bottom:30px}.error-section h4,.prompt-section h4,.response-section h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.error-section pre{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.prompt-content,.response-content{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}pre{word-wrap:break-word;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:11px;line-height:1.4;margin:0;max-height:400px;overflow-y:auto;padding:15px;white-space:pre-wrap}@media (max-width:768px){.dashboard-filters,.stats-grid{grid-template-columns:1fr}.logs-table{font-size:11px}.logs-table td,.logs-table th{padding:8px}.modal-content{max-width:95%;padding:20px}.detail-grid{grid-template-columns:1fr}}.invite-codes-page .admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.invite-codes-page .admin-header h1{color:#1f2937;color:var(--text-primary,#1f2937);font-size:28px;margin:0}.invite-codes-page .stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.invite-codes-page .stat-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:20px;text-align:center}.invite-codes-page .stat-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:32px;font-weight:700;margin-bottom:8px}.invite-codes-page .stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.invite-codes-page .generate-form-container{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:30px;padding:20px}.invite-codes-page .generate-form{display:flex;flex-direction:column;gap:16px}.invite-codes-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.invite-codes-page .form-group{display:flex;flex-direction:column}.invite-codes-page .form-group label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500;margin-bottom:6px}.invite-codes-page .form-group input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:inherit;font-size:14px;padding:8px 12px}.invite-codes-page .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.invite-codes-page .filter-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}.invite-codes-page .filter-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.invite-codes-page .filter-tab:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.invite-codes-page .filter-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.invite-codes-page .codes-table-container{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow-x:auto}.invite-codes-page .codes-table{background:#fff;background:var(--bg-primary,#fff);border-collapse:collapse;width:100%}.invite-codes-page .codes-table th{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;text-align:left;text-transform:uppercase}.invite-codes-page .codes-table td,.invite-codes-page .codes-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:12px 16px}.invite-codes-page .codes-table td{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px}.invite-codes-page .codes-table tbody tr:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.invite-codes-page .code-cell{font-family:Courier New,monospace}.invite-codes-page .code-display{align-items:center;display:flex;gap:8px}.invite-codes-page code{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;font-weight:600;letter-spacing:1px;padding:4px 8px}.invite-codes-page .copy-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;transition:opacity .2s}.invite-codes-page .copy-btn:hover{opacity:1}.invite-codes-page .status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.invite-codes-page .actions-cell{text-align:center}.invite-codes-page .deactivate-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;transition:opacity .2s}.invite-codes-page .deactivate-btn:hover{opacity:1}.invite-codes-page .empty-state,.invite-codes-page .loading-container{color:#6b7280;color:var(--text-secondary,#6b7280);padding:40px 20px;text-align:center}.invite-codes-page .mode-toggle{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.invite-codes-page .mode-btn{background:#0000;border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.invite-codes-page .mode-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.invite-codes-page .mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.invite-codes-page .mode-btn:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .invite-codes-page .mode-btn:hover:not(:disabled){border-color:#3b82f6;color:#60a5fa}@media (max-width:768px){.invite-codes-page .admin-header{align-items:flex-start;flex-direction:column;gap:16px}.invite-codes-page .admin-header h1{font-size:24px}.invite-codes-page .stats-grid{grid-template-columns:repeat(2,1fr)}.invite-codes-page .stat-value{font-size:24px}.invite-codes-page .filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.invite-codes-page .filter-tab{white-space:nowrap}.invite-codes-page .codes-table td,.invite-codes-page .codes-table th,.invite-codes-page .filter-tab{font-size:13px;padding:10px 12px}}.feedback-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.feedback-stat{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;min-width:120px;padding:16px 24px;text-align:center}.feedback-stat--new{border-left:3px solid #3b82f6}.feedback-stat--progress{border-left:3px solid #f59e0b}.feedback-stat--resolved{border-left:3px solid #10b981}.feedback-stat__count{color:#111827;color:var(--text-primary,#111827);display:block;font-size:28px;font-weight:700;line-height:1.2}.feedback-stat__label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.feedback-type-cell{align-items:center;display:flex;gap:6px;text-transform:capitalize}.feedback-title-cell{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-user-cell{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px}.feedback-screenshot-indicator{margin-left:6px;opacity:.7}.feedback-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.badge-new{background:#dbeafe;color:#1d4ed8}.badge-reviewed{background:#e0e7ff;color:#4338ca}.badge-progress{background:#fef3c7;color:#b45309}.badge-resolved{background:#d1fae5;color:#047857}.badge-closed{background:#e5e7eb;color:#4b5563}.feedback-detail-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.feedback-detail-modal .modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.feedback-detail-modal .modal-header h2{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.feedback-detail-modal .modal-close{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:24px;line-height:1;padding:0}.feedback-detail-modal .modal-close:hover{color:#111827;color:var(--text-primary,#111827)}.feedback-detail-content{padding:24px}.feedback-detail-meta{grid-gap:16px;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:16px}.feedback-detail-meta-item{display:flex;flex-direction:column;gap:4px}.feedback-detail-meta-item .label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.feedback-type-badge{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);border-radius:4px;display:inline-block;font-size:13px;padding:2px 8px;text-transform:capitalize}.status-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:13px;padding:6px 10px}.status-select:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);outline:none}.feedback-detail-section{margin-bottom:24px}.feedback-detail-section h3{font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.feedback-description,.feedback-detail-section h3{color:#111827;color:var(--text-primary,#111827);font-size:14px}.feedback-description{border-radius:8px;line-height:1.6;padding:16px;white-space:pre-wrap}.feedback-description,.toggle-screenshot-btn{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.toggle-screenshot-btn{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s ease}.toggle-screenshot-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.feedback-screenshot-container{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-top:12px;overflow:hidden}.feedback-screenshot-container img{background:#f9fafb;cursor:zoom-in;display:block;max-height:none;object-fit:contain;width:100%}.feedback-screenshot-container img:hover{opacity:.95}.screenshot-lightbox{align-items:center;background:#000000e6;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10002}.screenshot-lightbox img{border-radius:4px;box-shadow:0 0 40px #00000080;max-height:95vh;max-width:95vw;object-fit:contain}.lightbox-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s ease;width:48px}.lightbox-close:hover{background:#fff3}.feedback-tech-details{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;padding:16px}.tech-detail-item{display:flex;font-size:13px;gap:12px;line-height:1.8}.tech-detail-item .label{color:#6b7280;color:var(--text-secondary,#6b7280);min-width:80px}.admin-notes-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.admin-notes-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary,#3b82f6);outline:none}.save-notes-btn{background:#3b82f6;background:var(--accent-primary,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:background .15s ease}.save-notes-btn:hover{background:#2563eb;background:var(--accent-hover,#2563eb)}.feedback-resolved-info{background:#d1fae5;border-radius:8px;color:#047857;font-size:13px;margin-top:16px;padding:12px 16px}[data-theme=dark] .feedback-stat{background:#1f2937;background:var(--bg-secondary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .feedback-stat__count{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .badge-new{background:#3b82f633;color:#60a5fa}[data-theme=dark] .badge-reviewed{background:#6366f133;color:#a5b4fc}[data-theme=dark] .badge-progress{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .badge-resolved{background:#10b98133;color:#34d399}[data-theme=dark] .badge-closed{background:#6b728033;color:#9ca3af}[data-theme=dark] .feedback-detail-modal{background:#1f2937;background:var(--bg-primary,#1f2937)}[data-theme=dark] .feedback-detail-modal .modal-header{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .feedback-detail-modal .modal-header h2{color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .feedback-detail-meta{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .feedback-type-badge{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .status-select{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .feedback-description,[data-theme=dark] .status-select{background:#111827;background:var(--bg-secondary,#111827);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .toggle-screenshot-btn{border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .admin-notes-textarea,[data-theme=dark] .feedback-tech-details,[data-theme=dark] .toggle-screenshot-btn{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .admin-notes-textarea{border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] .feedback-resolved-info{background:#10b98133;color:#34d399}@media (max-width:768px){.feedback-stats{flex-direction:column}.feedback-stat{min-width:auto}.feedback-detail-meta{grid-template-columns:1fr}.feedback-detail-modal{margin:10px;max-width:95%}}.pricing-page{margin:0 auto;max-width:1200px;padding:2rem}.pricing-loading{color:var(--text-secondary);padding:4rem;text-align:center}.pricing-header{margin-bottom:3rem;text-align:center}.pricing-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.pricing-header>p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.pricing-toggles{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.billing-toggle,.currency-toggle{background:var(--bg-secondary);border-radius:8px;display:inline-flex;gap:4px;padding:4px}.billing-toggle button,.currency-toggle button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s ease}.billing-toggle button:hover,.currency-toggle button:hover{color:var(--text-primary)}.billing-toggle button.active,.currency-toggle button.active{background:var(--bg-primary);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.discount-badge{background:var(--status-new);border-radius:4px;color:#fff;font-size:.625rem;font-weight:600;padding:2px 6px;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.pricing-plans{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem;padding-top:1rem}.pricing-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.pricing-card.featured{border-color:var(--accent-color);border-width:2px}.pricing-card.current{background:var(--bg-secondary)}.featured-badge{background:#667eea;border-radius:0 0 8px 8px;left:50%;padding:6px 16px;top:-1px;transform:translateX(-50%)}.current-badge,.featured-badge{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;position:absolute;text-transform:uppercase}.current-badge{background:#22c55e;border-radius:6px;box-shadow:0 2px 4px #00000026;padding:6px 12px;right:12px;top:12px}.coming-soon-badge{border-radius:0 0 8px 8px;font-size:.75rem;letter-spacing:.5px;padding:6px 16px;top:-1px}.pricing-card.coming-soon{opacity:.7}.pricing-card.coming-soon:hover{opacity:.85}.plan-header{margin-bottom:1.5rem}.plan-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.plan-price{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.price-amount{color:var(--text-primary);font-size:2.5rem;font-weight:700}.price-period{color:var(--text-secondary);font-size:1rem}.price-tax{color:var(--text-muted);display:block;font-size:.75rem;margin-top:.25rem}.price-monthly-equivalent{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.price-savings{color:var(--status-new);font-size:.875rem;font-weight:500;margin-top:.25rem}.plan-features{flex:1 1;margin:0 0 2rem}.plan-features li{align-items:flex-start;color:var(--text-primary);gap:.75rem;padding:.5rem 0}.plan-features li.limited{color:var(--text-secondary)}.plan-features li.highlight{font-weight:500}.plan-features li.unlimited{color:var(--status-new)}.feature-icon{color:var(--status-accepted);flex-shrink:0;text-align:center;width:20px}.plan-features li.limited .feature-icon{color:var(--text-tertiary)}.plan-features li.sub-feature{font-size:.8rem;margin-top:-.25rem;padding-left:.5rem}.plan-cta{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.plan-cta:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary)}.plan-cta.primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.plan-cta.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.plan-cta:disabled{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:1}.pricing-faq{margin:0 auto;max-width:900px}.pricing-faq h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:var(--bg-secondary);border-radius:8px;padding:1.5rem}.faq-item h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media (max-width:768px){.pricing-page{padding:1rem}.pricing-header h1{font-size:1.75rem}.pricing-toggles{align-items:center;flex-direction:column;gap:1rem}.pricing-plans{grid-template-columns:1fr}.pricing-card{padding:1.5rem}.price-amount{font-size:2rem}}.billing-page{margin:0 auto;max-width:1200px;padding:2rem}.billing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.billing-header h1{color:var(--text-primary);font-size:1.75rem;margin:0 0 .5rem}.billing-header p{color:var(--text-secondary);margin:0}.billing-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.billing-section h2{color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem}.current-plan-card{align-items:center;display:flex;gap:1rem;justify-content:space-between}.plan-info{flex:1 1}.plan-name-badge{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.plan-name-badge h3{color:var(--text-primary);font-size:1.5rem;margin:0}.grandfathered-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;text-transform:uppercase}.grandfathered-badge,.status-badge{border-radius:9999px;font-size:.75rem;padding:.25rem .75rem}.status-badge{font-weight:500;text-transform:capitalize}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-trialing{background:#dbeafe;color:#1e40af}.status-badge.status-past_due{background:#fef3c7;color:#92400e}.status-badge.status-canceled{background:#fee2e2;color:#991b1b}.renewal-info{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0 0}.plan-actions{display:flex;gap:.75rem}.usage-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.usage-reset-info{color:var(--text-secondary);font-size:.875rem;margin:1rem 0 0;text-align:center}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card{background:var(--background);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.plan-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.plan-card.current{background:#eff6ff;background:var(--primary-color-light,#eff6ff);border-color:var(--primary-color)}.plan-card.coming-soon{opacity:.7;position:relative}.plan-card.coming-soon:hover{border-color:var(--border-color);box-shadow:none}.coming-soon-badge{background:var(--text-secondary);border-radius:9999px;color:#fff;font-size:.7rem;font-weight:600;left:50%;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.plan-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.plan-card-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.plan-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.plan-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.plan-pricing{margin-bottom:1rem}.price-option{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.price-option .price{color:var(--text-primary);font-size:1.75rem;font-weight:700}.price-option .period{color:var(--text-secondary);font-size:.875rem}.price-option.yearly{font-size:.9em}.price-option.yearly .price{font-size:1.25rem}.price-option .savings{background:#dcfce7;border-radius:4px;color:#166534;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.plan-features{list-style:none;margin:0 0 1.5rem;padding:0}.plan-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.375rem 0}.plan-card-actions{display:flex;flex-direction:column;gap:.5rem}.plan-card-actions button{width:100%}.payments-table-container{overflow-x:auto}.payments-table{border-collapse:collapse;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;text-align:left}.payments-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.payments-table td{color:var(--text-primary);font-size:.875rem}.payment-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.payment-status.status-succeeded{background:#dcfce7;color:#166534}.payment-status.status-pending{background:#fef3c7;color:#92400e}.payment-status.status-failed{background:#fee2e2;color:#991b1b}.billing-help{text-align:center}.billing-help p{color:var(--text-secondary);margin:0}.billing-help a{color:var(--primary-color);text-decoration:none}.billing-help a:hover{text-decoration:underline}.btn-link{color:var(--primary-color);margin-top:.5rem;padding:.5rem 0}.btn-link:hover{text-decoration:underline}.btn-link:disabled{color:var(--text-secondary);cursor:not-allowed}.loading-container{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:400px}@media (max-width:768px){.billing-page{padding:1rem}.billing-header{flex-direction:column;gap:1rem}.current-plan-card{align-items:flex-start;flex-direction:column}.plan-actions{flex-direction:column;width:100%}.plan-actions button{width:100%}.plans-grid,.usage-grid{grid-template-columns:1fr}}.onboarding-page{background:#f9fafb;background:var(--bg-secondary,#f9fafb);display:flex;justify-content:center;min-height:calc(100vh - 140px);padding:2rem 1rem}.onboarding-wizard{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:800px;padding:2rem;width:100%}.onboarding-header{margin-bottom:2rem;text-align:center}.onboarding-header h1{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.75rem;margin-bottom:.5rem}.onboarding-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem}.onboarding-progress{margin-bottom:2rem;padding:0 1rem}.progress-steps{align-items:flex-start;display:flex;gap:0;justify-content:space-between}.progress-step{align-items:center;cursor:default;display:flex;flex:1 1;flex-direction:column;max-width:120px}.progress-step.clickable{cursor:pointer}.progress-step.clickable:hover .step-marker{transform:scale(1.1)}.step-marker{align-items:center;background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);border-radius:50%;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:.5rem;transition:all .2s ease;width:40px}.progress-step.completed .step-marker{background:#22c55e;background:var(--success,#22c55e);color:#fff}.progress-step.current .step-marker{background:#3b82f6;background:var(--primary,#3b82f6);box-shadow:0 0 0 4px #3b82f633;color:#fff}.progress-step.skipped .step-marker{background:#eab308;background:var(--warning,#eab308);color:#fff}.step-marker .check-icon,.step-marker .skip-icon{height:20px;width:20px}.step-number{font-size:1rem}.step-info{text-align:center}.step-title{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.75rem;font-weight:500}.step-description{display:none}.progress-connector{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);flex:1 1;height:3px;margin-top:18px;min-width:20px}.progress-connector.completed{background:#22c55e;background:var(--success,#22c55e)}.onboarding-content{min-height:400px;padding:1rem 0}.onboarding-step{text-align:center}.onboarding-step h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;margin-bottom:1rem}.onboarding-step .step-description{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;line-height:1.6;margin:0 auto 1.5rem;max-width:500px}.step-icon{align-items:center;background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.step-icon svg{color:#3b82f6;color:var(--primary,#3b82f6);height:40px;width:40px}.step-icon.completed{background:#dcfce7;background:var(--success-light,#dcfce7)}.step-icon.completed svg{color:#22c55e;color:var(--success,#22c55e)}.step-icon.skipped{background:#fef3c7;background:var(--warning-light,#fef3c7)}.step-icon.skipped svg{color:#eab308;color:var(--warning,#eab308)}.step-icon.warning{background:#fef3c7;background:var(--warning-light,#fef3c7)}.step-icon.warning svg{color:#eab308;color:var(--warning,#eab308)}.step-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem}.step-status.completed{background:#dcfce7;background:var(--success-light,#dcfce7);color:#22c55e;color:var(--success,#22c55e)}.step-status.skipped{background:#fef3c7;background:var(--warning-light,#fef3c7);color:#eab308;color:var(--warning,#eab308)}.step-status svg{height:18px;width:18px}.welcome-step .welcome-features{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;margin:2rem auto;max-width:500px;padding:1.5rem;text-align:left}.welcome-features h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;margin-bottom:1rem}.welcome-features ul{list-style:none;margin:0;padding:0}.welcome-features li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);padding:.75rem 0}.welcome-features li:last-child{border-bottom:none}.welcome-features strong{color:#1f2937;color:var(--text-primary,#1f2937);display:block;margin-bottom:.25rem}.skip-option{border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.skip-option p{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.875rem;margin-bottom:.5rem}.btn-link{background:none;border:none;color:#3b82f6;color:var(--primary,#3b82f6);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.btn-link:hover{color:#2563eb;color:var(--primary-dark,#2563eb)}.application-form{margin:0 auto;max-width:500px;text-align:left}.form-group{margin-bottom:1.25rem}.form-group label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#ef4444;border-color:var(--error,#ef4444)}.error-text{color:#ef4444;color:var(--error,#ef4444)}.error-text,.helper-text{display:block;font-size:.875rem;margin-top:.25rem}.helper-text{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.application-preview{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;margin:1.5rem auto;max-width:500px;padding:1.5rem;text-align:left}.application-preview h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.125rem;margin-bottom:.25rem}.application-preview .company{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:500;margin-bottom:.75rem}.application-preview .description-preview{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5}.match-badge{background:#dcfce7;background:var(--success-light,#dcfce7);border-radius:12px;color:#22c55e;color:var(--success,#22c55e);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.analysis-action{margin:2rem 0}.action-description{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:1rem}.btn-large{font-size:1rem;padding:.875rem 2rem}.btn-icon{height:20px;margin-right:.5rem;vertical-align:middle;width:20px}.analysis-summary{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.match-score{text-align:center}.score-circle{align-items:center;background:conic-gradient(var(--color) calc(var(--score)*1%),#e5e7eb calc(var(--score)*1%));background:conic-gradient(var(--color) calc(var(--score)*1%),var(--bg-tertiary,#e5e7eb) calc(var(--score)*1%));border-radius:50%;display:flex;flex-direction:column;height:100px;justify-content:center;position:relative;width:100px}.score-circle:before{background:#fff;background:var(--bg-primary,#fff);border-radius:50%;content:"";height:80px;position:absolute;width:80px}.score-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;position:relative}.score-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;position:relative}.analysis-highlights{max-width:300px;text-align:left}.analysis-highlights h3{font-size:1rem;margin-bottom:.5rem}.analysis-info{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;margin:2rem auto 0;max-width:500px;padding:1.5rem;text-align:left}.analysis-info h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.875rem;margin-bottom:.75rem}.analysis-info ul{list-style:none;margin:0;padding:0}.analysis-info li{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.analysis-info li:before{color:#22c55e;color:var(--success,#22c55e);content:"✓";left:0;position:absolute}.export-options{margin:2rem 0}.export-options h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;margin-bottom:.5rem}.export-options>p{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:1rem}.format-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:500px}.format-card{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:1.5rem;text-align:center}.format-icon{align-items:center;background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:8px;display:flex;height:50px;justify-content:center;margin:0 auto .75rem;width:50px}.format-icon svg{color:#3b82f6;color:var(--primary,#3b82f6);height:24px;width:24px}.format-card h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;margin-bottom:.25rem}.format-card p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;margin:0}.completion-actions,.export-actions{margin:1.5rem 0}.onboarding-navigation{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.step-indicator{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.875rem}.loading-state,.onboarding-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:4rem}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--bg-tertiary,#e5e7eb);border-top-color:var(--primary,#3b82f6);margin-bottom:1rem}.loading-spinner,.spinner-mini{animation:spin .8s linear infinite}.spinner-mini{border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;height:16px;margin-right:.5rem;vertical-align:middle;width:16px}.btn-primary{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-dark,#2563eb)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:background .2s}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.onboarding-wizard{border-radius:0;box-shadow:none;padding:1.5rem}.onboarding-page{padding:0}.progress-steps{flex-wrap:wrap;gap:1rem;justify-content:center}.progress-connector{display:none}.progress-step{max-width:80px}.step-title{font-size:.625rem}.step-marker{height:32px;width:32px}.analysis-summary{flex-direction:column}.format-cards{grid-template-columns:1fr}.onboarding-navigation{flex-wrap:wrap;gap:1rem;justify-content:center}}[data-theme=dark] .onboarding-page{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .onboarding-wizard{background:#1f2937;background:var(--bg-primary,#1f2937);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .step-marker{background:#374151;background:var(--bg-tertiary,#374151)}[data-theme=dark] .step-icon{background:#3b82f61a}[data-theme=dark] .step-icon.completed{background:#22c55e1a}[data-theme=dark] .step-icon.skipped,[data-theme=dark] .step-icon.warning{background:#eab3081a}[data-theme=dark] .analysis-info,[data-theme=dark] .application-preview,[data-theme=dark] .format-card,[data-theme=dark] .welcome-features{background:#111827;background:var(--bg-secondary,#111827)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border,#374151);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}[data-theme=dark] .score-circle:before{background:#1f2937;background:var(--bg-primary,#1f2937)}[data-theme=dark] .format-icon{background:#3b82f61a}.landing-page{background:var(--bg-primary);min-height:100vh}.landing-page.landing-loading{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.landing-hero{align-items:center;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:80px 40px}.hero-content{flex:1 1;max-width:540px}.hero-content h1{color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 20px}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:0 0 32px}.hero-actions{display:flex;gap:16px}.hero-actions .btn-primary,.hero-actions .btn-secondary{border-radius:8px;font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s ease}.hero-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 14px #667eea66;color:#fff}.hero-actions .btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.hero-actions .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.hero-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.hero-visual{flex:1 1;max-width:500px}.hero-mockup{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.mockup-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:6px;padding:12px 16px}.mockup-dot{background:var(--border-color);border-radius:50%;height:10px;width:10px}.mockup-dot:first-child{background:#ff5f56}.mockup-dot:nth-child(2){background:#ffbd2e}.mockup-dot:nth-child(3){background:#27ca40}.mockup-content{display:flex;flex-direction:column;gap:12px;padding:20px}.mockup-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:16px}.mockup-status{border-radius:4px;height:40px;width:8px}.mockup-status.applied{background:#667eea}.mockup-status.interview{background:#f59e0b}.mockup-status.offer{background:#22c55e}.mockup-lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.mockup-line{background:var(--bg-tertiary);border-radius:4px;height:10px}.mockup-line.long{width:80%}.mockup-line.short{width:50%}.mockup-score{background:var(--bg-tertiary);border-radius:6px;color:var(--color-primary);font-size:1rem;font-weight:600;padding:6px 10px}.landing-features{background:var(--bg-secondary);padding:80px 40px}.section-header{margin:0 auto 48px;max-width:600px;text-align:center}.section-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 12px}.section-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:28px;transition:all .2s ease}.feature-card:hover{box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.feature-card .feature-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.feature-card .feature-icon svg{color:var(--color-primary);height:24px;width:24px}.feature-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.landing-how-it-works{margin:0 auto;max-width:1200px;padding:80px 40px}.steps-container{align-items:flex-start;display:flex;gap:0;justify-content:center}.step{flex:1 1;flex-direction:column;max-width:280px;text-align:center}.step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 14px #667eea66;color:#fff;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;margin-bottom:20px;width:56px}.step-content h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.step-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.step-connector{background:linear-gradient(90deg,var(--color-primary),var(--border-color));flex-shrink:0;height:2px;margin-top:27px;width:80px}.landing-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 40px}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 16px}.cta-content p{color:#ffffffe6;font-size:1.2rem;margin:0 0 32px}.cta-content .btn-primary.btn-large{background:#fff;border-radius:8px;box-shadow:0 4px 14px #0003;color:#667eea;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 36px;text-decoration:none;transition:all .2s ease}.cta-content .btn-primary.btn-large:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}@media (max-width:900px){.landing-hero{flex-direction:column;gap:40px;padding:60px 24px;text-align:center}.hero-content{max-width:100%}.hero-content h1{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-actions{justify-content:center}.hero-visual{max-width:100%;width:100%}.steps-container{align-items:center;flex-direction:column;gap:24px}.step-connector{background:linear-gradient(180deg,var(--color-primary),var(--border-color));height:40px;margin:0;width:2px}}@media (max-width:600px){.landing-hero{padding:40px 20px}.hero-content h1{font-size:1.875rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{text-align:center;width:100%}.landing-cta,.landing-features,.landing-how-it-works{padding:60px 20px}.section-header h2{font-size:1.5rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}}[data-theme=dark] .hero-mockup{box-shadow:0 20px 40px #0000004d}[data-theme=dark] .feature-card:hover{box-shadow:0 12px 24px #0003}[data-theme=dark] .feature-card .feature-icon{background:linear-gradient(135deg,#818cf826,#a78bfa26)}[data-theme=dark] .mockup-score{color:var(--color-primary)}:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-color-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--color-primary:#667eea;--color-primary-light:#f0f4ff;--accent-color:#667eea;--accent-hover:#5a67d8;--color-error:#ef4444;--color-error-light:#fee2e2;--color-success:#10b981;--color-warning:#f59e0b}[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-color:#374151;--border-color-light:#4b5563;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--color-primary:#818cf8;--color-primary-light:#312e81;--accent-color:#818cf8;--accent-hover:#6366f1;--color-error:#f87171;--color-error-light:#7c2d12;--color-success:#34d399;--color-warning:#fbbf24;--bg-light:#374151;--bg-lighter:#4b5563;--status-applied-bg:#3b82f633;--status-applied-text:#93c5fd;--status-interviewing-bg:#fbbf2433;--status-interviewing-text:#fcd34d;--status-offer-bg:#34d39933;--status-offer-text:#6ee7b7;--status-rejected-bg:#f8717133;--status-rejected-text:#fca5a5;--status-archived-bg:#6b728033;--status-archived-text:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--bg-secondary);color:#1f2937;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column}.App{background:#f9fafb;background:var(--bg-secondary)}.App,.router-wrapper,div[class*=router]{display:flex;flex-direction:column;min-height:100vh}main{background:#f9fafb;background:var(--bg-secondary);flex:1 1}@media (max-width:1024px){main{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}.banner,.navbar{flex-shrink:0}.routes-container{display:flex;flex:1 1;flex-direction:column}.footer{flex-shrink:0;margin-top:auto}a{color:#667eea;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{margin:0;min-height:100vh;padding:0}[data-theme=dark]{color-scheme:dark}[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#111827;background-color:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151);color:#f9fafb;color:var(--text-primary,#f9fafb)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}
/*# sourceMappingURL=main.ea4b753a.css.map*/