:root{--primary-bg:#f8fafc;--sidebar-bg:#1e293b;--topbar-bg:#fff;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-inactive:#94a3b8;--text-white:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--hover-bg:#f1f5f9;--active-bg:#e2e8f0;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-pink:#ec4899;--success-bg:#d1fae5;--warning-bg:#fef3c7;--error:#ef4444;--error-bg:#fee2e2;--info:#3b82f6;--info-bg:#dbeafe;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-ar:"Cairo","Inter",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--primary-bg:#0f172a;--sidebar-bg:#1e293b;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-inactive:#64748b;--border-light:#334155;--hover-bg:#334155;--active-bg:#475569;--accent-blue:#3b82f6;--success-bg:#064e3b;--warning-bg:#451a03;--error-bg:#7f1d1d;--info-bg:#1e3a8a}*{margin:0;padding:0}body{background:#f8fafc;background:var(--primary-bg);color:#0f172a;color:var(--text-primary);font-family:var(--font-family);line-height:1.5;min-height:100vh}[dir=rtl]{font-family:Cairo,Inter,sans-serif;font-family:var(--font-family-ar)}[dir=rtl] .container,[dir=rtl] .form-group{text-align:right}[dir=rtl] .btn{direction:rtl}body.rtl{font-family:Cairo,Inter,sans-serif;font-family:var(--font-family-ar)}body.rtl .container,body.rtl .form-group{text-align:right}body.rtl .btn{direction:rtl}body.rtl .form-input,body.rtl .text-left{text-align:right}body.rtl .text-right{text-align:left}[dir=ltr]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family)}.btn{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-primary{background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue)}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-secondary{background:#0000;border-color:#e2e8f0;border-color:var(--border-light);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background:#f1f5f9;background:var(--hover-bg)}.btn-ghost{border:none;color:#64748b;color:var(--text-secondary)}.btn-ghost:hover{background:#f1f5f9;background:var(--hover-bg);color:#0f172a;color:var(--text-primary)}.form-input{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.form-input::placeholder{color:#64748b}.container{margin:0 auto;max-width:1200px;padding:0 1.25rem;padding:0 var(--space-5)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-light);padding:var(--space-6)}.card-body{padding:1.5rem;padding:var(--space-6)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.card-subtitle{font-size:.875rem;font-size:var(--text-sm);margin:0}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-success{background:#d1fae5;background:var(--success-bg);color:#10b981;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.badge-error{background:#fee2e2;background:var(--error-bg);color:#ef4444;color:var(--error)}.badge-info{background:#dbeafe;background:var(--info-bg);color:#3b82f6;color:var(--info)}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-4)}.btn{font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.card-body,.card-header{padding:1rem;padding:var(--space-4)}}.auth-wrapper{align-items:center;background:#f8fafc;background:var(--primary-bg);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-6)}.auth-card{border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:480px;overflow:hidden;position:relative;width:100%}.language-switcher{right:1rem;top:calc(1rem - 30px)}.lang-btn{background:#f8fafc;background:var(--primary-bg);border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:.75rem;min-width:2.5rem;padding:.375rem .75rem}.lang-btn:hover{color:#fff}.lang-btn.active,.lang-btn:hover{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue)}.lang-btn.active{box-shadow:0 2px 4px #3b82f64d}@media (min-width:768px){.auth-card{max-width:720px}}@media (min-width:1024px){.auth-card{max-width:840px}}.form-group{margin-bottom:var(--space-5)}.form-label{color:#0f172a}.form-input{background:#f8fafc;background:var(--primary-bg);border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-input:hover{border-color:#3b82f6;border-color:var(--accent-blue)}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#3b82f6);background:linear-gradient(135deg,var(--accent-blue),#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.card-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:0}.btn-primary{background:linear-gradient(135deg,#3b82f6,#3b82f6);background:linear-gradient(135deg,var(--accent-blue),#3b82f6);box-shadow:0 4px 12px #3b82f64d;font-size:1rem;padding:.875rem 1.5rem}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.btn-primary:disabled{opacity:.6}.auth-link{color:#3b82f6;color:var(--accent-blue);font-weight:500;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:#3b82f6;text-decoration:underline}.auth-actions{align-items:center;justify-content:space-between}.btn-small{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;padding:4px 8px}@media (max-width:480px){.container{padding:0 .75rem;padding:0 var(--space-3)}.btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue);outline-offset:2px}.btn:focus,.form-input:focus{outline:none}@media (prefers-contrast:high){:root{--border-light:#000;--text-secondary:#000}[data-theme=dark]{--border-light:#fff;--text-secondary:#fff}}.App{font-family:var(--font-family)}.App,.auth-layout{background:var(--primary-bg);display:flex;flex-direction:column;min-height:100vh}.auth-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--space-8)}.auth-container{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);width:100%}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.form-group{margin-bottom:var(--space-6)}.form-label{font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--text-primary);font-size:var(--text-sm)}.form-input{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color .2s ease}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-secondary)}.form-error{color:var(--error)}.form-error,.form-help{font-size:var(--text-xs);margin-top:var(--space-1)}.form-help{color:var(--text-secondary)}.password-input-container{position:relative}.password-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.password-toggle-btn:hover{color:var(--text-primary)}.password-toggle-btn:focus{color:var(--accent-blue);outline:none}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .app-content{margin-left:0;margin-right:280px;transition:margin-right .3s ease}[dir=rtl] .app-content.sidebar-collapsed{margin-left:0;margin-right:64px}body.rtl{direction:rtl;text-align:right}body.rtl .app-content{margin-left:0;margin-right:280px;transition:margin-right .3s ease}body.rtl .app-content.sidebar-collapsed{margin-left:0;margin-right:64px}body.rtl .content-section,body.rtl .dashboard-container,body.rtl .main-content{text-align:right}.app-layout{background:var(--primary-bg);display:flex;min-height:100vh}.app-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;transition:margin-left .3s ease}.app-content.sidebar-collapsed{margin-left:64px}.main-content{flex:1 1;min-height:calc(100vh - 60px);padding:var(--space-8);transition:background-color .3s ease}.main-content,[data-theme=dark] .main-content{background:var(--primary-bg)}.dashboard-container{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:all .3s ease}[data-theme=dark] .dashboard-container{background:var(--card-bg);box-shadow:var(--shadow-md);color:var(--text-primary)}.dashboard-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);margin-top:var(--space-8)}.content-section{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .3s ease}.content-section:hover{box-shadow:var(--shadow-md)}[data-theme=dark] .content-section{background:var(--card-bg);border-color:var(--border-light);color:var(--text-primary)}.content-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);transition:color .3s ease}.content-section h3,[data-theme=dark] .content-section h3{color:var(--text-primary)}.profile-info p{margin-bottom:var(--space-2);transition:color .3s ease}.profile-info p,[data-theme=dark] .profile-info p{color:var(--text-secondary)}.role-badge{background:var(--accent-blue);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-1) var(--space-3)}.admin-actions,.settings-actions{margin-top:var(--space-4)}.admin-section{background:var(--accent-blue);border:none;color:#fff}.admin-section h3{color:#fff}.admin-section p{color:#ffffffe6}.dashboard-header{border-bottom:2px solid var(--border-light);margin-bottom:var(--space-8);padding-bottom:var(--space-4);text-align:center}.dashboard-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.dashboard-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.stats-grid{grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);padding:var(--space-6)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card--primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.stat-card--success{background:var(--success);border-color:var(--success);color:#fff}.stat-card--warning{background:var(--warning);border-color:var(--warning);color:#fff}.stat-card--error{background:var(--error);border-color:var(--error);color:#fff}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9}.loading-container{background:var(--primary-bg);min-height:100vh;padding:var(--space-8)}.loading-container-inline{padding:var(--space-6);text-align:center}.loading-container-inline,.loading-container-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-container-overlay{background:#ffffffe6;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.spinner{border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-top-color:var(--accent-blue);height:50px;margin-bottom:var(--space-4);width:50px}.spinner-small{border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-top-color:var(--accent-blue);height:24px;margin-bottom:var(--space-2);width:24px}.spinner-large{animation:spin 1s linear infinite;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--accent-blue);height:64px;margin-bottom:var(--space-6);width:64px}.loading-text{font-size:var(--text-base)}.loading-text,.loading-text-small{color:var(--text-secondary);font-weight:var(--font-medium);margin:0}.loading-text-small{font-size:var(--text-sm)}.loading-text-large{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.loading-state{opacity:.7;pointer-events:none;position:relative}.loading-state:after{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-blue);content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:1000}[data-theme=dark] .loading-container{background:var(--primary-bg)}[data-theme=dark] .loading-container-overlay{background:#0f172ae6}[data-theme=dark] .spinner,[data-theme=dark] .spinner-large,[data-theme=dark] .spinner-small{border-color:var(--border-light);border-top-color:var(--accent-blue)}.error-container{min-height:200px;padding:var(--space-8)}.error-icon{color:var(--error);height:48px;margin-bottom:var(--space-4);width:48px}.error-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.error-message{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}@media (max-width:768px){.auth-content{padding:var(--space-4)}.auth-container{padding:var(--space-6)}.content-section,.dashboard-container,.main-content{padding:var(--space-4)}.stats-grid{gap:var(--space-4);grid-template-columns:1fr}.dashboard-title{font-size:var(--text-2xl)}.dashboard-subtitle{font-size:var(--text-base)}}@media (max-width:480px){.auth-container{padding:var(--space-4)}.content-section,.dashboard-container,.main-content{padding:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-number{font-size:var(--text-2xl)}}[data-theme=dark] .auth-container,[data-theme=dark] .stat-card{background:var(--card-bg);border-color:var(--border-light)}[data-theme=dark] .spinner{border-color:var(--border-light);border-top-color:var(--accent-blue)}@media (prefers-reduced-motion:reduce){.content-section,.spinner,.stat-card{animation:none;transition:none}.stat-card:hover{transform:none}}@media (prefers-contrast:high){.auth-container,.content-section,.dashboard-container,.stat-card{border:2px solid}}.toast-container{gap:12px;right:16px;top:16px;z-index:1200}.toast{background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border:1px solid var(--border-light,#e5e7eb);border-left:4px solid var(--primary,#3b82f6);box-shadow:0 10px 20px #00000014;max-width:420px;min-width:260px;padding:12px 16px;position:relative}.toast-title{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:700;margin-bottom:4px}.toast-message{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.toast-close{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:18px;position:absolute;right:10px;top:8px}.toast-success{border-left-color:#10b981;border-left-color:var(--success,#10b981)}.toast-error{border-left-color:#ef4444;border-left-color:var(--danger,#ef4444)}.toast-info{border-left-color:#3b82f6;border-left-color:var(--primary,#3b82f6)}.toast-warning{border-left-color:#f59e0b;border-left-color:var(--warning,#f59e0b)}.sidebar-container{overflow:hidden;position:relative}@media (max-width:768px){.sidebar-container:not(.mobile-open){transform:translateX(-100%)!important}}.dark-nav{background:#1f2937;border-radius:0 12px 12px 0;flex-direction:column;height:100vh;left:0;padding:20px 0;position:absolute;top:0;transition:all .3s ease;width:60px;z-index:5}.dark-nav,.nav-icon{align-items:center;display:flex}.nav-icon{background:#ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:40px;justify-content:center;margin:8px 0;text-decoration:none;transition:all .2s ease;width:40px}.nav-icon:hover{background:#fff3;color:#fff}.nav-icon.active{background:#fff;color:#1f2937}.nav-icon.disabled{cursor:not-allowed;opacity:.5}.nav-icon.disabled:hover,.nav-toggle{background:#ffffff1a}.nav-toggle{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin:8px 0;transition:all .2s ease;width:40px}.nav-toggle:hover{background:#fff3}.nav-bottom{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.nav-text{color:#fff;font-size:10px;margin:10px 0;text-align:center;text-orientation:mixed;writing-mode:vertical-rl}.settings-icon{align-items:center;background:#374151;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.settings-icon:hover{background:#4b5563;color:#fff}.main-sidebar{background:#f3f4f6;flex-direction:column;height:100vh;left:0;overflow:hidden;position:absolute;top:0;transition:all .3s ease;width:264px;z-index:10}.main-sidebar,.sidebar-collapsed .dark-nav{border-radius:0 12px 12px 0;display:flex}.sidebar-collapsed .main-sidebar{display:none}.sidebar-collapsed .sidebar-container{width:60px}.sidebar-expanded .dark-nav{display:none}.sidebar-expanded .main-sidebar{border-radius:0 12px 12px 0;display:flex}.sidebar-expanded .sidebar-container{width:264px}.sidebar-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px;position:relative}.sidebar-title{flex:1 1;text-align:center}.sidebar-title h2{color:#111827;font-size:18px;font-weight:600;margin:0}.mobile-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;margin-left:12px;padding:0;transition:all .2s ease;width:36px}.mobile-close-btn:hover{background:#e5e7eb;color:#111827}.mobile-close-btn:active{transform:scale(.95)}.mobile-close-btn svg{height:20px;width:20px}.sidebar-content{-ms-overflow-style:none;background:#f3f4f6;flex:1 1;overflow-y:auto;padding:16px 20px;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{display:none}.exp,.section,.section-chip,.section-divider,.section-title{display:none}.section-chip{display:contents}.exp{border:1px solid #9ca3af;border-radius:999px;flex-shrink:0;height:18px;margin-left:10px;position:relative;width:18px}.exp:after,.exp:before{background:#6b7280;border-radius:2px;content:"";position:absolute;transition:transform .18s ease,opacity .18s ease}.exp:before{height:2px;left:4px;top:8px;width:10px}.exp:after{height:10px;left:8px;top:4px;width:2px}.exp.expanded:after{opacity:0}.exp.collapsed:after{opacity:1}.section-divider{background:#d1d5db;height:1px;margin:12px 0}.nav-item{border-radius:6px;color:inherit;gap:10px;margin-bottom:2px;padding:6px 10px;position:relative;text-decoration:none}.nav-item:hover{background:#3b82f614}.nav-item.active{background:#3b82f61f}.nav-item-icon{align-items:center;color:#6b7280;display:flex;font-size:14px;height:18px;justify-content:center;width:18px}.nav-item-text{color:#111827;flex:1 1;font-size:13px;font-weight:500}.nav-item-count{background:#e5e7eb;border-radius:8px;color:#374151;font-size:10px;font-weight:600;padding:2px 6px}.search-section{margin-bottom:16px}.search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;font-size:13px;gap:6px;padding:6px 10px}.search-box input{background:#0000;border:none;flex:1 1;font-size:13px}.search-box input::placeholder{color:#9ca3af}.document-structure{margin-top:12px}.doc-item{align-items:center;cursor:pointer;display:flex;gap:6px;padding:4px 0;transition:all .2s ease}.doc-item:hover{background:#3b82f60d;border-radius:4px}.doc-item.indented{margin-left:16px}.doc-icon{color:#6b7280;font-size:12px;height:14px;width:14px}.doc-text{color:#374151;flex:1 1;font-size:12px}.doc-count{background:#f3f4f6;border-radius:6px;font-size:9px;padding:2px 5px}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-15px;top:20px;transition:box-shadow .3s ease,right .3s ease;width:30px;z-index:25}.sidebar-toggle .handle{background:#9ca3af;border-radius:999px;height:4px;position:relative;width:4px}.sidebar-toggle .handle:after,.sidebar-toggle .handle:before{background:#9ca3af;border-radius:999px;content:"";height:4px;left:0;position:absolute;width:4px}.sidebar-toggle .handle:before{top:-8px}.sidebar-toggle .handle:after{top:8px}.sidebar-toggle:hover{box-shadow:0 8px 28px #0f172a29}.sidebar-collapsed .sidebar-toggle{right:-15px}.nav-section{margin-bottom:8px}.nav-section-header{align-items:center;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:4px;padding:8px 10px;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-section-header:hover{background:#3b82f60d;color:#374151}.nav-section-header.has-active{color:#3b82f6}.nav-section-title{flex:1 1}.nav-section-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.nav-section-content{animation:slideDown .2s ease;padding-left:8px}.section-content{display:contents}body.rtl .sidebar-container{left:auto;right:0}body.rtl .dark-nav,body.rtl .main-sidebar{border-radius:12px 0 0 12px;left:auto;right:0}body.rtl .sidebar-collapsed .sidebar-toggle,body.rtl .sidebar-toggle{left:-15px;right:auto}body.rtl .nav-bottom{left:50%;right:auto;transform:translateX(-50%)}body.rtl .nav-item{flex-direction:row-reverse}body.rtl .nav-item-icon{margin-left:0;margin-right:10px;order:2}body.rtl .nav-item-text{order:1;text-align:right}body.rtl .nav-item-count{order:3}body.rtl .doc-item{flex-direction:row-reverse}body.rtl .doc-item.indented{margin-left:0;margin-right:16px}body.rtl .doc-icon{order:2}body.rtl .doc-text{order:1;text-align:right}body.rtl .doc-count{order:3}body.rtl .nav-section-header{flex-direction:row-reverse}body.rtl .nav-section-content{padding-left:0;padding-right:8px}.master-template.rtl .dark-nav,.master-template.rtl .main-sidebar{border-radius:12px 0 0 12px;left:auto;right:0}.master-template.rtl .sidebar-collapsed .sidebar-toggle,.master-template.rtl .sidebar-toggle{left:-15px;right:auto}@media (max-width:1024px){.main-sidebar,.sidebar-expanded .sidebar-container{width:240px}.sidebar-toggle{height:36px;right:-14px;width:28px}.nav-item-text{font-size:12px}.nav-section-header{font-size:10px}}@media (max-width:768px){.sidebar-container,.sidebar-container.sidebar-collapsed,.sidebar-container.sidebar-expanded{box-shadow:2px 0 8px #00000026;height:100vh!important;left:0!important;max-width:85vw!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:1000!important}.sidebar-container.mobile-open,.sidebar-container.mobile-open.sidebar-collapsed,.sidebar-container.mobile-open.sidebar-expanded{transform:translateX(0)!important}.dark-nav{display:none!important}.main-sidebar{border-radius:0;box-shadow:none;height:100vh;position:relative;width:100%}.sidebar-toggle{display:none}.sidebar-toggle .handle{height:6px;width:6px}.sidebar-toggle .handle:before{height:6px;top:-10px;width:6px}.sidebar-toggle .handle:after{height:6px;top:10px;width:6px}.sidebar-header{padding:16px}.sidebar-title h2{font-size:16px}.mobile-close-btn{display:flex}.nav-item{margin-bottom:4px;padding:10px 12px}.nav-item-icon{height:20px;width:20px}.nav-item-text{font-size:14px}.nav-section-header{font-size:11px;padding:10px 12px}.sidebar-content{padding:12px 16px}.master-template.rtl .sidebar-container,body.rtl .sidebar-container{left:auto;right:0;transform:translateX(100%)}.master-template.rtl .sidebar-container.mobile-open,body.rtl .sidebar-container.mobile-open{transform:translateX(0)}}@media (max-width:480px){.sidebar-container,.sidebar-container.sidebar-collapsed,.sidebar-container.sidebar-expanded{max-width:85vw!important;width:280px!important}.main-sidebar{width:100%}.sidebar-header{padding:12px}.sidebar-title h2{font-size:14px}.sidebar-content{padding:10px 12px}.nav-item,.nav-section-header{padding:12px}}@media (hover:none) and (pointer:coarse){.nav-item,.nav-section-header{min-height:44px;padding:12px 10px}.nav-icon,.sidebar-toggle{min-height:44px;min-width:44px}}.notification-dropdown-container{display:inline-block;position:relative}.notification-bell-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.notification-bell-btn:hover{background:#0000000d;color:#1f2937}.notification-badge{background:#ef4444!important;border-radius:10px;color:#fff!important;font-size:11px;height:18px;min-width:18px;padding:2px 6px}.notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:600px;max-width:90vw;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:10000}.notification-dropdown.rtl{left:0;right:auto}.notification-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.notification-dropdown-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.mark-all-read-btn:hover{background:#3b82f61a}.close-dropdown-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-dropdown-btn:hover{background:#0000000d;color:#1f2937}.notification-list{flex:1 1;max-height:500px;overflow-y:auto}.notification-empty,.notification-loading{color:#6b7280;font-size:14px;padding:32px;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:16px}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff;border-left:3px solid #3b82f6}.notification-item.unread:hover{background:#dbeafe}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{word-wrap:break-word;color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:8px}.notification-time{color:#9ca3af;font-size:11px}.mark-read-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.mark-read-btn:hover{background:#3b82f61a;color:#3b82f6}.notification-dropdown.rtl .notification-item.unread{border-left:none;border-right:3px solid #3b82f6}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f3f4f6}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:640px){.notification-dropdown{right:-16px;width:calc(100vw - 32px)}.notification-dropdown.rtl{left:-16px}}.modern-topbar{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;height:56px;height:var(--topbar-height,56px);justify-content:space-between;left:280px;left:var(--sidebar-width-expanded,280px);overflow:visible;padding:0 24px;position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:200}.modern-topbar.rtl{left:0;right:280px;right:var(--sidebar-width-expanded,280px)}.topbar-left{align-items:center;display:flex;flex:0 0 auto;gap:16px}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;margin-right:8px;padding:0;transition:all .2s ease;width:44px}.mobile-menu-toggle:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.mobile-menu-toggle:active{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);transform:scale(.95)}.mobile-menu-toggle svg{stroke-width:2;height:24px;width:24px}@media (max-width:768px){.mobile-menu-toggle{display:flex!important;opacity:1!important;visibility:visible!important}.modern-topbar.mobile,.modern-topbar.mobile.rtl{left:0;right:0}}.topbar-logo{align-items:center;display:flex;gap:12px}.logo-icon{line-height:1}.logo-text{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:700;letter-spacing:.5px}.logo-image{margin-right:8px;max-width:40px}.topbar-center{justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.topbar-center,.topbar-right{align-items:center;display:flex;flex:1 1;gap:12px}.topbar-right{justify-content:flex-end;margin-left:auto;overflow:visible;position:relative}.logout-btn-direct{align-items:center;background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:36px;padding:0 16px;transition:all .2s}.logout-btn-direct:hover{background:#dc262633;border-color:#dc262680;box-shadow:0 2px 4px #dc262633;transform:translateY(-1px)}.logout-btn-direct:active{transform:translateY(0)}.icon-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.icon-btn svg{fill:currentColor!important;stroke:currentColor!important;color:#3b82f6!important;display:block!important;height:20px!important;opacity:1!important;visibility:visible!important;width:20px!important}.icon-btn:hover{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.icon-btn:hover svg{color:#1d4ed8!important}.notification-badge{background:#ef4444;background:var(--danger,#ef4444);border:2px solid #fff;border:2px solid var(--bg-primary,#fff);border-radius:50%;color:#fff;color:var(--text-inverse,#fff);font-size:10px;font-weight:600;height:16px;position:absolute;right:4px;top:4px;width:16px}.language-toggle-container,.notification-badge{align-items:center;display:flex;justify-content:center}.language-toggle-switcher{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #fffc;display:flex;gap:4px;overflow:hidden;padding:6px;position:relative}.language-toggle-switcher:before{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:14px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.lang-toggle-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;justify-content:center;min-width:80px;padding:0 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:2}.lang-toggle-btn:hover{background:#fff9;box-shadow:0 2px 4px #0000001a;color:#334155;transform:translateY(-1px)}.lang-toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666,0 2px 4px #3b82f633,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-1px)}.lang-toggle-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f680,0 2px 4px #3b82f64d,inset 0 1px 0 #fff3;transform:translateY(-2px)}.lang-toggle-btn.active .lang-text{text-shadow:0 1px 2px #0003}.language-toggle-container.compact{margin-right:8px}.language-toggle-switcher.compact{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px 0 #fffc;gap:2px;padding:3px}.language-toggle-switcher.compact:before{border-radius:6px}.lang-toggle-btn.compact{border-radius:6px;font-size:11px;gap:4px;height:20px;min-width:60px;padding:0 8px}.lang-toggle-btn.compact:hover{box-shadow:0 1px 2px #0000001a;transform:translateY(-.5px)}.lang-toggle-btn.compact.active{box-shadow:0 2px 6px #3b82f666,0 1px 2px #3b82f633,inset 0 1px 0 #fff3;transform:translateY(-.5px)}.lang-toggle-btn.compact.active:hover{box-shadow:0 3px 8px #3b82f680,0 1px 2px #3b82f64d,inset 0 1px 0 #fff3;transform:translateY(-1px)}.lang-toggle-btn.compact .lang-flag{font-size:12px}.lang-toggle-btn.compact .lang-text{font-size:10px;font-weight:700;letter-spacing:.05em}.modern-topbar.rtl .language-toggle-container{direction:rtl}.modern-topbar.rtl .language-toggle-switcher{flex-direction:row-reverse}.modern-topbar.rtl{direction:rtl}.modern-topbar.rtl .topbar-left{order:3}.modern-topbar.rtl .topbar-center{order:2}.modern-topbar.rtl .topbar-right{flex-direction:row-reverse;order:1}.modern-topbar.rtl .user-profile-btn{flex-direction:row-reverse}.modern-topbar.rtl .user-profile-btn .user-name{margin-left:0;margin-right:8px}.modern-topbar.rtl .notification-badge{left:4px;right:auto}.user-menu{overflow:visible;position:relative;z-index:10000}.user-profile-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:none;border-radius:18px;cursor:pointer;display:flex;gap:8px;height:36px;padding:4px 8px 4px 4px;transition:all .2s}.user-profile-btn:hover{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6)}.modern-topbar .user-avatar,.user-menu .user-avatar,.user-profile-btn .user-avatar{border-radius:50%!important;display:block!important;flex-shrink:0!important;height:40px!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;overflow:hidden!important;width:40px!important}.modern-topbar .user-avatar img,.user-menu .user-avatar img,.user-profile-btn .user-avatar img{display:block!important;height:40px!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;object-fit:cover!important;width:40px!important}.modern-topbar .avatar-placeholder,.user-menu .avatar-placeholder,.user-profile-btn .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--primary,#3b82f6) 0,var(--secondary,#6366f1) 100%);color:#fff;color:var(--text-inverse,#fff);display:flex!important;font-size:14px!important;font-weight:600;height:40px!important;justify-content:center;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.user-profile-btn .user-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:12px!important;font-weight:400!important;line-height:1.2;white-space:nowrap}.user-profile-btn svg{fill:currentColor!important;stroke:currentColor!important;color:#3b82f6!important;flex-shrink:0;height:14px!important;width:14px!important}.user-dropdown,.user-profile-btn svg{display:block!important;opacity:1!important;visibility:visible!important}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-height:120px;overflow:visible;padding:0;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(0)!important;width:220px;z-index:99999}.modern-topbar.rtl .user-dropdown{left:0;right:auto}.dropdown-menu{display:block!important;padding:8px}.dropdown-item,.dropdown-menu{opacity:1!important;visibility:visible!important}.dropdown-item{background:#0000;border-radius:8px;color:#1f2937;display:flex!important;font-weight:500;gap:12px;line-height:1.5;min-height:42px;padding:12px 16px;text-align:left;transition:all .2s}.dropdown-item:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.dropdown-item:hover svg{color:#1d4ed8!important}.dropdown-item svg{fill:currentColor!important;stroke:currentColor!important;color:#3b82f6!important;flex-shrink:0;height:18px!important;width:18px!important}.dropdown-item span,.dropdown-item svg{display:block!important;opacity:1!important;visibility:visible!important}.dropdown-item.logout-item{border-top:1px solid #e5e7eb;color:#ef4444!important;margin-top:4px;padding-top:12px!important}.dropdown-item.logout-item:hover{background:#ef44441a!important}.dropdown-item.logout-item svg{color:#ef4444!important}.dropdown-divider{background:#e5e7eb;background:var(--border-light,#e5e7eb);display:block!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.modern-topbar{padding:0 16px}.user-name{display:none}.user-profile-btn{padding:4px}.logout-btn-direct span{display:none}.logout-btn-direct{padding:0 10px}}@media (max-width:768px){.modern-topbar{left:0;padding:0 12px}.modern-topbar.rtl{right:0}.logo-text{display:none}.language-toggle-switcher{gap:2px;padding:4px}.language-toggle-switcher.compact{gap:1px;padding:2px}.lang-toggle-btn{font-size:12px;height:36px;min-width:70px;padding:0 12px}.lang-toggle-btn.compact{font-size:10px;height:18px;min-width:28px;padding:0 6px}.lang-flag{font-size:16px}.lang-toggle-btn.compact .lang-flag{font-size:10px}.lang-text{font-size:11px}.lang-toggle-btn.compact .lang-text{font-size:9px}}@media (max-width:480px){.lang-text{display:none}.lang-toggle-btn{min-width:50px;padding:0 8px}.lang-toggle-btn.compact{min-width:24px;padding:0 4px}.language-toggle-switcher{padding:3px}.language-toggle-switcher.compact{padding:1px}}.master-template{background:#f9fafb;background:var(--bg-secondary,#f9fafb);min-height:100vh}.master-template.app-layout{display:flex;height:100vh}.sidebar-container{height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;z-index:100}.sidebar-container.sidebar-collapsed{width:60px}.sidebar-container.sidebar-expanded{width:220px}@media (max-width:768px){.sidebar-container,.sidebar-container.sidebar-collapsed,.sidebar-container.sidebar-expanded{position:fixed!important;transform:translateX(-100%)!important;width:auto!important}.sidebar-container.mobile-open,.sidebar-container.mobile-open.sidebar-collapsed,.sidebar-container.mobile-open.sidebar-expanded{transform:translateX(0)!important}}.mobile-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.main-content-area{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 64px);min-height:calc(100vh - 64px);transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);width:100%}.master-template.app-layout .main-content-area{padding-left:18px}.master-template.app-layout .main-content-area:has(.upgrade-page){overflow:visible!important;padding-left:0!important;padding-right:0!important}.master-template.app-layout .main-content-area:has(.assessment-runner),.master-template.app-layout .main-content-area:has(.criteria-assessment),.master-template.app-layout .main-content-area:has(.prospective-selection){overflow:visible!important;padding-left:0!important;padding-right:0!important}.page-content{height:100%;min-height:100%;overflow-y:auto;padding:30px;width:100%}.page-content:has(.upgrade-page){max-width:none!important;overflow:visible!important;padding:0!important;width:100%!important}.page-content:has(.assessment-runner),.page-content:has(.criteria-assessment),.page-content:has(.prospective-selection){overflow:visible!important;padding:0!important}.master-template.fullscreen{margin:0;min-height:100vh;padding:0;width:100%}.master-template.minimal{align-items:center;display:flex;justify-content:center}.minimal-content{box-sizing:border-box;max-width:650px;padding:20px;width:100%}.master-template.minimal .minimal-content:has(.upgrade-page){align-items:stretch!important}.master-template.minimal:has(.upgrade-page){align-items:stretch!important;justify-content:flex-start!important}@media (max-width:1024px){.page-content{padding:24px}.page-content:has(.upgrade-page){padding:0}}@media (max-width:768px){.main-content-area{margin-left:0!important;margin-right:0!important}.page-content{padding:16px}.page-content:has(.upgrade-page){padding:0}}:root{--topbar-height:56px;--sidebar-width-expanded:280px;--sidebar-width-collapsed:70px;--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary:#6366f1;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}body[dir=rtl]{font-family:Cairo,Noto Sans Arabic,sans-serif}.master-template.rtl .sidebar-container{left:auto;right:0}.master-template.rtl .main-content-area{margin-left:0;margin-right:238px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.master-template.rtl .sidebar-container.sidebar-collapsed+.main-content-area{margin-right:78px}.master-template.rtl .main-content-area:has(.assessment-runner),.master-template.rtl .main-content-area:has(.criteria-assessment),.master-template.rtl .main-content-area:has(.prospective-selection){margin-right:0!important}.master-template.rtl .page-content{text-align:right}body.rtl .master-template .sidebar-container{left:auto;right:0}body.rtl .master-template .main-content-area{margin-left:0;margin-right:238px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}body.rtl .master-template .sidebar-container.sidebar-collapsed+.main-content-area{margin-right:78px}body.rtl .master-template .main-content-area:has(.assessment-runner),body.rtl .master-template .main-content-area:has(.criteria-assessment),body.rtl .master-template .main-content-area:has(.prospective-selection){margin-right:0!important}body.rtl .master-template .page-content{text-align:right}html{scroll-behavior:smooth}.form-help,.help-text{bottom:auto!important;color:#6b7280!important;display:block!important;float:none!important;font-size:13px!important;left:auto!important;line-height:1.5!important;margin:8px 0 0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.form-group .form-help,.form-group .help-text{align-self:stretch!important;flex:0 0 auto!important;margin-top:8px!important;order:999!important}.signin-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:.5rem;position:relative;width:100%}.signin-page:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signin-container{max-width:100%;z-index:1}.signin-card,.signin-container{box-sizing:border-box;position:relative;width:100%}.signin-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;padding:2.5rem}.signin-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.signin-header{margin-bottom:2rem;text-align:center}.signin-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.signin-subtitle{color:#6b7280;font-size:.9375rem;font-weight:400;margin:0}.signin-form{box-sizing:border-box;margin-bottom:1.5rem;width:100%}.form-label{margin-bottom:.25rem}.input-wrapper{box-sizing:border-box}.input-icon{left:.75rem}.form-input{font-size:.9375rem;max-width:100%;padding-bottom:.875rem;padding-left:3.5rem!important;padding-top:.875rem}.form-input-password{padding-right:3.5rem!important}.error-message,.signin-button{margin-top:.5rem}.signin-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9375rem 1.5rem;transition:all .2s ease;width:100%}.signin-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.signin-button:active:not(:disabled){transform:translateY(0)}.signin-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.signin-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem;text-align:center}.signin-footer-text{color:#6b7280;font-size:.875rem;margin:0}.signin-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.signin-link:hover{color:#764ba2;text-decoration:underline}.demo-signup-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.demo-signup-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.demo-signup-button:hover{box-shadow:0 6px 20px #10b98166;color:#fff;text-decoration:none;transform:translateY(-2px)}.demo-signup-button:active{transform:translateY(0)}.demo-signup-text{color:#6b7280;font-size:.8125rem;font-weight:400;margin:.5rem 0 0}[dir=rtl] .input-icon{right:.75rem}[dir=rtl] .form-input{padding-right:3.5rem!important}[dir=rtl] .form-input-password{padding-left:3.5rem!important}@media (max-width:640px){.signin-page{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.signin-card{border-radius:12px;padding:2rem 1.5rem}.signin-title{font-size:1.75rem}.signin-subtitle{font-size:.875rem}.language-switcher{top:-50px}.lang-btn{font-size:.8125rem;padding:.4375rem .875rem}}@media (max-width:480px){.signin-card{padding:1.5rem 1.25rem}.signin-title{font-size:1.5rem}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.signin-card{background:#1f2937}.signin-card,.signin-title{color:#f9fafb}.signin-subtitle{color:#9ca3af}.form-label{color:#d1d5db}.form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus{background:#4b5563;border-color:#667eea}.input-icon{color:#6b7280}.signin-footer{border-top-color:#4b5563}.signin-footer-text{color:#9ca3af}}.signup-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.signup-page:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-container{max-width:700px;position:relative;width:100%;z-index:1}.language-switcher{top:-60px}.lang-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:8px;direction:ltr;font-weight:600;min-width:3rem;text-align:center}.lang-btn:hover{border-color:#ffffff80;transform:translateY(-2px)}.lang-btn.active{box-shadow:0 4px 12px #00000026}.signup-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;overflow-y:auto;padding:2rem 2.5rem;position:relative}.signup-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.signup-header{margin-bottom:1.5rem;text-align:center}.signup-title{color:#1f2937;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .375rem}.signup-subtitle{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.form-group,.signup-form{margin-bottom:1.25rem}.form-label{flex-shrink:0;font-size:.8125rem;margin:0;min-width:130px}.input-wrapper{flex:1 1;position:relative;width:100%}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#9ca3af;flex-shrink:0;height:20px;justify-content:center;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;width:20px;z-index:10}.form-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:.875rem;margin:0;padding-bottom:.75rem;padding-left:4.5rem!important;padding-right:1rem;padding-top:.75rem;position:relative;text-indent:0!important;transition:all .2s ease;width:100%;z-index:0}.form-input:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a}.form-input:focus+.input-icon,.form-input:focus~.input-icon{color:#667eea}.form-input.error{background:#fef2f2;border-color:#ef4444}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-input-password{padding-right:4rem!important}.password-toggle{color:#9ca3af;justify-content:center;padding:.5rem;transition:color .2s ease;z-index:1}.password-toggle:hover{color:#667eea}.password-toggle:focus{color:#667eea;outline:none}.error-message{font-size:.8125rem;gap:.25rem;margin-left:calc(130px + 1rem);margin-top:.375rem}.error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem 1rem;text-align:center}.signup-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.9375rem 1.5rem;transition:all .2s ease;width:100%}.signup-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.signup-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem;text-align:center}.signup-footer-text{color:#6b7280;font-size:.875rem;margin:0}.signup-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#764ba2;text-decoration:underline}.spinner-small{animation:spin .8s linear infinite}[dir=rtl] .input-icon{left:auto;right:1rem;transform:translateY(-50%)}[dir=rtl] .form-input{padding-left:1rem!important;padding-right:4rem!important}[dir=rtl] .form-input-password{padding-left:4rem!important;padding-right:1rem!important}[dir=rtl] .form-group{flex-direction:row-reverse}[dir=rtl] .error-message{margin-left:0;margin-right:calc(130px + 1rem)}@media (max-width:768px){.form-group{align-items:flex-start;flex-direction:column;gap:.5rem}.form-label{margin-bottom:0;min-width:auto;width:100%}.input-wrapper{width:100%}.error-message{margin-left:0;width:100%}}@media (max-width:640px){.signup-page{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.signup-card{border-radius:12px;padding:2rem 1.5rem}.signup-title{font-size:1.75rem}.signup-subtitle{font-size:.875rem}.language-switcher{top:-50px}.lang-btn{font-size:.8125rem;padding:.4375rem .875rem}.form-group{margin-bottom:1.25rem}}@media (max-width:480px){.signup-card{padding:1.5rem 1.25rem}.signup-title{font-size:1.5rem}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.signup-card{background:#1f2937}.signup-card,.signup-title{color:#f9fafb}.signup-subtitle{color:#9ca3af}.form-label{color:#d1d5db}.form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus{background:#4b5563;border-color:#667eea}.input-icon{color:#6b7280}.signup-footer{border-top-color:#4b5563}.signup-footer-text{color:#9ca3af}}.demo-signup-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.demo-signup-container{max-width:1200px;position:relative;width:100%}.demo-signup-content{grid-gap:3rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:3rem;overflow:hidden}.demo-hero-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex-direction:column;padding:3rem}.demo-hero-icon,.demo-hero-section{display:flex;justify-content:center}.demo-hero-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;height:80px;margin-bottom:2rem;width:80px}.demo-hero-title{color:#1a202c;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.demo-hero-subtitle{color:#4a5568;font-size:1.25rem;line-height:1.5;margin-bottom:2rem}.demo-benefits{margin-top:2rem}.demo-benefits h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.demo-benefits ul{list-style:none;margin:0;padding:0}.demo-benefits li{align-items:center;color:#4a5568;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 0}.demo-trust-indicators{border-top:1px solid #0000001a;margin-top:2rem;padding-top:2rem}.trust-text{color:#718096;font-size:.875rem;text-align:center}.demo-form-section{display:flex;flex-direction:column;justify-content:center;padding:3rem}.demo-form-header{margin-bottom:2rem;text-align:center}.demo-form-header h2{color:#1a202c;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.demo-form-header p{color:#718096;font-size:1rem}.demo-signup-form{display:flex;flex-direction:column;gap:1.5rem}.demo-signup-form .form-group{grid-gap:1rem!important;align-items:start!important;display:grid!important;flex-direction:row!important;gap:1rem!important;grid-template-columns:140px 1fr!important}.demo-signup-form .form-group label{align-items:center;color:#2d3748;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;grid-column:1;padding-top:.75rem}.demo-signup-form .form-group>input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;grid-column:2;padding:.75rem 1rem;transition:all .3s ease;width:100%}.demo-signup-form .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.demo-signup-form .form-group input.error{border-color:#fc8181}.demo-signup-form .form-group input.valid{border-color:#48bb78}.demo-signup-form .form-group input.invalid{border-color:#fc8181}.demo-signup-form .form-group input:disabled{background:#f7fafc;cursor:not-allowed}.demo-signup-form .email-input-wrapper{align-items:center;display:flex;grid-column:2;position:relative}.email-input-wrapper input{flex:1 1;padding-right:3rem}.email-status{align-items:center;display:flex;position:absolute;right:1rem}.email-status.valid{color:#48bb78}.email-status.invalid{color:#fc8181}.demo-signup-form .email-validation-message{font-size:.875rem;grid-column:2;margin-top:.25rem}.email-validation-message.success{color:#48bb78}.email-validation-message.error{color:#fc8181}.demo-signup-form .error-message{color:#fc8181;font-size:.875rem;grid-column:2;margin-top:.25rem}.demo-signup-form .helper-text{color:#718096;font-size:.875rem;grid-column:2;margin-top:.25rem}.demo-signup-form .password-input-wrapper{align-items:center;display:flex;grid-column:2;position:relative}.password-input-wrapper input{flex:1 1;padding-right:3rem}.password-toggle{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;padding:.25rem;position:absolute;right:.75rem;transition:color .3s ease}.password-toggle:hover{color:#2d3748}.demo-signup-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease}.demo-signup-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.demo-signup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{border:2px solid #667eea4d;border-top-color:#667eea}.terms-text{color:#718096;font-size:.875rem;margin-top:1rem;text-align:center}.terms-text a{color:#667eea;text-decoration:none}.terms-text a:hover{text-decoration:underline}.signin-link{border-top:1px solid #e2e8f0;color:#718096;font-size:.875rem;padding-top:1rem;text-align:center}.signin-link a{color:#667eea;font-weight:600;text-decoration:none}.signin-link a:hover{text-decoration:underline}.privacy-assurance{margin-top:1.5rem;text-align:center}.privacy-assurance p{color:#718096;font-size:.875rem}@media (max-width:968px){.demo-signup-content{grid-template-columns:1fr}.demo-hero-section{padding:2rem}.demo-hero-title{font-size:2rem}.demo-form-section{padding:2rem}}@media (max-width:640px){.demo-signup-page{padding:1rem}.demo-hero-title{font-size:1.75rem}.demo-hero-subtitle{font-size:1rem}.demo-form-header h2{font-size:1.5rem}.demo-signup-form .form-group{gap:.5rem!important;grid-template-columns:1fr!important}.form-group label{padding-top:0}.email-input-wrapper,.email-validation-message,.error-message,.helper-text,.password-input-wrapper{grid-column:1}}[dir=rtl] .demo-signup-content{direction:rtl}[dir=rtl] .demo-signup-form .form-group{grid-template-columns:1fr 140px!important}[dir=rtl] .demo-signup-form .email-input-wrapper,[dir=rtl] .demo-signup-form .email-validation-message,[dir=rtl] .demo-signup-form .error-message,[dir=rtl] .demo-signup-form .form-group input,[dir=rtl] .demo-signup-form .helper-text,[dir=rtl] .demo-signup-form .password-input-wrapper{grid-column:1!important}[dir=rtl] .demo-signup-form .form-group label{grid-column:2!important}[dir=rtl] .demo-signup-form .email-input-wrapper,[dir=rtl] .demo-signup-form .form-group label,[dir=rtl] .demo-signup-form .password-input-wrapper{flex-direction:row-reverse}[dir=rtl] .email-status{left:1rem;right:auto}[dir=rtl] .password-toggle{left:.75rem;right:auto}.email-verification-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.email-verification-container{max-width:600px;position:relative;width:100%}.language-switcher{gap:.5rem;margin-bottom:1rem;position:absolute;right:0;top:0;z-index:10}.lang-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;padding:.5rem 1rem;transition:all .3s ease}.lang-btn:hover{background:#fff3}.lang-btn.active{background:#fff;border-color:#fff;color:#667eea}.email-verification-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin-top:3rem;overflow:hidden;padding:3rem;text-align:center}.verification-icon-section{margin-bottom:2rem}.verification-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto;width:120px}.verification-icon-wrapper .icon-pending{color:#667eea}.verification-icon-wrapper .icon-success{color:#48bb78}.verification-icon-wrapper .icon-error{color:#fc8181}.verification-main-content{display:flex;flex-direction:column;gap:1.5rem}.verification-title{color:#1a202c;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.verification-title.success{color:#48bb78}.verification-title.error{color:#fc8181}.verification-message{color:#4a5568;font-size:1.125rem;line-height:1.6;margin:0}.verification-message strong{color:#2d3748;font-weight:600}.verification-message.success{color:#48bb78}.verification-message.error{color:#fc8181}.verification-instructions{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;margin:1rem 0;padding:1.5rem;text-align:left}.verification-instructions p{color:#4a5568;font-size:.95rem;margin:.5rem 0}.instruction-note{color:#718096!important;font-size:.875rem!important;font-style:italic}.error-banner{gap:.75rem;justify-content:center;margin:1rem 0}.resend-section{border-top:1px solid #e2e8f0;margin:2rem 0;padding-top:2rem}.resend-question{color:#4a5568;font-size:1rem;margin-bottom:1rem}.resend-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.resend-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.resend-button:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6;transform:none}.spinning{animation:spin .6s linear infinite}.verification-status-note{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.verification-status-note p{color:#718096;font-size:.875rem;font-style:italic}.success-animation{animation:scaleIn .5s ease-out;margin:2rem 0}.email-input-section{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.email-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.check-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.check-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.check-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.verification-links{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem}.link-button{align-items:center;background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.link-button:hover{background:#667eea;color:#fff}.link-button.secondary{border-color:#e2e8f0;color:#718096}.link-button.secondary:hover{background:#e2e8f0;border-color:#e2e8f0;color:#2d3748}.spinner{border:4px solid #667eea33;margin:2rem auto}@media (max-width:640px){.email-verification-page{padding:1rem}.email-verification-content{margin-top:2rem;padding:2rem 1.5rem}.verification-title{font-size:1.75rem}.verification-message{font-size:1rem}.verification-icon-wrapper{height:100px;width:100px}.verification-icon-wrapper svg{height:48px;width:48px}}[dir=rtl] .email-verification-content{direction:rtl}[dir=rtl] .verification-instructions{border-left:none;border-right:4px solid #667eea}[dir=rtl] .language-switcher{left:0;right:auto}.badge-celebration-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.badge-celebration-modal{animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;max-width:500px;padding:2.5rem;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.celebration-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px}.celebration-close:hover{background:#e2e8f0;color:#1a202c}.celebration-content{text-align:center}.celebration-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.badge-icon-large{font-size:8rem;line-height:1;margin:1rem 0}.animated-bounce{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.badge-name-large{color:#1a202c;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.badge-description-large{color:#4a5568;font-size:1.125rem;line-height:1.5;margin-bottom:1.5rem}.badge-earned-info{align-items:center;background:#f7fafc;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:1rem}.earned-label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.earned-date{color:#2d3748;font-size:1rem;font-weight:600}.badge-rarity{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;color:#667eea;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.25rem}.badge-rarity,.celebration-actions{display:flex;justify-content:center}.celebration-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.share-btn{align-items:center;background:#0000;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.share-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.celebration-footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.awesome-btn,.view-all-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.view-all-btn{background:#e2e8f0;color:#4a5568}.view-all-btn:hover{background:#cbd5e0}.awesome-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.awesome-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:640px){.badge-celebration-modal{padding:2rem 1.5rem}.celebration-header{font-size:1.5rem}.badge-icon-large{font-size:6rem}.badge-name-large{font-size:1.5rem}.badge-description-large{font-size:1rem}.celebration-actions{flex-direction:column}.share-btn{justify-content:center;width:100%}.celebration-footer{flex-direction:column}.awesome-btn,.view-all-btn{width:100%}}.org-wizard-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.org-wizard-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:1120px;padding:2.5rem;width:100%}.wizard-progress{margin-bottom:2rem}.progress-steps{flex-direction:row;justify-content:center;margin-bottom:1rem;width:100%}.progress-step-wrapper,.progress-steps{align-items:center;display:flex;position:relative}.progress-step-wrapper{flex:1 1;flex-direction:column;max-width:200px}.progress-step{background:#e2e8f0;border-radius:50%;color:#718096;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;width:48px;z-index:2}.progress-step.active{background:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff}.progress-step.completed{background:#48bb78;color:#fff}.progress-label{color:#4a5568;font-size:.875rem;margin-top:.5rem;text-align:center;white-space:nowrap}.progress-line{background:#e2e8f0;height:2px;left:calc(50% + 24px);position:absolute;top:24px;transition:background .3s ease;width:calc(100% - 48px);z-index:1}.progress-step-wrapper:last-child .progress-line{display:none}.progress-line.filled{background:linear-gradient(90deg,#48bb78,#667eea)}.wizard-content{margin-bottom:2rem;min-height:400px}.wizard-step{animation:slideIn .3s ease}.step-header{margin-bottom:1.5rem;text-align:center}.step-header h2{color:#1a202c;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.step-header p{color:#718096;font-size:1rem}.step-content{padding:1rem 0}.form-group{align-items:flex-start;flex-direction:row!important;gap:1rem;margin-bottom:1rem}.form-group>label{align-items:center;color:#2d3748;display:inline-flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:.875rem;font-weight:500;gap:.5rem;line-height:1.4;margin-bottom:0!important;max-width:200px;min-width:200px;padding-top:.75rem;white-space:nowrap;width:200px!important}.form-group>label span,.form-group>label svg{flex-shrink:0}.form-group-input-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:0;width:auto}.form-group-half{align-items:flex-start;display:flex!important;flex:1 1;flex-direction:row!important;gap:1rem;margin-bottom:0;width:100%}.form-group-half>label{align-items:center;color:#2d3748;display:inline-flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:.875rem;font-weight:500;gap:.5rem;line-height:1.4;margin-bottom:0!important;max-width:180px;min-width:180px;padding-top:.75rem;white-space:nowrap;width:180px!important}.form-group-half>label span,.form-group-half>label svg{flex-shrink:0}.form-group-half-input-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:0;width:auto}.required{color:#e53e3e}.optional{color:#a0aec0;font-weight:400}.form-group input,.form-group select,.form-group-half-input-wrapper input,.form-group-half-input-wrapper select,.form-group-input-wrapper input,.form-group-input-wrapper select{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group-half-input-wrapper input:focus,.form-group-half-input-wrapper select:focus,.form-group-input-wrapper input:focus,.form-group-input-wrapper select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:focus-visible,.form-group select:focus-visible,.form-group-half-input-wrapper input:focus-visible,.form-group-half-input-wrapper select:focus-visible,.form-group-input-wrapper input:focus-visible,.form-group-input-wrapper select:focus-visible{outline:2px solid #667eea;outline-offset:2px}.form-group input.error,.form-group select.error,.form-group-half-input-wrapper input.error,.form-group-half-input-wrapper select.error,.form-group-input-wrapper input.error,.form-group-input-wrapper select.error{border-color:#fc8181}.error-message{color:#fc8181;display:block}.helper-text{color:#a0aec0}.helper-text[data-success=true]{color:#48bb78}.branding-mode-selector{display:flex;gap:1rem;margin-bottom:2rem}.mode-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.mode-btn:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.mode-btn.active{background:#667eea0d;border-color:#667eea;color:#667eea}.generate-section,.upload-section{animation:fadeIn .3s ease}.upload-area{border:3px dashed #cbd5e0;border-radius:16px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.upload-area.drag-active,.upload-area:hover{background:#667eea0d;border-color:#667eea}.upload-label{cursor:pointer;display:block}.upload-icon{color:#a0aec0;margin-bottom:1rem}.upload-text{color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.upload-subtext{color:#718096;margin-bottom:1rem}.upload-specs{color:#a0aec0;font-size:.875rem}.logo-preview-section{text-align:center}.logo-preview{border-radius:16px;box-shadow:0 4px 12px #0000001a;height:200px;margin:0 auto 1rem;overflow:hidden;position:relative;width:200px}.logo-preview img{height:100%;object-fit:cover;width:100%}.remove-logo-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .3s ease;width:32px}.remove-logo-btn:hover{background:#000c}.preview-label{color:#2d3748;margin-bottom:.5rem}.change-logo-btn{background:#e2e8f0;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.change-logo-btn:hover{background:#cbd5e0}.avatar-preview-section{margin-bottom:2rem;text-align:center}.avatar-preview-large{border-radius:16px;box-shadow:0 8px 20px #00000026;height:200px;margin:0 auto 1rem;overflow:hidden;width:200px}.avatar-preview-large img{height:100%;width:100%}.preview-initials{color:#718096;font-size:.875rem}.color-picker-section{margin-bottom:2rem}.color-picker-section label{color:#2d3748;display:block;font-weight:600;margin-bottom:1rem}.color-palette{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.color-option{align-items:center;aspect-ratio:1;border:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease;width:100%}.color-option:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.color-option.selected{border-color:#1a202c;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.checkmark{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.avatar-examples{background:#f7fafc;border-radius:12px;padding:1.5rem}.examples-title{color:#2d3748;font-weight:600;margin-bottom:1rem;text-align:center}.example-contexts{display:flex;gap:2rem;justify-content:center}.context-example{align-items:center;display:flex;flex-direction:column;gap:.5rem}.context-example img{box-shadow:0 2px 8px #0000001a}.context-example span{color:#718096;font-size:.75rem;font-weight:500}.step-footer-note{background:#667eea1a;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.step-footer-note p{color:#667eea;font-weight:500;margin:0}.review-content{display:flex;flex-direction:column;gap:1.5rem}.review-card{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.review-card-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.review-card-header h3{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.edit-btn{align-items:center;background:#fff;border:1px solid #cbd5e0;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;transition:all .3s ease}.edit-btn:hover{background:#f7fafc;border-color:#a0aec0}.review-card-body{padding:1.5rem}.review-item{grid-gap:1rem;border-bottom:1px solid #f7fafc;display:grid;gap:1rem;grid-template-columns:180px 1fr;padding:.75rem 0}.review-item:last-child{border-bottom:none}.review-label{color:#718096;font-size:.875rem;font-weight:500}.review-value{color:#2d3748;font-weight:600}.logo-review{align-items:center;display:flex;flex-direction:column;gap:1rem}.logo-review-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:150px;object-fit:cover;width:150px}.logo-type{color:#48bb78;font-size:.875rem;font-weight:600}.no-logo{color:#a0aec0;font-style:italic;text-align:center}.demo-terms-card{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea4d}.demo-features-list{list-style:none;margin:0;padding:0}.demo-features-list li{color:#2d3748;font-size:.9375rem;padding:.5rem 0}.demo-expiry-note{background:#edf2f7cc;border-radius:8px;color:#4a5568;font-size:.875rem;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.confirmation-section{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem}.confirmation-checkbox{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.confirmation-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.wizard-navigation{border-top:2px solid #e2e8f0;gap:1rem;justify-content:space-between;padding-top:2rem}.wizard-btn,.wizard-navigation{align-items:center;display:flex}.wizard-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.wizard-btn:disabled{cursor:not-allowed;opacity:.5}.wizard-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.wizard-btn-secondary{background:#e2e8f0;color:#4a5568}.wizard-btn-secondary:hover:not(:disabled){background:#cbd5e0}.wizard-btn-tertiary{background:#0000;border:1px solid #e2e8f0;color:#718096}.wizard-btn-tertiary:hover:not(:disabled){background:#f7fafc}.wizard-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.wizard-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.wizard-btn-submit{padding-left:2.5rem;padding-right:2.5rem}.spinner{animation:spin .6s linear infinite;height:20px;width:20px}.error-banner{background:#fee;border:1px solid #fcc;color:#c33;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.error-summary{display:flex;flex-direction:column;gap:.5rem}.error-count,.skip-link{font-weight:600}.skip-link{background:#667eea;border-radius:4px;color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:0}.save-indicator{animation:fadeIn .3s ease;background:#48bb78;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.save-indicator span{align-items:center;display:flex;gap:.5rem;justify-content:center}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none}.form-section-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.required-fields-note{align-items:center;background:#667eea0d;border-radius:8px;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}@media (max-width:768px){.org-wizard-container{padding:2rem 1.5rem}.progress-steps{gap:.25rem}.progress-step-wrapper{flex:1 1;max-width:none}.progress-step{font-size:1rem;height:40px;width:40px}.progress-label{font-size:.7rem;margin-top:.25rem}.progress-line{top:20px}.form-row{flex-direction:column;gap:0}.form-group-half{flex-direction:column;margin-bottom:1rem}.form-group-half>label{margin-bottom:.5rem;min-width:auto;padding-top:0}.form-group{flex-direction:column}.form-group>label{margin-bottom:.5rem;min-width:auto;padding-top:0}.progress-line{display:none}.review-item{gap:.5rem;grid-template-columns:1fr}.wizard-navigation{flex-wrap:wrap}.wizard-btn{flex:1 1;min-height:44px;min-width:140px}.wizard-btn-primary{flex-basis:100%;margin-left:0;order:3}.color-palette{gap:.75rem;grid-template-columns:repeat(4,1fr)}.example-contexts{flex-direction:column;gap:1rem}}@media (max-width:480px){.step-header h2{font-size:1.5rem}.wizard-btn{font-size:.875rem;min-height:44px;padding:.75rem 1.25rem}.form-section-title{font-size:1rem}}.demo-header{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.header-left{align-items:flex-start;flex:0 0 auto;gap:1rem}.back-button{background:#0000;border:1px solid #e2e8f0;flex-shrink:0;font-size:.875rem;height:44px;justify-content:center;min-width:44px;padding:.75rem;transition:all .2s ease}.back-button:hover{background:#f7fafc;color:#2d3748}.back-button:active{transform:translateX(-2px) scale(.98)}[dir=rtl] .back-button:hover{transform:translateX(2px)}[dir=rtl] .back-button:active{transform:translateX(2px) scale(.98)}.org-card{align-items:center;background:linear-gradient(135deg,#667eea08,#764ba208);border:1px solid #667eea26;border-radius:12px;display:flex;flex-shrink:0;gap:1rem;max-width:80%;padding:1rem}.org-logo{height:108px;width:108px}.header-info{gap:.5rem}.org-name{word-wrap:break-word;line-height:1.3;margin:0}.user-info-row{flex-wrap:wrap;gap:1rem}.user-info-left,.user-info-row{align-items:flex-start;display:flex}.user-info-left{flex-direction:column;gap:.5rem}.language-and-badge-container{align-items:flex-start;display:flex;gap:.75rem;margin-top:.5rem}.demo-header-language-switcher{align-items:center;align-self:flex-start;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;display:flex;gap:.5rem;padding:.25rem}.demo-status-indicator.inline-badge{align-items:flex-start;align-self:flex-start;display:flex;margin:0}.demo-status-indicator.inline-badge .demo-badge{align-items:center;box-sizing:border-box;display:inline-flex;line-height:1.2;padding:.625rem .875rem}.welcome-text{line-height:1.5;margin:0;white-space:nowrap}.demo-lang-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease;white-space:nowrap}.demo-lang-btn:hover{background:#edf2f7;color:#4a5568}.demo-lang-btn.active{background:#667eea;box-shadow:0 1px 3px #667eea4d;color:#fff}.demo-lang-btn.active:hover{background:#5a67d8}.demo-lang-btn svg{flex-shrink:0}.logout-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.logout-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#4a5568}.logout-btn:active{transform:scale(.98)}.header-right{flex:1 1;margin-left:auto}.demo-status-container,.header-right{align-items:center;justify-content:flex-end}.demo-status-container{display:flex;flex-wrap:wrap;gap:1.5rem}.demo-status-indicator{align-items:center;gap:.75rem}.demo-countdown{line-height:1.5}@media (max-width:1024px){.demo-header{align-items:stretch;flex-direction:column;padding:2rem}.header-left{gap:.75rem;width:100%}.back-button{height:40px;min-width:40px;padding:.625rem}.org-card{max-width:100%;width:100%}.demo-status-container,.header-right{align-items:center;justify-content:center;width:100%}.demo-status-container{flex-direction:row;flex-wrap:wrap;gap:1rem}.user-info-row{justify-content:center}.user-info-left,.user-info-row{align-items:center;width:100%}.demo-status-indicator{align-items:center}.upgrade-btn{justify-content:center;width:100%}}@media (max-width:640px){.demo-header{gap:1.5rem;padding:1.5rem}.org-card{gap:1rem;padding:1.25rem}.org-logo{height:84px;width:84px}.org-name{font-size:22px!important}.user-info-row{flex-direction:column;gap:.75rem}.user-info-left,.user-info-row{align-items:center;width:100%}.demo-header-language-switcher{justify-content:center;width:100%}.welcome-text{font-size:13px!important}.logout-btn{justify-content:center;width:100%}.header-right{gap:1rem}.demo-status-indicator{gap:.5rem}.back-button{height:36px;min-width:36px;padding:.5rem}}.stats-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1.5rem;position:relative;transition:all .3s ease}.stats-card.clickable{cursor:pointer}.stats-card.clickable:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stats-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stats-card-content{flex:1 1}.stats-card-number{color:#1a202c;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stats-card-label{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stats-card-subtext{color:#a0aec0;font-size:.75rem;margin-top:.25rem}.stats-card-trend{font-size:1.5rem;font-weight:700}.stats-card-trend.trend-up{color:#48bb78}.stats-card-trend.trend-down{color:#f56565}@media (max-width:640px){.stats-card{padding:1rem}.stats-card-number{font-size:1.5rem}.stats-card-icon{height:40px;width:40px}}.assessment-card{cursor:pointer;gap:1rem;height:100%;padding:1.5rem}.assessment-card button{cursor:pointer}.assessment-card:hover{border-color:#667eea;box-shadow:0 12px 24px #00000026}.org-watermark{border-radius:6px;height:32px;opacity:.3;overflow:hidden;position:absolute;right:1rem;top:1rem;width:32px}.org-watermark img{height:100%;object-fit:cover;width:100%}.card-status{left:1rem;position:absolute;top:1rem}.status-badge{padding:.375rem .75rem}.status-badge.not-started{background:#e2e8f0;color:#718096}.status-badge.in-progress{background:#bee3f8;color:#2c5282}.status-badge.completed{background:#c6f6d5;color:#22543d}.assessment-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;margin-bottom:.5rem;margin-top:1.5rem;width:64px}.icon-emoji{font-size:2rem}.assessment-info{flex-shrink:0;margin-bottom:.5rem}.assessment-name{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:0}.assessment-description-wrapper{flex-shrink:0;margin-bottom:.75rem;min-height:4.5rem}.assessment-description{-webkit-line-clamp:3;color:#718096;font-size:.875rem}.framework-badge{background:#edf2f7;color:#4a5568;display:inline-block;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.perspective-indicator{background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem}.perspective-dots{display:flex;gap:.375rem}.perspective-dot{border:2px solid #cbd5e0;border-radius:50%;height:12px;width:12px}.perspective-dot.active{background:#667eea;border-color:#667eea}.perspective-dot.inactive{background:#0000;border-color:#cbd5e0}.perspective-text{color:#718096;font-size:.75rem;font-weight:500}.progress-section{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-height:2.5rem}.progress-bar-container{border-radius:4px;height:8px}.progress-bar-fill{min-width:2px;transition:width .3s ease}.progress-text{color:#667eea;text-align:right}[dir=rtl] .progress-text{text-align:left}.score-time-wrapper{align-items:center;display:flex;flex-shrink:0;min-height:4.5rem}.score-section{background:linear-gradient(135deg,#48bb781a,#38a1691a);border-radius:8px;padding:1rem;text-align:center;width:100%}.score-display{align-items:center;display:flex;flex-direction:column;gap:.25rem}.score-number{color:#22543d;font-size:2rem;font-weight:700}.score-label{color:#38a169;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.time-estimate{align-items:center;color:#a0aec0;display:flex;font-size:.875rem;gap:.375rem;width:100%}.score-time-spacer{height:100%;width:100%}.cta-buttons-container{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:auto}.assessment-cta{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .3s ease;width:100%}.assessment-cta.start{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.assessment-cta.in-progress{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.assessment-cta.completed{background:#e2e8f0;color:#4a5568}.assessment-cta.run-assessment{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.assessment-cta:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.locked-indicator{align-items:center;background:#ff6b6b0d;border:1px dashed #fbb6b6;border-radius:6px;display:flex;font-size:.75rem;gap:.375rem;padding:.5rem}@media (max-width:640px){.assessment-card{padding:1.25rem}.assessment-icon{height:48px;width:48px}.icon-emoji{font-size:1.5rem}.assessment-name{font-size:1.125rem}}.badge-details-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.badge-details-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.badge-details-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.badge-details-title{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.earned-indicator{color:#48bb78}.locked-indicator{color:#a0aec0}.badge-details-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.badge-details-close:hover{background:#e2e8f0;color:#1a202c}.badge-details-content{padding:2rem}.badge-display{border-radius:12px;margin-bottom:2rem;padding:2rem 1rem;text-align:center}.badge-display.earned{background:linear-gradient(135deg,#48bb781a,#38a1691a);border:2px solid #48bb784d}.badge-display.locked{background:#f7fafc;border:2px dashed #cbd5e0;opacity:.8}.badge-icon-display{font-size:5rem;line-height:1;margin-bottom:1rem}.badge-display.locked .badge-icon-display{filter:grayscale(100%);opacity:.6}.badge-name-display{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.badge-description-section{margin-bottom:2rem}.badge-description{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;text-align:center}.earned-info-section{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:flex-start;background:#f7fafc;border-radius:8px;color:#667eea;display:flex;gap:1rem;padding:1rem}.info-content{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#718096;font-size:.875rem}.info-value{color:#2d3748;font-size:1rem;font-weight:600}.unlock-criteria-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:12px;padding:1.5rem}.criteria-title{color:#2d3748;font-size:1rem;font-weight:700;margin-bottom:1rem}.criteria-content{align-items:flex-start;display:flex;gap:1rem}.criteria-icon{flex-shrink:0;font-size:2rem}.criteria-text{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.rarity-section{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem 1rem}.earned-rarity{background:#48bb781a;border:1px solid #48bb784d;color:#22543d}.locked-rarity{background:#a0aec01a;border:1px solid #a0aec04d;color:#4a5568}.badge-details-footer{border-top:2px solid #e2e8f0;padding:1.5rem 2rem;text-align:center}.close-modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s ease}.close-modal-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:640px){.badge-details-modal{border-radius:16px 16px 0 0;margin-top:auto;max-width:100%}.badge-icon-display{font-size:4rem}.badge-name-display{font-size:1.25rem}.badge-details-content,.badge-details-footer,.badge-details-header{padding-left:1.5rem;padding-right:1.5rem}}.team-invitation-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.team-invitation-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.team-invitation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.team-invitation-title{color:#1f2937;font-size:24px;font-weight:600;margin:0}.team-invitation-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.team-invitation-close:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.team-invitation-close:disabled{cursor:not-allowed;opacity:.5}.team-invitation-content{padding:24px}.team-invitation-form{display:flex;flex-direction:column;gap:20px}.form-label svg{color:#8b5cf6}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-input:disabled,.form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.team-invitation-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;padding:12px 16px}.team-invitation-success{flex-direction:column;padding:40px 20px;text-align:center}.success-icon,.team-invitation-success{align-items:center;display:flex;justify-content:center}.success-icon{animation:successPulse .5s ease-out;background:#10b981;border-radius:50%;font-size:32px;font-weight:700;height:64px;margin-bottom:16px;width:64px}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-message{color:#10b981;font-size:18px;font-weight:500;margin:0}.form-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:13px;line-height:1.5;padding:12px 16px}.form-info p{margin:0}.form-actions{margin-top:8px}.btn-primary,.btn-secondary{padding:12px 24px}.btn-primary{background:#8b5cf6}.btn-primary:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf666}.btn-primary:disabled{background:#d1d5db}@media (max-width:640px){.team-invitation-modal{margin:20px;width:95%}.team-invitation-content,.team-invitation-header{padding:20px}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.invitation-list{width:100%}.invitation-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.invitation-list-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.btn-refresh{background:none;border:none;border-radius:8px;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#f3f4f6;color:#8b5cf6}.invitation-items{display:flex;flex-direction:column;gap:12px}.invitation-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.invitation-item:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.invitation-main{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.invitation-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.invitation-email{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:500;gap:8px}.invitation-email svg{color:#8b5cf6}.email-text{word-break:break-all}.invitation-name{color:#6b7280;font-size:14px;margin-left:24px}.invitation-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.status-accepted{background:#d1fae5;color:#065f46}.status-declined{background:#fee2e2;color:#991b1b}.status-expired{background:#f3f4f6;color:#6b7280}.invitation-date{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.invitation-date svg{color:#9ca3af}.invitation-actions{display:flex;flex-shrink:0;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.btn-resend{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.btn-resend:hover:not(:disabled){background:#e0f2fe;border-color:#7dd3fc}.btn-cancel{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-cancel:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.btn-action:disabled{cursor:not-allowed;opacity:.5}.invitation-accepted{align-items:center;color:#10b981;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px}.accepted-icon{flex-shrink:0}.invitation-message{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.invitation-message p{color:#6b7280;font-size:13px;font-style:italic;line-height:1.5;margin:0}.invitation-list-empty,.invitation-list-error,.invitation-list-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.invitation-list-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:16px;width:40px}.invitation-list-loading p{color:#6b7280;font-size:14px;margin:0}.invitation-list-error{color:#dc2626}.invitation-list-error p{font-size:14px;margin:0 0 12px}.btn-retry{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-retry:hover{background:#7c3aed}.invitation-list-empty .empty-icon{color:#d1d5db;margin-bottom:12px}.invitation-list-empty p{color:#6b7280;font-size:14px;margin:0}.invitation-list-empty .empty-subtext{color:#9ca3af;font-size:13px;margin-top:4px}.spinner-small{border:2px solid #0000001a;border-top-color:initial;height:14px;width:14px}@media (max-width:640px){.invitation-main{flex-direction:column}.invitation-actions{justify-content:flex-end;width:100%}.btn-action{flex:1 1;justify-content:center}}.demo-dashboard{background:#f7fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem;width:100%}.demo-dashboard-error,.demo-dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.demo-dashboard-header{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-left{gap:1.5rem}.org-logo{box-shadow:0 4px 12px #0000001a;height:96px;width:96px}.org-name{color:#1a202c;font-size:24px!important;font-weight:700}.welcome-text{color:#718096;font-size:14px!important}.header-right{gap:1rem}.demo-status-indicator,.header-right{align-items:flex-end;display:flex;flex-direction:column}.demo-status-indicator{gap:.5rem}.demo-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:6px;color:#667eea;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.demo-countdown{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.days-remaining{font-weight:600}.days-remaining.warning{color:#e53e3e}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.stats-panel{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.achievements-section,.stats-panel{margin-bottom:1rem}.section-title{color:#1a202c;margin-bottom:.75rem}.section-subtitle{color:#718096;font-size:1rem;margin-bottom:.75rem}.badges-container-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.badges-container{display:flex;flex:1 1;gap:1rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#cbd5e0 #e2e8f0;scrollbar-width:thin}.badge-scroll-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:10}.badge-scroll-btn:hover{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.1)}.badge-scroll-btn:active{transform:scale(.95)}[dir=rtl] .badges-container-wrapper{direction:rtl}[dir=rtl] .badges-container{direction:ltr}.badges-container::-webkit-scrollbar{height:8px}.badges-container::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.badges-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.badges-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.badge-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;min-height:160px;min-width:140px;padding:1.25rem;scroll-snap-align:start;text-align:center;transition:all .3s ease}.badge-card.clickable{cursor:pointer}.badge-card.clickable:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-6px) scale(1.05)}.badge-card.earned{background:linear-gradient(135deg,#48bb780d,#38a1690d);border-color:#48bb78}.badge-card.locked{opacity:.6}.badge-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.badge-icon{align-items:center;display:flex;font-size:2.5rem;justify-content:center;line-height:1;margin-bottom:.75rem;min-height:3rem}.badge-icon.grayscale{filter:grayscale(100%);opacity:.5}.badge-name{word-wrap:break-word;color:#2d3748;font-size:.875rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.badge-date{color:#48bb78}.badge-date,.badge-unlock{font-size:.75rem;line-height:1.3}.badge-unlock{color:#a0aec0}.team-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.team-section .section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.invite-team-btn{align-items:center;background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.invite-team-btn:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.invite-team-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.invite-count-badge{background:#ffffff4d;border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.assessments-section{margin-bottom:1.5rem}.section-header{margin-bottom:1rem}.assessments-grid{grid-gap:1rem;align-items:stretch;gap:1rem;grid-template-columns:repeat(3,1fr)}.empty-state{background:#fff;border:2px dashed #cbd5e0;border-radius:16px}.empty-icon{color:#cbd5e0}.empty-state h3{color:#2d3748;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:#718096}.upgrade-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;padding:2rem;text-align:center}.upgrade-cta-content{margin:0 auto;max-width:800px}.upgrade-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.upgrade-subtitle{font-size:1.125rem;margin-bottom:1.5rem;opacity:.9}.upgrade-benefits{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;text-align:left}.benefit-item{align-items:center;display:flex;font-size:1rem;font-weight:500;gap:.75rem}.benefit-icon{color:#48bb78;flex-shrink:0}.upgrade-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.upgrade-primary-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.upgrade-primary-btn:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.upgrade-secondary-btn{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.upgrade-secondary-btn:hover{background:#ffffff1a}.upgrade-note{opacity:.8}@media (max-width:1440px){.demo-dashboard{padding:1rem 2rem}}@media (max-width:1024px){.demo-dashboard-header{align-items:flex-start;flex-direction:column}.header-right{align-items:stretch;width:100%}.demo-status-indicator{align-items:flex-start}.upgrade-btn{justify-content:center;width:100%}.assessments-grid,.stats-panel{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.demo-dashboard{padding:1rem}.demo-dashboard-header{padding:1.5rem}.org-name{font-size:22px!important}.assessments-grid,.stats-panel{grid-template-columns:1fr}.badges-container{gap:.75rem}.badge-card{min-width:120px;padding:1rem}.badge-scroll-btn{height:36px;width:36px}.badge-scroll-btn svg{height:20px;width:20px}.upgrade-title{font-size:1.5rem}.upgrade-benefits{grid-template-columns:1fr}.upgrade-cta-buttons{flex-direction:column}.upgrade-primary-btn,.upgrade-secondary-btn{justify-content:center;width:100%}}.demo-assessment-layout{background:#f7fafc;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 1rem;width:100%}.demo-assessment-layout-error,.demo-assessment-layout-loading{align-items:center;background:#f7fafc;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.spinner-large{border:4px solid #e2e8f0;border-top-color:#667eea;height:48px;width:48px}.demo-assessment-layout-error button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.demo-assessment-layout-error button:hover{background:#5568d3;transform:translateY(-2px)}.demo-assessment-header-container{background:#f7fafc;padding:2rem 2rem 0}.demo-assessment-nav{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000000d;display:flex;gap:1.5rem;margin:0 2rem;padding:1rem 2rem}.back-button{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;display:flex;font-size:.9375rem;font-weight:600;transition:all .3s ease}.back-button:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateX(-2px)}.back-button:active{transform:translateX(0)}.assessment-info{flex:1 1}.assessment-title{color:#1a202c;font-size:1.25rem;margin:0}.demo-assessment-content{background:#f7fafc;flex:1 1;overflow-x:hidden;padding:0 2rem 2rem;width:100%}.demo-assessment-content>*{max-width:100%;width:100%}@media (max-width:1440px){.demo-assessment-layout{padding:0 2rem}}@media (max-width:1024px){.demo-assessment-layout{padding:0 1rem}.demo-assessment-header-container{padding:1.5rem 1.5rem 0}.demo-assessment-nav{flex-wrap:wrap;margin:0 1.5rem;padding:1rem 1.5rem}.demo-assessment-content{padding:0 1.5rem 1.5rem}}@media (max-width:640px){.demo-assessment-header-container{padding:1rem 1rem 0}.demo-assessment-nav{align-items:flex-start;flex-direction:column;gap:1rem;margin:0 1rem;padding:.875rem 1rem}.back-button{justify-content:center;width:100%}.assessment-title{font-size:1.125rem}.demo-assessment-content{padding:0 1rem 1rem}}.demo-page-layout{background-color:#f7fafc;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem;width:100%}.demo-page-content{flex:1 1;width:100%}.error-container,.loading-container{min-height:100vh}.error-container{color:#dc3545;font-size:1.1rem}@media (max-width:1440px){.demo-page-content{padding:1rem 2rem}}@media (max-width:768px){.demo-page-content{padding:1rem}}.maturity-report-container{margin:0 auto;max-width:1400px;width:100%}.demo-page-content .maturity-report-container{max-width:100%;padding:0 0 40px}.panel-body{text-align:start}[dir=rtl] .panel-body{text-align:right}.analysis-list{padding-right:0}.analysis-list li{padding:10px 30px;text-align:start}[dir=rtl] .analysis-list li{padding-left:0;padding-right:30px}[dir=rtl] .analysis-list li:before{left:auto;right:10px}[dir=rtl] .analysis-edit-actions{justify-content:flex-start}.chart-container{width:100%}.chart-container h4{text-align:center;width:100%}.chart-wrapper{align-items:center;display:flex;height:400px;justify-content:center;margin:0 auto;max-width:500px}@media (max-width:768px){.report-header{padding:30px 20px}.report-header h1{font-size:1.75rem}.report-header-content{gap:15px}.perspectives-controls{flex-direction:column;gap:8px;justify-content:flex-start;margin-top:10px;width:100%}.control-btn{font-size:.85rem;padding:8px 16px;text-align:center;width:100%}}.assessment-framework-selector{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.modal-header{background:linear-gradient(90deg,#fef3c7,#fef9e7)}.modal-title-section{align-items:flex-start;gap:16px}.modal-title-section .warning-icon{color:#d97706;flex-shrink:0}.modal-title-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.modal-close-btn{background:none;border:none;border-radius:4px;padding:4px;transition:all .2s}.modal-close-btn:hover{color:#1f2937}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.loading-state{gap:16px;padding:60px 20px}.spinner{border-top-color:#3b82f6}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.empty-state{gap:16px}.empty-state .success-icon{color:#10b981}.empty-state h3{color:#1f2937;font-size:18px;margin:0}.info-banner{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.info-banner svg{color:#d97706;flex-shrink:0;margin-top:2px}.info-banner p{color:#78350f;font-size:14px;line-height:1.5;margin:0}.assessments-table{border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.assessments-table thead{background:#f9fafb}.assessments-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.assessments-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.assessments-table tbody tr:last-child td{border-bottom:none}.assessments-table tbody tr:hover{background:#f9fafb}.assessment-name{display:flex;flex-direction:column;gap:4px}.assessment-name strong{color:#1f2937;font-size:14px}.assessment-name small{color:#6b7280;direction:rtl;font-size:12px}.status-badge{text-transform:capitalize}.status-planned{background:#dbeafe;color:#1e40af}.status-in_progress{background:#fef3c7;color:#92400e}.framework-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.framework-select:hover:not(:disabled){border-color:#9ca3af}.framework-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.framework-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.btn{padding:10px 20px}.btn-sm{font-size:13px;padding:6px 12px}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modal-footer{padding:20px 24px}.dashboard-container{background:#f8fafc;background:var(--bg-secondary,#f8fafc);margin:0 auto;max-width:1600px;min-height:calc(100vh - 80px);padding:32px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dashboard-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top-color:#3b82f6;border:4px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:48px;width:48px}.dashboard-header{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary,#1e293b);font-size:32px;font-weight:700;margin:0}.btn{border-radius:6px;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:var(--primary-color,#3b82f6)}.btn-primary:hover{background:var(--primary-dark,#2563eb);box-shadow:0 4px 6px #0000001a}.btn-secondary{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.btn-secondary:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.dashboard-alert{animation:slideDown .3s ease-out;border-radius:12px;box-shadow:0 4px 12px #d9770626;display:flex;gap:16px;margin-bottom:32px;padding:20px 24px}.dashboard-alert.warning{background:linear-gradient(90deg,#fef3c7,#fef9e7);border:1px solid #fde68a}.dashboard-alert .alert-icon{color:#d97706;flex-shrink:0}.dashboard-alert .alert-content{flex:1 1}.dashboard-alert .alert-content strong{color:#78350f;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.dashboard-alert .alert-content p{color:#92400e;font-size:14px;line-height:1.5;margin:0 0 12px}.dashboard-alert .alert-action-btn{align-items:center;background:#d97706;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.dashboard-alert .alert-action-btn:hover{background:#b45309;box-shadow:0 4px 12px #d977064d;transform:translateY(-1px)}.dashboard-alert .alert-close-btn{background:none;border:none;border-radius:4px;color:#92400e;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s}.dashboard-alert .alert-close-btn:hover{background:#d977061a;color:#78350f}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.stat-card{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 1px 3px #00000014;cursor:pointer;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:relative}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--primary-color,#3b82f6),var(--primary-dark,#2563eb));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 20px #0000001f}.stat-card:hover:before{opacity:1}.stat-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-trend{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;height:-webkit-fit-content;height:fit-content;padding:4px 10px;white-space:nowrap}.stat-trend.up{background:#10b9811f;color:#059669}.stat-trend.down{background:#ef44441f;color:#dc2626}.stat-content{min-width:0}.stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.stat-label{color:var(--text-secondary,#64748b);line-height:1.3;margin-bottom:4px}.stat-subtext{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:-webkit-box;font-size:12px;line-height:1.4;margin-top:auto;overflow:hidden;padding-top:8px;text-overflow:ellipsis}.main-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}@media (max-width:1200px){.main-content-grid{grid-template-columns:1fr 1fr}.main-content-grid>.dashboard-section:first-child{grid-column:1/-1}}@media (max-width:768px){.main-content-grid{grid-template-columns:1fr}}.dashboard-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;overflow:hidden}.dashboard-section .section-header{align-items:center;background:linear-gradient(90deg,#3b82f605,#0000);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:24px 32px}.dashboard-section .section-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:20px;font-weight:700;margin:0}.dashboard-section .section-content{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:24px;width:100%}.assessments-list-vertical{display:flex;flex-direction:column;gap:0}.assessment-item-vertical{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;padding:16px;transition:background .2s}.assessment-item-vertical:last-child{border-bottom:none}.assessment-item-vertical:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.assessment-item-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.assessment-item-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.assessment-item-meta{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.assessment-item-vertical .progress-bar{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.assessment-item-vertical .progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.activities-list{display:flex;flex-direction:column;gap:0}.activity-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;padding:16px;transition:background .2s}.activity-item:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.activity-item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;min-width:20px;width:20px}.activity-icon.assessment{background:#3b82f6}.activity-icon.framework{background:#06b6d4}.activity-icon.completed{background:#10b981}.activity-icon.user{background:#8b5cf6}.activity-icon.report{background:#6366f1}.activity-item-text{word-wrap:break-word;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:14px;font-weight:600;line-height:1.5}.activity-item-meta{color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;gap:16px;padding-left:32px}.activity-meta-item{align-items:center;display:flex;gap:4px}.frameworks-list{display:flex;flex-direction:column;gap:0}.framework-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;padding:16px;transition:background .2s}.framework-item:last-child{border-bottom:none}.framework-item:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.framework-item-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;margin-bottom:8px}.framework-item-stats{color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:12px;gap:16px}.framework-stat{align-items:center;display:flex;gap:4px}.analytics-grid{grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr 1fr;margin-bottom:32px}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid>.chart-container:first-child{grid-column:1/-1}}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr}}.chart-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);box-shadow:0 2px 8px #0000000a}.chart-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;margin-bottom:20px}.chart-wrapper{height:250px;position:relative}.top-area-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;display:flex;justify-content:space-between;padding:12px 0;width:100%}.top-area-item:last-child{border-bottom:none}.area-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500;margin-bottom:8px;text-align:left}.area-score{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;font-size:18px;font-weight:700;margin-left:16px;text-align:right}.area-progress{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:2px;height:4px;margin-top:0;width:100%}.area-progress-fill{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:2px;height:100%;transition:width .3s ease}.assessments-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.assessment-card{background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.assessment-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.assessment-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.assessment-card:hover:before{opacity:1}.assessment-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.assessment-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.assessment-icon-emoji{font-size:28px;line-height:1}.assessment-card-body{display:flex;flex:1 1;flex-direction:column;gap:12px}.assessment-card-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:700;line-height:1.3;margin:0;min-height:2.4em}.assessment-framework-badge{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.assessment-progress-section{margin-top:4px}.assessment-progress-section .progress-bar{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.assessment-progress-section .progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.assessment-progress-section .progress-text{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:12px;font-weight:600;text-align:right}.assessment-score{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:8px;display:flex;flex-direction:column;margin-top:4px;padding:12px}.assessment-score .score-value{color:#059669;font-size:24px;font-weight:700;line-height:1}.assessment-score .score-label{color:#10b981;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.status-badge.in-progress{background:#f59e0b1a;color:#d97706}.status-badge.completed{background:#10b9811a;color:#059669}.status-badge.pending{background:#64748b1a;color:#475569}.progress-bar{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:3px;margin-top:8px}.progress-fill{border-radius:3px;transition:width .3s}.empty-state{color:var(--text-secondary,#64748b);padding:48px 24px}.empty-icon{color:#94a3b8;color:var(--text-tertiary,#94a3b8);height:48px;margin:0 auto 16px;width:48px}@media (max-width:768px){.dashboard-container{padding:16px}.assessments-list,.stats-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}}[dir=rtl] .assessment-card-header,[dir=rtl] .dashboard-header,[dir=rtl] .header-actions{flex-direction:row-reverse}.avatar-upload{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.avatar-container{background:#f8f9fa;border:4px solid #e1e5e9;border-radius:50%;box-shadow:0 4px 20px #0000001a;cursor:pointer;height:180px;overflow:hidden;position:relative;transition:all .3s ease;width:180px}.avatar-container:hover{border-color:#667eea;box-shadow:0 6px 25px #667eea4d;transform:scale(1.02)}.avatar-container.dragging{background:#f0f4ff;border-color:#667eea;border-style:dashed;transform:scale(1.05)}.avatar-container.uploading{cursor:wait;pointer-events:none}.avatar-image{transition:transform .3s ease}.avatar-container:hover .avatar-image:not(.uploading){transform:scale(1.1)}.avatar-overlay{align-items:center;background:#000000bf;border-radius:50%;bottom:0;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.avatar-overlay.success{background:#22c55ee6}.avatar-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.avatar-upload-text{color:#fff;font-size:.875rem;font-weight:600;text-align:center}.success-icon{animation:scaleIn .3s ease;color:#fff}.avatar-hover-overlay{align-items:center;background:#667eead9;border-radius:50%;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.avatar-container:hover .avatar-hover-overlay{opacity:1}.avatar-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.avatar-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 2px 10px #667eea4d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;min-width:160px;padding:.75rem 1.5rem;text-align:center}.avatar-upload-btn:hover:not(:disabled){box-shadow:0 5px 20px #667eea80;transform:translateY(-2px)}.avatar-upload-btn:active:not(:disabled){transform:translateY(0)}.avatar-upload-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.avatar-input{display:none}.avatar-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;max-width:300px;padding:.75rem 1rem;position:relative;width:100%}.avatar-error span{flex:1 1}.error-close{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s ease}.error-close:hover{opacity:1}.avatar-success{align-items:center;animation:slideDown .3s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;width:100%}.avatar-help,.avatar-success{max-width:300px;text-align:center}.avatar-help{color:#6b7280;font-size:.8rem;line-height:1.5}.avatar-help p{margin:0}.avatar-help-sub{color:#9ca3af;font-size:.75rem;font-style:italic;margin-top:.25rem!important}[dir=rtl] .avatar-upload{text-align:center}[dir=rtl] .avatar-upload-btn{direction:rtl}@media (max-width:768px){.avatar-container{height:150px;width:150px}.avatar-upload-btn{font-size:.85rem;min-width:140px;padding:.65rem 1.25rem}.avatar-help{font-size:.75rem}}.avatar-container.uploading .avatar-hover-overlay{display:none}.profile-container{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;padding:2rem;width:100%}.profile-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.profile-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profile-subtitle{color:#666;font-size:1.1rem}.profile-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.profile-avatar-section{align-items:center;display:flex;flex-direction:column}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{color:#333;font-size:.9rem;margin-bottom:.5rem}.form-input{border:2px solid #e1e5e9;border-radius:5px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-input:focus{border-color:#667eea;outline:none}.form-input.error{border-color:#e74c3c}.form-input.disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-help{color:#6c757d;font-size:.8rem;margin-top:.25rem}.error-message{color:#e74c3c;font-size:.875rem;margin-top:.25rem}.message{border-radius:5px;font-weight:500;margin-bottom:1rem;padding:1rem}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.btn{align-self:flex-start;border-radius:5px}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66}.btn:disabled{opacity:.6;transform:none}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner{border:4px solid #f3f3f3;margin-bottom:1rem}[dir=rtl] .profile-container{text-align:right}[dir=rtl] .profile-content{direction:rtl}[dir=rtl] .form-input{text-align:right}[dir=rtl] .btn{align-self:flex-end}@media (max-width:768px){.profile-container{margin:1rem;padding:1.5rem}.profile-content{gap:2rem;grid-template-columns:1fr}.profile-title{font-size:2rem}.profile-avatar-section{order:-1}}.language-switcher{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem;transition:all .3s ease}.language-switcher.rtl{direction:rtl}.language-switcher.ltr{direction:ltr}.lang-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:60px;padding:.5rem .75rem;transition:all .2s ease}.lang-btn:hover{background:#e5e7eb;background:var(--bg-hover,#e5e7eb);color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.lang-btn.active{background:#4f46e5;background:var(--primary-color,#4f46e5);box-shadow:0 2px 4px #4f46e54d;color:#fff}.lang-btn:focus{outline:2px solid #4f46e5;outline:2px solid var(--primary-color,#4f46e5);outline-offset:2px}.language-switcher.modern{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;gap:4px;padding:6px}.lang-btn.modern{background:#0000;border-radius:12px;color:#64748b;font-size:13px;font-weight:600;height:40px;min-width:80px;padding:0 16px}.lang-btn.modern:hover{background:#fff9;box-shadow:0 2px 4px #0000001a;color:#334155;transform:translateY(-1px)}.lang-btn.modern.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666,0 2px 4px #3b82f633;color:#fff;transform:translateY(-1px)}.lang-flag{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px;line-height:1}.lang-text{font-size:12px;font-weight:600;letter-spacing:.025em;text-shadow:0 1px 2px #0000001a}.lang-btn.modern.active .lang-text{text-shadow:0 1px 2px #0003}.language-switcher.rtl{flex-direction:row-reverse}[data-theme=dark] .language-switcher{background:#374151;background:var(--bg-secondary-dark,#374151)}[data-theme=dark] .language-switcher.modern{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}[data-theme=dark] .lang-btn{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}[data-theme=dark] .lang-btn:hover{background:#4b5563;background:var(--bg-hover-dark,#4b5563);color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}[data-theme=dark] .lang-btn.active{background:#4f46e5;background:var(--primary-color,#4f46e5);color:#fff}@media (max-width:768px){.language-switcher{gap:.125rem;padding:.125rem}.lang-btn{font-size:.75rem;min-width:50px;padding:.375rem .5rem}.lang-btn.modern{font-size:12px;height:36px;min-width:70px;padding:0 12px}.lang-text{font-size:11px}}@media (max-width:480px){.lang-text{display:none}.lang-btn.modern{min-width:50px;padding:0 8px}.language-switcher.modern{padding:3px}}.rtl-test{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);margin:0 auto;max-width:1200px;padding:2rem}.rtl-test.rtl{direction:rtl;text-align:right}.rtl-test.ltr{direction:ltr;text-align:left}.rtl-test-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.rtl-test-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin:0}.rtl-test-content{display:flex;flex-direction:column;gap:2rem}.test-section{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.test-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.status-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.status-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.status-value{background:#4f46e5;background:var(--primary-color,#4f46e5);border-radius:.25rem;color:#1f2937;color:var(--text-primary,#1f2937);color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.text-samples{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sample-item{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.5rem;padding:1rem}.sample-item h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 .5rem}.sample-item p{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.6;margin:0}.layout-test{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.test-card{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.test-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{gap:.75rem;margin-bottom:1rem}.card-title{color:#1f2937;color:var(--text-primary,#1f2937)}.card-content p{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.5;margin:0 0 1rem}.test-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.375rem;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.test-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#6b7280;border-color:var(--text-secondary,#6b7280)}.test-btn.primary{background:#4f46e5;background:var(--primary-color,#4f46e5);border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#fff}.test-btn.primary:hover{background:#3730a3;border-color:#3730a3}.test-btn.secondary{background:#0000;color:#6b7280;color:var(--text-secondary,#6b7280)}.test-btn.secondary:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.form-test{max-width:600px}.test-input,.test-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.375rem;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.test-input:focus,.test-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e51a;outline:none}.test-textarea{min-height:80px;resize:vertical}.form-actions{margin-top:1.5rem}.rtl-test.rtl .card-header,.rtl-test.rtl .form-actions,.rtl-test.rtl .rtl-test-header,.rtl-test.rtl .status-item{flex-direction:row-reverse}[data-theme=dark] .rtl-test{background:#1f2937;background:var(--primary-bg,#1f2937);color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}[data-theme=dark] .test-section{background:#374151;background:var(--card-bg-dark,#374151);border-color:#4b5563;border-color:var(--border-light-dark,#4b5563)}[data-theme=dark] .sample-item,[data-theme=dark] .status-item,[data-theme=dark] .test-card{background:#4b5563;background:var(--bg-secondary-dark,#4b5563);border-color:#6b7280;border-color:var(--border-light-dark,#6b7280)}[data-theme=dark] .test-input,[data-theme=dark] .test-textarea{background:#374151;background:var(--bg-primary-dark,#374151);border-color:#6b7280;border-color:var(--border-light-dark,#6b7280);color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}@media (max-width:768px){.rtl-test{padding:1rem}.rtl-test-header{align-items:flex-start;flex-direction:column;gap:1rem}.layout-test,.status-grid,.text-samples{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.rtl-test{padding:.5rem}.test-card,.test-section{padding:1rem}}.loading-dots{display:inline-flex}.loading-dots,.loading-dots-container{align-items:center;justify-content:center}.loading-dots-container{display:flex;position:relative}.loading-dot{animation:loading-dots-rotate 2s linear infinite;background-color:#3b82f6;background-color:var(--primary,#3b82f6);border-radius:50%;position:absolute;transform-origin:center}.loading-dots-small .loading-dot{height:3px;width:3px}.loading-dots-medium .loading-dot{height:4px;width:4px}.loading-dots-large .loading-dot{height:6px;width:6px}.loading-dots-primary .loading-dot{background-color:#3b82f6;background-color:var(--primary,#3b82f6)}.loading-dots-white .loading-dot{background-color:#fff;background-color:var(--text-inverse,#fff)}.loading-dots-secondary .loading-dot{background-color:#6b7280;background-color:var(--text-secondary,#6b7280)}.loading-dot:first-child{animation-delay:0s;transform:rotate(0deg) translateY(-12px) rotate(0deg)}.loading-dot:nth-child(2){animation-delay:-.14s;transform:rotate(25.7deg) translateY(-12px) rotate(-25.7deg)}.loading-dot:nth-child(3){animation-delay:-.28s;transform:rotate(51.4deg) translateY(-12px) rotate(-51.4deg)}.loading-dot:nth-child(4){animation-delay:-.42s;transform:rotate(77.1deg) translateY(-12px) rotate(-77.1deg)}.loading-dot:nth-child(5){animation-delay:-.56s;transform:rotate(102.8deg) translateY(-12px) rotate(-102.8deg)}.loading-dot:nth-child(6){animation-delay:-.7s;transform:rotate(128.5deg) translateY(-12px) rotate(-128.5deg)}.loading-dot:nth-child(7){animation-delay:-.84s;transform:rotate(154.2deg) translateY(-12px) rotate(-154.2deg)}.loading-dot:nth-child(8){animation-delay:-.98s;transform:rotate(179.9deg) translateY(-12px) rotate(-179.9deg)}.loading-dot:nth-child(9){animation-delay:-1.12s;transform:rotate(205.6deg) translateY(-12px) rotate(-205.6deg)}.loading-dot:nth-child(10){animation-delay:-1.26s;transform:rotate(231.3deg) translateY(-12px) rotate(-231.3deg)}.loading-dot:nth-child(11){animation-delay:-1.4s;transform:rotate(257deg) translateY(-12px) rotate(-257deg)}.loading-dot:nth-child(12){animation-delay:-1.54s;transform:rotate(282.7deg) translateY(-12px) rotate(-282.7deg)}.loading-dot:nth-child(13){animation-delay:-1.68s;transform:rotate(308.4deg) translateY(-12px) rotate(-308.4deg)}.loading-dot:nth-child(14){animation-delay:-1.82s;transform:rotate(334.1deg) translateY(-12px) rotate(-334.1deg)}@keyframes loading-dots-rotate{0%{opacity:.3;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(.5)}25%{opacity:.7;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(.8)}50%{opacity:1;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(1)}75%{opacity:.7;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(.8)}to{opacity:.3;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(.5)}}.loading-dots-wave .loading-dot{animation:loading-dots-wave 1.5s ease-in-out infinite}@keyframes loading-dots-wave{0%,to{opacity:.3;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(.5)}50%{opacity:1;transform:rotate(calc(var(--dot-index)*25.7deg)) translateY(-12px) rotate(calc(var(--dot-index)*-25.7deg)) scale(1)}}@media (max-width:768px){.loading-dots-small .loading-dot{height:2px;width:2px}.loading-dots-medium .loading-dot{height:3px;width:3px}.loading-dots-large .loading-dot{height:4px;width:4px}}[data-theme=dark] .loading-dots-primary .loading-dot{background-color:#60a5fa;background-color:var(--primary-light,#60a5fa)}[data-theme=dark] .loading-dots-secondary .loading-dot{background-color:#9ca3af;background-color:var(--text-tertiary,#9ca3af)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{animation:modalSlideIn .2s ease-out;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-small{max-width:90vw;width:400px}.modal-medium{max-width:90vw;width:500px}.modal-large{max-width:90vw;width:700px}.modal-header{background:#f9fafb;padding:20px 24px}.modal-title{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close{font-size:24px;padding:4px}.modal-close span{line-height:1}.modal-content{max-height:calc(90vh - 80px);padding:24px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-content .form-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-content .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-content .form-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-content .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-buttons{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.modal-button-primary{background-color:#3b82f6;color:#fff}.modal-button-primary:hover{background-color:#2563eb}.modal-button-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-button-secondary:hover{background-color:#e5e7eb}.modal-button-danger{background-color:#ef4444;color:#fff}.modal-button-danger:hover{background-color:#dc2626}@media (max-width:640px){.modal-container{margin:20px;width:calc(100vw - 40px)}.modal-header{padding:16px 20px}.modal-content{padding:20px}.modal-buttons{flex-direction:column}.modal-button{width:100%}}.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced{display:flex!important;flex-direction:column!important}:root{--primary:#667eea;--primary-dark:#5568d3;--primary-light:#818cf8;--secondary:#764ba2;--success:#10b981;--success-dark:#059669;--warning:#f59e0b;--danger:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e5e7eb;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease}.assessment-wizard-overlay{align-items:flex-start!important;animation:fadeIn .3s ease-out!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000bf!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding:40px 20px 20px!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}#assessment-wizard-modal.assessment-wizard-enhanced,.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced{animation:slideUp .4s ease-out!important;background:#fff!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a!important;display:flex!important;flex-direction:column!important;max-height:90vh!important;max-width:1200px!important;min-height:600px!important;min-width:640px!important;overflow:hidden!important;position:relative!important;width:100%!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-header,.assessment-wizard.assessment-wizard-enhanced .wizard-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)!important;color:#fff!important;display:flex!important;justify-content:space-between!important;min-height:72px!important;padding:20px 32px!important;position:relative!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-title-section,.assessment-wizard.assessment-wizard-enhanced .wizard-title-section{flex:1 1!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-title,.assessment-wizard.assessment-wizard-enhanced .wizard-title{color:#fff!important;font-size:20px!important;font-weight:700!important;margin:0 0 4px!important;text-shadow:0 2px 4px #0000001a!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-subtitle,.assessment-wizard.assessment-wizard-enhanced .wizard-subtitle{font-size:14px!important;font-weight:400!important;margin:0!important;opacity:.9!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-close-btn,.assessment-wizard.assessment-wizard-enhanced .wizard-close-btn{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff3!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;padding:8px!important;transition:all .3s ease!important;transition:all var(--transition-base)!important;width:36px!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-close-btn:hover,.assessment-wizard.assessment-wizard-enhanced .wizard-close-btn:hover{background:#ffffff4d!important;transform:scale(1.05)!important}#assessment-wizard-modal.assessment-wizard-enhanced .wizard-progress,#assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .wizard-progress,#assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .wizard-progress,.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .wizard-progress,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .wizard-progress,.assessment-wizard.assessment-wizard-enhanced .wizard-progress{align-items:center!important;background:#f8fafc!important;background-color:#f8fafc!important;background-image:none!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;flex-direction:row!important;justify-content:center!important;min-height:100px!important;padding:20px 32px!important;position:relative!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-info,.assessment-wizard.assessment-wizard-enhanced .progress-info,.assessment-wizard.assessment-wizard-enhanced .wizard-progress .progress-info{align-items:center!important;color:#6b7280!important;color:var(--text-secondary)!important;display:flex!important;font-size:14px!important;font-size:var(--font-size-sm)!important;font-weight:500!important;gap:8px!important;left:auto!important;margin:0!important;position:absolute!important;right:32px!important;top:12px!important;width:auto!important;z-index:10!important}[dir=rtl] #assessment-wizard-modal.assessment-wizard-enhanced .progress-info,[dir=rtl] .assessment-wizard.assessment-wizard-enhanced .progress-info,[dir=rtl] .assessment-wizard.assessment-wizard-enhanced .wizard-progress .progress-info{left:32px!important;right:auto!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-steps-container,.assessment-wizard.assessment-wizard-enhanced .progress-steps-container,.assessment-wizard.assessment-wizard-enhanced .wizard-progress .progress-steps-container{align-items:center!important;display:flex!important;flex-direction:row!important;gap:16px!important;justify-content:center!important;margin:0 auto!important;max-width:600px!important;position:relative!important;width:100%!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-step,#assessment-wizard-overlay .progress-step,.assessment-wizard-overlay .progress-step,.assessment-wizard.assessment-wizard-enhanced .progress-step,.assessment-wizard.assessment-wizard-enhanced .progress-steps-container .progress-step{align-items:center!important;background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;cursor:pointer!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;justify-content:center!important;margin:0!important;min-width:80px!important;padding:0!important;position:relative!important;transition:color .3s ease!important}#assessment-wizard-modal .progress-step:not(:last-child):after,.assessment-wizard .progress-step:not(:last-child):after,.progress-steps-container .progress-step:not(:last-child):after{background:#e5e7eb!important;background:var(--border-color)!important;content:""!important;height:2px!important;left:calc(50% + 24px)!important;position:absolute!important;right:calc(-50% + 24px)!important;top:20px!important;z-index:0!important}#assessment-wizard-modal .progress-step.completed:after,.assessment-wizard .progress-step.completed:after,.progress-steps-container .progress-step.completed:after{background:#10b981!important;background:var(--success)!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-step .step-indicator,#assessment-wizard-modal.assessment-wizard-enhanced .step-indicator,#assessment-wizard-modal.assessment-wizard-enhanced .step-number,#assessment-wizard-overlay .progress-step .step-indicator,#assessment-wizard-overlay .progress-step .step-number,#assessment-wizard-overlay .progress-step.active .step-indicator,#assessment-wizard-overlay .progress-step.active .step-number,#assessment-wizard-overlay .progress-step.completed .step-indicator,#assessment-wizard-overlay .progress-step.completed .step-number,#assessment-wizard-overlay .step-indicator,#assessment-wizard-overlay .step-number,.assessment-wizard-overlay .progress-step .step-indicator,.assessment-wizard-overlay .progress-step .step-number,.assessment-wizard-overlay .progress-step.active .step-indicator,.assessment-wizard-overlay .progress-step.active .step-number,.assessment-wizard-overlay .progress-step.completed .step-indicator,.assessment-wizard-overlay .progress-step.completed .step-number,.assessment-wizard-overlay .step-indicator,.assessment-wizard-overlay .step-number,.assessment-wizard.assessment-wizard-enhanced .progress-step .step-indicator,.assessment-wizard.assessment-wizard-enhanced .step-indicator,.assessment-wizard.assessment-wizard-enhanced .step-number{background:#0000!important;background-color:initial!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:none!important;flex-grow:0!important;flex-shrink:0!important;height:auto!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:auto!important;min-width:auto!important;padding:0!important;transform:none!important;width:auto!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-step.active .step-indicator,#assessment-wizard-modal.assessment-wizard-enhanced .progress-step.active .step-number,#assessment-wizard-overlay .progress-step.active .step-indicator,#assessment-wizard-overlay .progress-step.active .step-number,.assessment-wizard-overlay .progress-step.active .step-indicator,.assessment-wizard-overlay .progress-step.active .step-number,.assessment-wizard.assessment-wizard-enhanced .progress-step.active .step-indicator,.assessment-wizard.assessment-wizard-enhanced .progress-step.active .step-number{background:#0000!important;background-color:initial!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#667eea!important;color:var(--primary)!important;transform:none!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-step.completed .step-indicator,#assessment-wizard-modal.assessment-wizard-enhanced .progress-step.completed .step-number,#assessment-wizard-overlay .progress-step.completed .step-indicator,#assessment-wizard-overlay .progress-step.completed .step-number,.assessment-wizard-overlay .progress-step.completed .step-indicator,.assessment-wizard-overlay .progress-step.completed .step-number,.assessment-wizard.assessment-wizard-enhanced .progress-step.completed .step-indicator,.assessment-wizard.assessment-wizard-enhanced .progress-step.completed .step-number{background:#0000!important;background-color:initial!important;background-image:none!important;border:0!important;color:#10b981!important;color:var(--success)!important}#assessment-wizard-modal.assessment-wizard-enhanced .progress-step .step-label,#assessment-wizard-modal.assessment-wizard-enhanced .step-label,#assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .step-label,#assessment-wizard-overlay .assessment-wizard .step-label,#assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .step-label,#assessment-wizard-overlay .progress-step .step-label,.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .step-label,.assessment-wizard-overlay .assessment-wizard .step-label,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .step-label,.assessment-wizard-overlay .progress-step .step-label,.assessment-wizard.assessment-wizard-enhanced .progress-step .step-label,.assessment-wizard.assessment-wizard-enhanced .step-label,.progress-step .step-label{align-items:center!important;background:#0000!important;background-color:initial!important;background-image:none!important;border:0!important;border-radius:0!important;color:#9ca3af!important;display:flex!important;font-size:16px!important;font-weight:500!important;height:auto!important;justify-content:center!important;line-height:1.5!important;margin-top:0!important;max-height:none!important;min-height:auto!important;opacity:1!important;overflow:visible!important;padding:0!important;position:relative!important;text-align:center!important;transition:color .3s ease!important;visibility:visible!important;white-space:nowrap!important;width:auto!important;z-index:10!important}#assessment-wizard-modal .progress-step.active .step-label,#assessment-wizard-overlay .progress-step.active .step-label,.assessment-wizard .progress-step.active .step-label,.assessment-wizard-overlay .progress-step.active .step-label,.progress-step.active .step-label{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;color:#667eea!important;color:var(--primary)!important;font-weight:700!important;padding:0!important}#assessment-wizard-modal .progress-step.completed .step-label,#assessment-wizard-overlay .progress-step.completed .step-label,.assessment-wizard .progress-step.completed .step-label,.assessment-wizard-overlay .progress-step.completed .step-label,.progress-step.completed .step-label{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;color:#10b981!important;color:var(--success)!important;padding:0!important}#assessment-wizard-modal .progress-step:hover .step-label,.assessment-wizard .progress-step:hover .step-label,.progress-step:hover .step-label{color:#1f2937!important;color:var(--text-primary)!important}#assessment-wizard-modal .progress-bar-container,.assessment-wizard .progress-bar-container,.wizard-progress .progress-bar-container{background:#f1f5f9!important;background:var(--border-light)!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;bottom:12px!important;display:block!important;height:4px!important;left:32px!important;overflow:hidden!important;position:absolute!important;right:32px!important;visibility:visible!important;width:calc(100% - 64px)!important;z-index:1!important}#assessment-wizard-modal .progress-bar-fill,.assessment-wizard .progress-bar-fill,.progress-bar-container .progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2)!important;background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%)!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;height:100%!important;transition:width .3s ease!important;transition:width var(--transition-base)!important}#assessment-wizard-modal .wizard-content,.assessment-wizard .wizard-content{background:#fff!important;flex:1 1!important;overflow-x:hidden!important;overflow-y:auto!important;padding:32px!important;position:relative!important;scroll-behavior:smooth!important}#assessment-wizard-modal .wizard-content::-webkit-scrollbar,.assessment-wizard .wizard-content::-webkit-scrollbar{width:12px!important}#assessment-wizard-modal .wizard-content::-webkit-scrollbar-track,.assessment-wizard .wizard-content::-webkit-scrollbar-track{background:#f8fafc!important;background:var(--bg-secondary)!important;border-radius:6px!important;margin:4px!important}#assessment-wizard-modal .wizard-content::-webkit-scrollbar-thumb,.assessment-wizard .wizard-content::-webkit-scrollbar-thumb{background:#667eea!important;background:var(--primary)!important;border:2px solid #f8fafc!important;border:2px solid var(--bg-secondary)!important;border-radius:6px!important}#assessment-wizard-modal .wizard-content::-webkit-scrollbar-thumb:hover,.assessment-wizard .wizard-content::-webkit-scrollbar-thumb:hover{background:#5568d3!important;background:var(--primary-dark)!important}#assessment-wizard-modal .wizard-step-content,.assessment-wizard .wizard-step-content{animation:slideInRight .4s ease-out!important;margin:0!important;max-width:100%!important;width:100%!important}#assessment-wizard-modal .step-title,.assessment-wizard .step-title{color:#1f2937!important;color:var(--text-primary)!important;font-size:24px!important;font-size:var(--font-size-2xl)!important;font-weight:700!important;margin-bottom:8px!important}#assessment-wizard-modal .step-description,.assessment-wizard .step-description{color:#6b7280!important;color:var(--text-secondary)!important;font-size:16px!important;font-size:var(--font-size-base)!important;margin-bottom:32px!important}#assessment-wizard-modal .wizard-footer,.assessment-wizard .wizard-footer{align-items:center!important;background:#f8fafc!important;background:var(--bg-secondary)!important;border-top:2px solid #e5e7eb!important;border-top:2px solid var(--border-color)!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;padding:20px 32px!important}#assessment-wizard-modal .wizard-footer-left,#assessment-wizard-modal .wizard-footer-right,.assessment-wizard .wizard-footer-left,.assessment-wizard .wizard-footer-right{display:flex!important;gap:12px!important}#assessment-wizard-modal .btn,.assessment-wizard .btn{align-items:center!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;cursor:pointer!important;display:inline-flex!important;font-family:inherit!important;font-size:16px!important;font-size:var(--font-size-base)!important;font-weight:600!important;gap:8px!important;padding:12px 24px!important;text-decoration:none!important;transition:all .3s ease!important;transition:all var(--transition-base)!important}#assessment-wizard-modal .btn:disabled,.assessment-wizard .btn:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}#assessment-wizard-modal .btn-primary,.assessment-wizard .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)!important;box-shadow:0 4px 15px #667eea4d!important;color:#fff!important}#assessment-wizard-modal .btn-primary:hover:not(:disabled),.assessment-wizard .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66!important;transform:translateY(-2px)!important}#assessment-wizard-modal .btn-secondary,.assessment-wizard .btn-secondary{background:#fff!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-color)!important;color:#1f2937!important;color:var(--text-primary)!important}#assessment-wizard-modal .btn-secondary:hover:not(:disabled),.assessment-wizard .btn-secondary:hover:not(:disabled){background:#f1f5f9!important;background:var(--bg-tertiary)!important;border-color:#9ca3af!important;border-color:var(--text-tertiary)!important;transform:translateY(-1px)!important}#assessment-wizard-modal .btn-success,.assessment-wizard .btn-success{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%)!important;box-shadow:0 4px 15px #10b9814d!important;color:#fff!important}#assessment-wizard-modal .btn-success:hover:not(:disabled),.assessment-wizard .btn-success:hover:not(:disabled){box-shadow:0 8px 25px #10b98166!important;transform:translateY(-2px)!important}#assessment-wizard-modal .btn-outline,.assessment-wizard .btn-outline{background:#fff!important;border:2px solid #667eea!important;border:2px solid var(--primary)!important;color:#667eea!important;color:var(--primary)!important}#assessment-wizard-modal .btn-outline:hover:not(:disabled),.assessment-wizard .btn-outline:hover:not(:disabled){background:#667eea!important;background:var(--primary)!important;color:#fff!important;transform:translateY(-1px)!important}@media (max-width:1200px){#assessment-wizard-modal,.assessment-wizard-overlay .assessment-wizard{max-width:95vw!important;min-width:500px!important}}@media (max-width:768px){.assessment-wizard-overlay{padding:20px 10px 10px!important}#assessment-wizard-modal,.assessment-wizard-overlay .assessment-wizard{border-radius:16px!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:0!important}#assessment-wizard-modal .wizard-header,.assessment-wizard .wizard-header{min-height:64px!important;padding:16px 20px!important}#assessment-wizard-modal .wizard-title,.assessment-wizard .wizard-title{font-size:18px!important}#assessment-wizard-modal .wizard-progress,.assessment-wizard .wizard-progress{min-height:120px!important;padding:16px 20px!important}#assessment-wizard-modal .progress-info,.assessment-wizard .progress-info{margin-bottom:12px!important;position:static!important;text-align:center!important}#assessment-wizard-modal .progress-steps-container,.assessment-wizard .progress-steps-container{gap:8px!important}#assessment-wizard-modal .progress-step,.assessment-wizard .progress-step{min-width:60px!important}#assessment-wizard-modal.assessment-wizard-enhanced .step-indicator,#assessment-wizard-modal.assessment-wizard-enhanced .step-number,.assessment-wizard.assessment-wizard-enhanced .step-indicator,.assessment-wizard.assessment-wizard-enhanced .step-number{background:none!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;font-size:20px!important;height:auto!important;width:auto!important}#assessment-wizard-modal .step-label,.assessment-wizard .step-label{font-size:10px!important}#assessment-wizard-modal .wizard-content,.assessment-wizard .wizard-content{padding:20px!important}#assessment-wizard-modal .wizard-footer,.assessment-wizard .wizard-footer{flex-direction:column-reverse!important;gap:12px!important;padding:16px 20px!important}#assessment-wizard-modal .wizard-footer-left,#assessment-wizard-modal .wizard-footer-right,.assessment-wizard .wizard-footer-left,.assessment-wizard .wizard-footer-right{flex-direction:column!important;width:100%!important}#assessment-wizard-modal .btn,.assessment-wizard .btn{justify-content:center!important;width:100%!important}}#assessment-wizard-modal.assessment-wizard-enhanced .form-grid-2,.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .form-grid-2,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .form-grid-2,.assessment-wizard.assessment-wizard-enhanced .form-grid-2{grid-gap:32px!important;display:grid!important;gap:32px!important;grid-template-columns:1fr 1fr!important;margin-bottom:32px!important;max-width:100%!important;width:100%!important}#assessment-wizard-modal.assessment-wizard-enhanced .form-group-inline,.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .form-group-inline,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .form-group-inline,.assessment-wizard.assessment-wizard-enhanced .form-group-inline{display:flex!important;flex-direction:column!important;gap:8px!important}#assessment-wizard-modal.assessment-wizard-enhanced .form-label-inline,.assessment-wizard-overlay #assessment-wizard-modal.assessment-wizard-enhanced .form-label-inline,.assessment-wizard-overlay .assessment-wizard.assessment-wizard-enhanced .form-label-inline,.assessment-wizard.assessment-wizard-enhanced .form-label-inline{align-items:center!important;color:#1f2937!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:4px!important}#assessment-wizard-modal.assessment-wizard-enhanced .form-input,#assessment-wizard-modal.assessment-wizard-enhanced .form-select,#assessment-wizard-modal.assessment-wizard-enhanced .form-textarea,.assessment-wizard.assessment-wizard-enhanced .form-input,.assessment-wizard.assessment-wizard-enhanced .form-select,.assessment-wizard.assessment-wizard-enhanced .form-textarea{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;color:#1f2937!important;font-family:inherit!important;font-size:16px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}#assessment-wizard-modal.assessment-wizard-enhanced .form-input:focus,#assessment-wizard-modal.assessment-wizard-enhanced .form-select:focus,#assessment-wizard-modal.assessment-wizard-enhanced .form-textarea:focus,.assessment-wizard.assessment-wizard-enhanced .form-input:focus,.assessment-wizard.assessment-wizard-enhanced .form-select:focus,.assessment-wizard.assessment-wizard-enhanced .form-textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 4px #667eea1a!important;outline:none!important}#assessment-wizard-modal.assessment-wizard-enhanced .form-textarea,.assessment-wizard.assessment-wizard-enhanced .form-textarea{min-height:100px!important;resize:vertical!important}#assessment-wizard-modal.assessment-wizard-enhanced .error-message,.assessment-wizard.assessment-wizard-enhanced .error-message{color:#ef4444!important;font-size:14px!important;font-weight:500!important;margin-top:4px!important}@media (max-width:768px){#assessment-wizard-modal.assessment-wizard-enhanced .form-grid-2,.assessment-wizard.assessment-wizard-enhanced .form-grid-2{gap:20px!important;grid-template-columns:1fr!important}}#assessment-wizard-modal .hidden,.assessment-wizard .hidden{display:none!important}#assessment-wizard-modal .wizard-step.transitioning,.assessment-wizard .wizard-step.transitioning{opacity:.7!important;transform:translateX(10px)!important}#assessment-wizard-modal .step-loading,.assessment-wizard .step-loading{align-items:center!important;color:#6b7280!important;color:var(--text-secondary)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:60px 20px!important}#assessment-wizard-modal .loading-spinner,.assessment-wizard .loading-spinner{animation:spin 1s linear infinite!important;border:3px solid #e5e7eb!important;border-top:3px solid #667eea!important;border:3px solid var(--border-color)!important;border-radius:50%!important;border-top-color:var(--primary)!important;height:32px!important;margin-bottom:16px!important;width:32px!important}#assessment-wizard-modal .error-banner,.assessment-wizard .error-banner{align-items:center!important;animation:slideDown .3s ease!important;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:2px solid #ef4444!important;border:2px solid var(--danger)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#dc2626!important;display:flex!important;font-weight:600!important;gap:16px!important;margin-bottom:24px!important;padding:16px 20px!important}.assessment-creation{background:var(--background);display:flex;flex-direction:column;min-height:100vh;padding:2rem;width:100%}.master-template .assessment-creation{margin:-2rem;max-width:none;padding:2rem;width:calc(100% + 4rem)}.loading-container{gap:16px}.loading-container p{font-size:16px;margin:0}.assessment-search-filter{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:32px;padding:24px}.error-message{background:var(--error-background);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error-color);gap:12px;padding:16px 20px}.retry-button{background:var(--error-color);font-size:14px;margin-left:auto;padding:8px 16px;transition:background-color .2s ease}.retry-button:hover{background:var(--error-color-dark)}.assessments-section{flex:1 1;margin-bottom:2rem;width:100%}.empty-state{color:var(--text-secondary);flex:1 1;padding:5rem 1.5rem;width:100%}.empty-state svg{color:var(--text-tertiary)}.empty-state h3{color:var(--text-primary)}.empty-state p{margin:0 auto 24px;max-width:400px}.assessments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;width:100%}.assessments-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.assessments-grid.list{grid-template-columns:1fr}.assessment-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.assessment-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.assessment-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:20px 24px 16px}.assessment-card-title{flex:1 1;min-width:0}.assessment-name{word-wrap:break-word;color:var(--text-primary);font-size:18px;line-height:1.3;margin:0 0 4px;overflow-wrap:break-word}.assessment-code{background:var(--surface-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-weight:500;padding:2px 8px}.assessment-card-actions{align-items:center;display:flex;gap:8px}.action-btn{background:#0000;border-radius:var(--radius-sm);color:var(--text-secondary);height:32px;width:32px}.action-btn:hover{background:var(--surface-color);color:var(--text-primary)}.view-btn:hover{background:var(--info-background);color:var(--info-color)}.edit-btn:hover{background:var(--warning-background);color:var(--warning-color)}.run-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.run-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.more-btn:hover{background:var(--surface-color);color:var(--text-primary)}.dropdown{position:relative}.dropdown-menu{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:1000}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:var(--surface-color)}.dropdown-item.danger{color:var(--error-color)}.dropdown-item.danger:hover{background:var(--error-background)}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.assessment-card-body{padding:20px 24px 24px}.assessment-status{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.status-badge{border-radius:var(--radius-full);display:flex}.priority-badge{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;font-weight:500;padding:4px 8px}.assessment-description{color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.assessment-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item{color:var(--text-secondary)}.assessment-progress{margin-top:16px}.progress-label{color:var(--text-secondary);font-size:12px;font-weight:500}.progress-percentage{color:var(--text-primary);font-size:12px}.progress-bar{background:var(--surface-color);height:6px}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full)}.assessments-grid.list .assessment-card{align-items:center;display:flex}.assessments-grid.list .assessment-card-header{border-bottom:none;border-right:1px solid var(--border-color);flex:1 1;padding-right:24px}.assessments-grid.list .assessment-card-body{display:flex;flex:2 1;flex-direction:column;justify-content:center;padding:24px}.assessments-grid.list .assessment-meta{flex-direction:row;flex-wrap:wrap;gap:16px}.assessments-grid.list .assessment-progress{margin-top:0}@media (min-width:1400px){.assessments-grid.grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}}@media (max-width:1024px){.assessments-grid.grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}}@media (max-width:768px){.assessment-creation{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.action-button{flex:1 1;justify-content:center;min-width:120px}.action-button span{display:inline}.controls-bar{flex-direction:column;gap:.75rem}.search-box{min-width:0;min-width:auto;width:100%}.filter-controls{flex-wrap:wrap;gap:.5rem;width:100%}.filter-select{flex:1 1;min-width:120px}.assessments-grid.grid{grid-template-columns:1fr}.assessment-card-header{align-items:flex-start;flex-direction:column;gap:12px}.assessment-card-actions{justify-content:flex-end;width:100%}.assessments-grid.list .assessment-card{flex-direction:column}.assessments-grid.list .assessment-card-header{border-bottom:1px solid var(--border-color);border-right:none;width:100%}.assessments-grid.list .assessment-card-body{width:100%}}@media (max-width:480px){.assessment-creation{padding:12px}.assessment-header{padding:20px}.header-title{gap:12px}.header-icon{height:32px;width:32px}.header-title h1{font-size:20px}.action-button{font-size:13px;padding:10px 16px}.assessment-card-body,.assessment-card-header,.stats-card{padding:16px}}@media (prefers-color-scheme:dark){.assessment-card,.assessment-search-filter,.stats-card{background:var(--card-background)}}@keyframes cardHover{0%{box-shadow:var(--shadow-sm);transform:translateY(0)}to{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.assessment-card:hover{animation:cardHover .2s ease forwards}.status-badge.text-gray-600{background:#f3f4f6;color:#6b7280}.status-badge.text-green-600{background:#d1fae5;color:#059669}.status-badge.text-yellow-600{background:#fef3c7;color:#d97706}.status-badge.text-blue-600{background:#dbeafe;color:#2563eb}.status-badge.text-red-600{background:#fee2e2;color:#dc2626}.priority-badge.text-red-600{color:#dc2626}.priority-badge.text-orange-600{color:#ea580c}.priority-badge.text-yellow-600{color:#d97706}.priority-badge.text-green-600{color:#059669}.assessment-card-modern{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.assessment-card-modern:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.card-left-border{border-radius:12px 0 0 12px;bottom:0;left:0;position:absolute;top:0;width:6px}.card-left-border.active{background:#10b981}.card-left-border.planning{background:#6b7280}.card-left-border.in-progress{background:#3b82f6}.card-left-border.completed{background:#059669}.card-left-border.paused{background:#f59e0b}.card-left-border.cancelled{background:#dc2626}.card-content-modern{padding:12px 12px 12px 16px}.card-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.header-badges{align-items:center;display:flex;gap:8px}.status-badge-modern{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase}.status-badge-modern.active{background:#d1fae5;color:#065f46}.status-badge-modern.planning{background:#f3f4f6;color:#374151}.status-badge-modern.in-progress{background:#dbeafe;color:#1e40af}.status-badge-modern.completed{background:#d1fae5;color:#065f46}.status-badge-modern.paused{background:#fef3c7;color:#92400e}.framework-badge-modern{align-items:center;background:#6366f1;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.framework-icon-modern{font-size:14px}.code-text-modern{color:#6b7280;font-size:11px;font-weight:500}.title-priority-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.card-title-modern{color:#1f2937;flex:1 1;font-size:18px;font-weight:700;line-height:1.4}.priority-badge-modern{align-items:center;border-radius:9999px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.priority-badge-modern.red-600{background:#fee2e2;color:#dc2626}.priority-badge-modern.orange-600{background:#fef3c7;color:#d97706}.priority-badge-modern.gray-600{background:#f3f4f6;color:#6b7280}.card-description-modern{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:12px}.progress-box-modern{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:10px;padding:12px}.progress-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.progress-label-modern{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.progress-value-modern{color:#6366f1;font-size:18px;font-weight:700}.progress-bar-modern{background:#e5e7eb;border-radius:9999px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.progress-fill-modern{border-radius:9999px;height:100%;transition:width .6s ease}.progress-fill-modern.low{background:#ef4444}.progress-fill-modern.medium{background:#f59e0b}.progress-fill-modern.high{background:#3b82f6}.progress-fill-modern.complete{background:#10b981}.progress-text-modern{color:#6b7280;font-size:11px;line-height:1.5}.progress-text-modern .font-semibold{color:#374151;font-weight:600}.progress-text-modern .mx-1{margin-left:4px;margin-right:4px}.assessor-card-modern{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:10px;margin-bottom:10px;padding:12px}.assessor-icon-modern{align-items:center;background:#fee2e2;border-radius:9999px;color:#ef4444;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.assessor-avatar-image{border-radius:9999px;height:100%;object-fit:cover;width:100%}.assessor-label-modern{color:#6b7280;display:block;font-size:10px;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.assessor-name-modern{color:#1f2937;font-size:14px;font-weight:600;margin:0}.metadata-grid-modern{grid-gap:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:12px}.metadata-cell-modern{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.metadata-text-modern{color:#374151;font-size:13px;font-weight:500;margin:0}.action-buttons-modern{align-items:center;display:flex;gap:16px}.assessment-card-modern.ltr .action-buttons-modern{justify-content:flex-start;margin-left:-16px;margin-right:-12px;padding:0 12px 0 16px;width:calc(100% + 28px)}.assessment-card-modern.rtl .action-buttons-modern{justify-content:flex-end;margin-left:-12px;margin-right:-16px;padding:0 16px 0 12px;width:calc(100% + 28px)}.action-icon-btn-modern{align-items:center;background:#0000!important;border:none;border-radius:8px;color:#6366f1!important;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.action-icon-btn-modern:hover{background:#eef2ff!important;color:#4f46e5!important;transform:scale(1.1)}.action-icon-btn-modern.primary{color:#10b981!important}.action-icon-btn-modern.primary:hover{background:#d1fae5!important;color:#059669!important}.action-icon-btn-modern.danger{color:#ef4444!important}.action-icon-btn-modern.danger:hover{background:#fee2e2!important;color:#dc2626!important}.assessment-card{animation:cardFadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.assessment-card.compact{border-radius:12px;box-shadow:0 2px 12px #0000000f}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.assessment-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-6px)}.assessment-card.compact:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.assessment-card.status-active{border-left:5px solid #10b981}.assessment-card.status-planning{border-left:5px solid #6b7280}.assessment-card.status-in-progress{border-left:5px solid #3b82f6}.assessment-card.status-completed{border-left:5px solid #059669}.assessment-card.status-paused{border-left:5px solid #f59e0b}.assessment-card.status-cancelled{border-left:5px solid #dc2626}.card-header-bar{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.card-header-bar.compact{border-bottom:1px solid #e2e8f0;padding:6px 12px}.card-header-bar.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.card-header-bar.planning{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.card-header-bar.in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.card-header-bar.completed{background:linear-gradient(135deg,#d1fae5,#6ee7b7)}.card-header-bar.paused{background:linear-gradient(135deg,#fef3c7,#fde68a)}.status-container{align-items:center;display:flex;gap:12px}.status-container.compact{gap:8px}.card-header-bar .status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.8px;padding:6px 14px;text-transform:uppercase}.status-badge.compact{font-size:10px;gap:4px;letter-spacing:.5px;padding:4px 8px}.assessment-id{color:#6b7280;font-size:9px;font-weight:500;letter-spacing:.5px}.assessment-id.compact{font-size:8px}.status-badge.active{animation:statusPulse 2.5s infinite;background:#10b981}.status-badge.planning{background:#6b7280;color:#fff}.status-badge.in-progress{background:#3b82f6}.status-badge.completed{background:#059669;color:#fff}.status-badge.paused{background:#f59e0b;color:#fff}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #10b981b3}50%{box-shadow:0 0 0 10px #10b98100}}.assessment-code{color:#475569;font-family:Courier New,Consolas,monospace;font-size:12px;letter-spacing:1.2px}.delete-btn{background:#0000;border:none;border-radius:6px;color:#dc2626;cursor:pointer;opacity:0;padding:8px;transition:all .2s ease}.assessment-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:#fee2e2;transform:scale(1.15)}.card-body{padding:16px}.card-body.compact{padding:10px 12px}.title-section{align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:8px}.assessment-title{word-wrap:break-word;color:#1e293b;flex:1 1;font-size:13px;line-height:1.3;overflow-wrap:break-word}.priority-badge{border-radius:4px;flex-shrink:0;font-size:11px;font-weight:700;gap:4px;padding:4px 10px}.priority-badge.red-600{background:#fee2e2;box-shadow:0 0 16px #dc262640;color:#dc2626}.priority-badge.orange-600{background:#fef3c7;color:#d97706}.priority-badge.gray-600{background:#f3f4f6;color:#6b7280}.priority-badge.compact{font-size:9px;gap:2px;padding:2px 6px}.assessment-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.6;margin-bottom:12px;overflow:hidden}.title-description-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;margin-bottom:8px;padding-bottom:6px}.assessment-title.compact{color:#1e293b;font-size:13px;font-weight:700;max-width:300px;min-width:200px}.assessment-description.compact,.assessment-title.compact{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assessment-description.compact{color:#64748b;flex:1 1;font-size:11px}.progress-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;box-shadow:inset 0 2px 4px #00000005;margin-bottom:16px;padding:12px}.progress-section.compact{align-items:center;background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;margin-bottom:8px;padding:8px 10px}.progress-left{align-items:center;display:flex;flex:1 1;gap:10px}.progress-bar-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px}.progress-header{margin-bottom:8px}.progress-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:1.2px}.progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.progress-percentage.compact{font-size:18px;font-weight:800;min-width:45px;text-align:center}.progress-bar-container{background:#e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:20px;margin-bottom:8px}.progress-bar-container.compact{border-radius:5px;height:10px;margin-bottom:0}.progress-bar-fill{border-radius:12px;box-shadow:0 2px 8px #00000026;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 2px 10px #ef444466}.progress-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 2px 10px #f59e0b66}.progress-bar-fill.high{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 2px 10px #3b82f666}.progress-bar-fill.complete{animation:progressGlow 2.5s infinite;background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 2px 10px #10b98166}.progress-details{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:4px}.progress-details strong{color:#1e293b;font-weight:700}.progress-details.compact{font-size:9px;gap:2px;margin-top:2px}.info-inline{align-items:center;display:flex;gap:12px}.info-item.compact{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:6px;padding:4px 8px}.info-item.compact svg{color:#64748b;flex-shrink:0}.info-label.compact{color:#94a3b8;display:block;font-size:8px;font-weight:600;letter-spacing:.3px;line-height:1;text-transform:uppercase}.info-name.compact{color:#1e293b;display:block;font-size:11px;font-weight:600;line-height:1.2;margin-top:2px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.info-card{align-items:center;border-radius:10px;display:flex;gap:10px;padding:10px;transition:all .2s ease}.info-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.info-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.info-icon.organization{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.info-icon.client{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.info-icon.assessor{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.info-label{font-size:10px;letter-spacing:.6px;margin-bottom:2px}.info-name{color:#1e293b;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-row{background:#0000!important;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;margin-bottom:16px;padding:8px 12px}.bottom-row.compact,.metadata-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.bottom-row.compact{border-top:1px solid #f1f5f9;padding-top:6px}.metadata-inline.compact{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.assessment-card .metadata-row,.assessment-card div.metadata-row,.assessment-card-body .metadata-row,.card-body .metadata-row,.card-body div.metadata-row,.metadata-row,[class*=metadata-row],div.metadata-row{background:#0000!important;background-color:initial!important}.meta-item{color:#475569;font-size:12px;white-space:nowrap}.meta-item.compact{font-size:10px;gap:3px}.meta-item svg{color:#64748b;flex-shrink:0;height:14px;width:14px}.meta-item.compact svg{height:12px;width:12px}.meta-divider{background:#cbd5e1;height:16px;width:1px}.action-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.action-buttons.compact{display:flex;flex-shrink:0;gap:4px}.action-btn{font-size:13px;gap:6px;min-height:40px;outline:none;padding:10px;transition:all .3s ease}.action-btn.compact{border-radius:6px;min-height:28px;min-width:28px;padding:6px}.action-btn svg{flex-shrink:0;height:18px;width:18px}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f659}.action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 24px #3b82f673;transform:translateY(-2px)}.action-btn.primary.active-pulse{animation:buttonPulse 2.5s infinite}@keyframes buttonPulse{0%,to{box-shadow:0 4px 14px #3b82f659}50%{box-shadow:0 4px 24px #3b82f699,0 0 35px #3b82f64d}}.action-btn.secondary{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.action-btn.secondary:hover{background:#3b82f6;box-shadow:0 4px 14px #3b82f64d;color:#fff;transform:translateY(-2px)}.action-btn.report-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 14px #667eea59;color:#fff;font-size:1.3rem}.action-btn.report-btn:hover{background:linear-gradient(135deg,#5568d3,#653a91);box-shadow:0 6px 24px #667eea73;transform:translateY(-2px) scale(1.05)}.action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 14px #ef444459;color:#fff}.action-btn.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 24px #ef444473;transform:translateY(-2px)}@media (max-width:768px){.card-header-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.title-section{align-items:flex-start;flex-direction:column;margin-bottom:6px}.info-cards{gap:8px;grid-template-columns:1fr;margin-bottom:12px}.action-buttons{gap:6px;grid-template-columns:1fr}.metadata-row{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding:6px 8px}.meta-divider{display:none}.progress-percentage{font-size:24px}}@media (max-width:480px){.card-body{padding:12px}.assessment-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-section{padding:10px}.progress-percentage{font-size:20px}}.view-toggle-group{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:0;padding:1px}.view-toggle-btn{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;height:32px;justify-content:center;width:32px}.view-toggle-btn:hover{background:var(--surface-color-hover);color:var(--text-primary)}.view-toggle-btn.active{background:var(--primary-color);box-shadow:0 2px 8px #3b82f64d;color:#fff}.view-toggle-btn svg{height:16px;width:16px}.assessment-list-card{align-items:stretch;animation:cardFadeIn .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;min-height:120px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.assessment-list-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.assessment-list-card.status-active{border-left:5px solid #10b981}.assessment-list-card.status-planning{border-left:5px solid #6b7280}.assessment-list-card.status-in-progress{border-left:5px solid #3b82f6}.assessment-list-card.status-completed{border-left:5px solid #059669}.assessment-list-card.status-paused{border-left:5px solid #f59e0b}.assessment-list-card.status-cancelled{border-left:5px solid #dc2626}.assessment-list-card.status-draft{border-left:5px solid #9ca3af}.list-status-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-width:110px;padding:10px}.list-status-section .status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;justify-content:center;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:100%}.list-code{color:#64748b;font-size:10px;font-weight:500;letter-spacing:.5px;text-align:center;width:100%}.list-status-section .priority-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:9px;font-weight:700;gap:3px;justify-content:center;padding:4px 8px;width:100%}.list-status-section .framework-badge{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;display:flex;flex-direction:column;gap:3px;margin-top:4px;padding:6px 8px;width:100%}.framework-badge .framework-icon{font-size:14px;line-height:1}.framework-badge .framework-code{color:#3b82f6;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.framework-name-display{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:6px 4px;width:100%}.framework-label{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.8px;text-align:center}.framework-name{color:#1e293b;font-size:10px;font-weight:400;line-height:1.1;word-break:break-word}.client-info{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:6px 4px;width:100%}.client-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;justify-content:center;position:relative}.client-logo,.organization-logo-list{border-radius:50%;flex-shrink:0;height:48px;width:48px}.organization-logo-list{background:#fff;border:2px solid #e5e7eb;display:block;object-fit:contain;padding:2px}.organization-icon-fallback{display:none!important}.client-details{text-align:center;width:100%}.client-label{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.8px;margin-bottom:2px;text-transform:uppercase}.client-name{color:#1e293b;font-size:10px;font-weight:400;line-height:1.1;word-break:break-word}.client-priority{display:flex;justify-content:center;margin-top:4px;width:100%}.client-priority .priority-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:8px;font-weight:700;gap:3px;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.client-priority .priority-badge.red-600{background:#0000;border:1px solid #ef4444;color:#ef4444}.client-priority .priority-badge.orange-600{background:#0000;border:1px solid #f97316;color:#f97316}.client-priority .priority-badge.yellow-600{background:#0000;border:1px solid #f59e0b;color:#f59e0b}.client-priority .priority-badge.green-600{background:#0000;border:1px solid #10b981;color:#10b981}.client-priority .priority-badge.gray-600{background:#0000;border:1px solid #6b7280;color:#6b7280}.framework-code{margin-left:8px}.framework-badge-inline{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;color:#3b82f6;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 6px}.framework-badge-inline.default{background:#64748b1a;border-color:#64748b33;color:#64748b}.framework-icon-small{font-size:10px}.assessor-name{align-items:center;color:#64748b;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-left:12px}.list-metadata-actions-row{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:8px;padding-top:8px}.metadata-item{align-items:center;flex-direction:column;gap:3px;min-width:70px;text-align:center}.metadata-item svg{color:#64748b}.metadata-item span{color:#64748b;font-size:10px;font-weight:500;line-height:1.2;word-break:break-word}.framework-icon-large{display:block;font-size:16px}.action-buttons-group{align-items:center;display:flex;gap:6px;margin-left:auto}@media (max-width:1200px){.list-metadata-actions-row{flex-wrap:wrap;gap:12px}.metadata-item{min-width:70px}}@media (max-width:768px){.list-metadata-actions-row{align-items:flex-start;flex-direction:column;gap:12px}.action-buttons-group{align-self:flex-end;margin-left:0}}.list-content-section{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;overflow:visible;padding:10px}.list-header{align-items:flex-start;display:flex;gap:0;justify-content:flex-start;min-height:auto;width:100%}.list-title{word-wrap:break-word;color:#1e293b;font-size:14px;font-weight:700;line-height:1.2;margin:0;max-width:700px;overflow-wrap:break-word;white-space:normal;width:700px}@media (max-width:768px){.list-title{font-size:14px}}@media (max-width:480px){.list-title{font-size:13px;line-height:1.4}}.list-header .delete-btn{opacity:0;transition:opacity .2s ease}.assessment-list-card:hover .list-header .delete-btn{opacity:1}.list-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.4;margin:0 0 8px;overflow:hidden}.list-progress{align-items:center;display:flex;gap:8px;margin:8px 0}.list-progress .progress-bar-container{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.list-progress .progress-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.list-progress .progress-bar-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.list-progress .progress-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.list-progress .progress-bar-fill.high{background:linear-gradient(90deg,#10b981,#34d399)}.list-progress .progress-bar-fill.complete{background:linear-gradient(90deg,#059669,#10b981)}.list-progress .list-progress-text{color:#374151;font-size:11px;font-weight:700;min-width:35px;text-align:right}.list-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.list-metadata .meta-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px}.list-metadata .meta-divider{background:#cbd5e1;height:16px;width:1px}.list-actions-section{background:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;padding:16px 14px;width:200px}.list-info-stack{display:flex;flex-direction:column;gap:12px}.list-info-item{align-items:flex-start;display:flex;gap:8px}.list-info-item svg{color:#64748b;flex-shrink:0;height:16px;margin-top:2px;width:16px}.list-info-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.list-info-value{color:#1e293b;font-size:13px;font-weight:600;line-height:1.3;word-break:break-word}.list-action-buttons{display:flex;flex-direction:column;gap:4px;margin-top:auto}.list-action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;min-height:28px;min-width:28px;outline:none;padding:6px;transition:all .3s ease;width:28px}.list-action-btn svg{flex-shrink:0;height:16px;width:16px}.list-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f659;color:#fff}.list-action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 24px #3b82f673;transform:translateY(-2px)}.list-action-btn.primary.active-pulse{animation:buttonPulse 2.5s infinite}.list-action-btn.secondary{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.list-action-btn.secondary:hover{background:#3b82f6;box-shadow:0 4px 14px #3b82f64d;color:#fff;transform:translateY(-2px)}.list-action-btn.report{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 14px #667eea59;color:#fff}.list-action-btn.report:hover{background:linear-gradient(135deg,#5568d3,#653a91);box-shadow:0 6px 24px #667eea73;transform:translateY(-2px) scale(1.05)}.list-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 14px #ef444459;color:#fff}.list-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 24px #ef444473;transform:translateY(-2px)}@media (max-width:1024px){.assessment-list-card{flex-direction:column;min-height:auto}.list-status-section{align-items:center;border-bottom:1px solid #e2e8f0;border-right:none;flex-direction:row;justify-content:space-between;padding:16px 20px;width:100%}.list-status-section .status-badge{width:auto}.list-code{text-align:left}.list-status-section .priority-badge{width:auto}.list-actions-section{border-left:none;border-top:1px solid #e2e8f0;width:100%}.list-info-stack{flex-direction:row;gap:20px}.list-action-buttons{flex-direction:row;gap:10px}.list-action-btn{flex:1 1}}@media (max-width:768px){.view-toggle-group{order:-1}.list-status-section{align-items:flex-start;flex-direction:column}.list-status-section .priority-badge,.list-status-section .status-badge{width:100%}.list-action-buttons,.list-info-stack{flex-direction:column}}.framework-filter-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-size:12px;font-weight:500;min-width:120px;outline:none;padding:4px 8px;transition:all .2s ease}.framework-filter-dropdown:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.framework-filter-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.framework-badge-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;display:inline-flex;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;gap:.375rem;padding:.25rem .625rem;white-space:nowrap}.framework-badge-small.default{background:linear-gradient(135deg,#6b7280,#4b5563)}.framework-icon-tiny{display:inline-block;font-size:1rem;line-height:1}@media (max-width:768px){.framework-filter-dropdown{font-size:13px;min-width:140px;padding:6px 10px}.framework-badge-small{font-size:.7rem;padding:.2rem .5rem}.framework-icon-tiny{font-size:.9rem}}.assessment-creation .assessment-header,div.assessment-header{margin-bottom:50px!important}.assessment-card .metadata-row,.assessment-card div[class*=meta],.assessment-card div[class*=metadata],.assessment-card-body .metadata-row,.card-body .metadata-row,.metadata-row,[class*=metadata-row],div.metadata-row,div[class*=metadata-row]{background:#0000!important;background-color:initial!important;background-image:none!important}.assessment-card .metadata-row,.assessment-card [class*=metadata-row],.assessment-card div.metadata-row,.metadata-row,[class*=metadata-row],div.metadata-row{background:#0000!important;background-clip:padding-box!important;background-color:initial!important;background-image:none!important}.surveys-tab{-ms-overflow-style:none;background:#fff;display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:20px;scrollbar-width:none}.surveys-tab::-webkit-scrollbar{display:none}.surveys-tab-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.surveys-tab-loading .spinner{animation:spin 1s linear infinite}.surveys-header{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:20px}.prompt-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.prompt-section label{color:#374151;font-size:14px;font-weight:600}.prompt-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.prompt-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.prompt-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.btn-generate-survey{align-items:center;align-self:flex-end;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-generate-survey:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-generate-survey:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-generate-survey .spinner{animation:spin 1s linear infinite}.error-message{border:1px solid #fca5a5;border-radius:6px}.surveys-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.surveys-header-section{margin-bottom:20px}.surveys-header-section h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.surveys-description{color:#6b7280;font-size:14px;margin:0}.empty-surveys-content{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px}.empty-surveys-content h4{color:#6b7280;font-size:16px;font-weight:600;margin:0}.empty-surveys-content p{font-size:14px;margin:0}.surveys-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.surveys-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1.8fr;margin:0 auto;max-width:1400px}.prospectives-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:16px;height:-webkit-fit-content;height:fit-content;padding:20px}.panel-header{flex-direction:row;gap:12px;justify-content:space-between}.prospectives-panel h3{color:#111827;font-size:16px;font-weight:600;margin:0}.panel-description{color:#6b7280;font-size:13px;margin:0}.toggle-input:checked+.toggle-slider:before{transform:translateX(28px)}.prospectives-list{display:flex;flex-direction:column;gap:12px}.prospective-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.prospective-checkbox:hover{background:#f3f4f6;border-color:#2563eb}.prospective-checkbox input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.prospective-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.prospectives-summary{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#2563eb;font-size:13px;font-weight:600;padding:10px 12px;text-align:center}.surveys-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:20px}.surveys-panel h3{color:#111827;font-size:16px;font-weight:600;margin:0}.empty-surveys{align-items:center;color:#9ca3af;display:flex;font-size:14px;justify-content:center;padding:60px 20px;text-align:center}.surveys-list{display:flex;flex-direction:column;gap:12px}.survey-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.survey-card:hover{border-color:#2563eb;box-shadow:0 2px 8px #00000014}.survey-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.survey-name{color:#111827;font-size:15px;font-weight:600;margin:0}.survey-date{color:#6b7280;font-size:12px;margin:0}.survey-actions{align-items:center;display:flex;gap:8px}.btn-icon{border-radius:6px;height:36px;width:36px}.btn-icon:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.btn-view{color:#2563eb}.btn-view:hover{border-color:#2563eb}.btn-responses{color:#16a34a}.btn-responses:hover{background:#f0fdf4;border-color:#16a34a}.btn-delete{color:#dc2626}.btn-delete:hover{border-color:#dc2626}@media (max-width:1024px){.surveys-content{grid-template-columns:1fr}.prospectives-panel{order:2}.surveys-panel{order:1}.prospectives-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.surveys-grid{grid-template-columns:1fr}}@media (max-width:768px){.surveys-header{flex-direction:column}.btn-generate-survey{align-self:stretch}.surveys-tab{padding:12px}.prospectives-panel,.surveys-panel{padding:16px}.prospectives-selection-compact{padding:12px}.prospectives-grid-compact{gap:6px;grid-template-columns:1fr}.prospectives-header{align-items:flex-start;flex-direction:column;gap:8px}.surveys-section{padding:16px}}.interviews-tab{-ms-overflow-style:none;background:#fff;display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:20px;scrollbar-width:none}.interviews-tab::-webkit-scrollbar{display:none}.prospectives-selection-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.prospectives-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.prospectives-header h4{color:#374151;font-size:14px;font-weight:600;margin:0}.toggle-all-compact{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px}.toggle-all-compact input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.prospectives-grid-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.prospective-item-compact{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s}.prospective-item-compact:hover{background:#f3f4f6;border-color:#2563eb}.prospective-item-compact input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.prospective-item-compact input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.no-prospectives{color:#6b7280;font-style:italic;grid-column:1/-1;padding:20px;text-align:center}.interviews-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.interviews-header-section{margin-bottom:20px}.interviews-header-section h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.interviews-description{color:#6b7280;font-size:14px;margin:0}.empty-interviews{align-items:center;display:flex;justify-content:center;padding:60px 20px;text-align:center}.empty-interviews-content{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px}.empty-interviews-content h4{color:#6b7280;font-size:16px;font-weight:600;margin:0}.empty-interviews-content p{font-size:14px;margin:0}.interviews-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.generation-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}@media (max-width:1024px){.prospectives-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.interviews-grid{grid-template-columns:1fr}}@media (max-width:768px){.interviews-tab{padding:12px}.prompt-group-horizontal{flex-direction:column}.prompt-help-wrapper{flex:1 1;padding-top:0}.questions-generate-row{align-items:stretch;flex-direction:column}.questions-group{min-width:100%}.generate-group{width:100%}.prospectives-selection-compact{padding:12px}.prospectives-grid-compact{gap:6px;grid-template-columns:1fr}.prospectives-header{align-items:flex-start;flex-direction:column;gap:8px}.generation-section,.interviews-section{padding:16px}}.interviews-container{display:flex;gap:32px;margin:0 auto;max-width:1400px}.left-column{display:flex;flex:1 1;flex-direction:column;gap:24px;min-width:0}.prospectives-section-left{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.prospectives-section-left .select-actions{display:flex;gap:8px;margin-bottom:16px}.interviews-list-section-left{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.generation-section{flex:1 1;min-width:0}.generation-header{margin-bottom:20px}.generation-header h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.generation-description{color:#6b7280;font-size:14px;margin:0}.interviews-list{display:flex;flex-direction:column;gap:12px}.section-header{margin-bottom:12px}.section-description{color:#6b7280;font-size:14px;margin:0}.section-description-below{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 20px}.interviewee-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.interviewee-actions{gap:12px}.btn-add-interviewee-icon{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-add-interviewee-icon:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn-add-interviewee-icon:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.empty-interviewees{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;padding:24px;text-align:center}.empty-interviewees p{font-size:14px;margin:0 0 4px}.empty-hint{color:#9ca3af!important;font-size:12px!important}.interviewees-list{display:flex;flex-direction:column;gap:12px}.interviewee-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.interviewee-selection{align-items:center;display:flex;flex-shrink:0}.interviewee-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.interviewee-checkbox:disabled{cursor:not-allowed;opacity:.5}.interviewee-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.interviewee-info{flex:1 1;min-width:0}.interviewee-main{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.interviewee-name-section{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;width:100%}.interviewee-name-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.interviewee-details-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:4px;width:100%}.interviewee-meta-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.interviewee-name{color:#111827;flex:1 1;font-size:14px;font-weight:600;margin:0}.interviewee-role{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:13px;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.interviewee-details{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end}.interviewee-details-left{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.interviewee-details-right{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.interviewee-detail{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;padding:2px 6px}.interviewee-card .status-badge{border-radius:10px;font-size:8px!important;font-weight:400!important;letter-spacing:.3px;padding:2px 4px!important;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-done{background:#d1fae5;color:#065f46}.interview-title-section{align-items:center;display:flex;gap:12px;margin-bottom:8px}.interview-status-badge{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-drafting{background:#dbeafe;color:#1e40af}.status-completed{background:#dcfce7;color:#166534}.interviewee-actions{align-items:center;display:flex;gap:8px}.btn-edit-interviewee{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-edit-interviewee:hover:not(:disabled){background:#dbeafe;color:#2563eb}.btn-edit-interviewee:disabled{cursor:not-allowed;opacity:.4}.btn-remove-interviewee{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-remove-interviewee:hover:not(:disabled){background:#fee2e2;color:#dc2626}.btn-remove-interviewee:disabled{cursor:not-allowed;opacity:.4}.subsection-title{color:#374151;font-size:16px;margin:0 0 20px}.form-grid{grid-gap:14px!important;gap:14px!important;grid-template-columns:repeat(2,1fr)}.form-group:last-child{margin-bottom:0}.settings-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;max-width:none;padding:24px;width:100%}.settings-section,.settings-section .form-group{margin-bottom:20px}.settings-section .form-group:last-of-type{margin-bottom:0}.form-label{color:#374151!important;display:block;font-weight:500;margin-bottom:4px!important;overflow-wrap:normal;width:100%;word-break:normal}.form-label.spacer-label{height:auto;margin-bottom:4px;visibility:hidden}.form-textarea{border-radius:6px}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-help{color:#6b7280!important;display:block!important;font-size:13px!important;line-height:1.5!important;margin:8px 0 0!important;order:999!important;position:relative!important;width:100%!important}.form-group{display:flex!important;flex-direction:column!important}.form-group .form-label{order:1!important}.form-group .form-input,.form-group .form-select,.form-group .form-textarea,.form-group .number-input-wrapper{order:2!important}.form-group .form-help{margin-bottom:0!important;margin-top:8px!important;order:3!important}.form-input,.form-select{border:1px solid #d1d5db;box-sizing:border-box;color:#111827;font-size:14px;min-width:0;padding:10px 14px;width:100%}.form-input:disabled,.form-select:disabled{background:#f3f4f6}.form-input::placeholder{color:#9ca3af}.form-textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.form-help{color:#6b7280;font-size:12px;margin:6px 0 0}.number-input-wrapper{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:0;overflow:hidden;transition:all .2s}.number-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.number-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;font-weight:600;min-width:60px;padding:10px 14px;text-align:center}.number-input:focus{outline:none}.number-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.number-btn{align-items:center;background:#f3f4f6;border:none;color:#374151;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s;width:40px}.number-btn:hover:not(:disabled){background:#e5e7eb;color:#111827}.number-btn:active:not(:disabled){background:#d1d5db}.number-btn:disabled{cursor:not-allowed;opacity:.4}.number-btn.decrease{border-right:1px solid #d1d5db}.number-btn.increase{border-left:1px solid #d1d5db}.prospectives-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.subsection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.select-actions{display:flex;gap:8px}.btn-select-action{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-select-action:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-select-action:disabled{cursor:not-allowed;opacity:.5}.toggle-container{align-items:center;display:flex;gap:12px}.toggle-label{color:#374151;font-size:14px}.toggle-switch{height:28px;width:56px}.toggle-slider{background-color:#d1d5db;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-input:checked+.toggle-slider{background-color:#2563eb}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-input:disabled+.toggle-slider:before{cursor:not-allowed}.prospectives-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;max-height:300px;overflow-y:auto;padding-right:8px}.prospective-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.prospective-item:hover{background:#f9fafb;border-color:#3b82f6}.prospective-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.prospective-name{color:#374151;flex:1 1;font-size:14px}.selection-count{font-size:13px;margin-top:12px}.questions-generate-row{align-items:flex-start;display:flex;gap:16px;margin-bottom:0;margin-top:0}.questions-group{display:flex;flex:0 0 auto;flex-direction:column;min-width:200px}.questions-group .form-label{margin-bottom:8px}.questions-group .form-help.questions-help{color:#6b7280;font-size:13px;margin-bottom:0;margin-top:8px}.generate-group{align-items:stretch;display:flex;flex:1 1;flex-direction:column;padding-top:0}.generate-group .spacer-label{height:20px;margin-bottom:8px;visibility:hidden}.generate-group .btn-generate{font-size:14px;justify-content:center;margin:0;padding:0 20px;white-space:nowrap;width:100%}.generate-group .btn-generate,.number-input-wrapper.compact{align-items:center;box-sizing:border-box;display:flex;height:42px}.number-input-wrapper.compact{background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;width:200px}.number-input-wrapper.compact:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.number-input-wrapper.compact .number-btn{align-items:center;background:#f3f4f6;border:none;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s;width:36px}.number-input-wrapper.compact .number-btn:hover:not(:disabled){background:#e5e7eb}.number-input-wrapper.compact .number-btn:disabled{cursor:not-allowed;opacity:.5}.number-input-wrapper.compact .number-btn.decrease{border-right:1px solid #d1d5db}.number-input-wrapper.compact .number-btn.increase{border-left:1px solid #d1d5db}.number-input-wrapper.compact .number-input{border:none;box-sizing:border-box;font-size:14px;height:42px;min-width:60px;outline:none;padding:10px 8px;text-align:center}.generate-button-container{margin-top:24px}.generate-help-text{margin-top:12px}.help-message{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:13px;margin:4px 0;padding:8px 12px}.help-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.btn-generate{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s;width:100%}.btn-generate:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{gap:8px;margin-top:16px}.interviews-list-section .section-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px 24px}.interviews-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.interview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.interview-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.interview-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.interview-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.interview-meta{display:flex;flex-wrap:wrap;gap:16px}.interview-details{margin-bottom:16px}.interview-details p{color:#374151;font-size:14px;margin:0 0 8px}.interview-details p:last-child{margin-bottom:0}.interview-details-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:0}.interview-details-compact .interview-interviewee{color:#374151;flex:1 1;font-size:14px;margin:0}.interview-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:#fff;transition:all .2s}.btn-icon:hover{background:#f9fafb}.btn-view{color:#3b82f6}.btn-view:hover{background:#eff6ff;border-color:#3b82f6}.btn-delete{color:#ef4444}.btn-delete:hover{background:#fef2f2;border-color:#ef4444}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state .spinner{color:#3b82f6;margin-bottom:16px}.empty-state-hint{color:#9ca3af!important;font-size:14px!important}@media (max-width:1200px){.interviews-container{flex-direction:column}.generation-section,.left-column{flex:1 1;max-width:100%}}@media (max-width:768px){.interviews-tab{padding:16px}.left-column{gap:16px}.prospectives-section-left{padding:16px}.prospectives-section-left .select-actions{flex-direction:column;gap:8px}.btn-select-action{width:100%}.interviews-list-section-left{padding:16px}.interviews-container{gap:20px}.form-grid{grid-template-columns:1fr}.section-header,.subsection-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-toggle-select,.select-actions{width:100%}.btn-select-action{flex:1 1}.interview-meta{gap:12px}.interviewee-name-section{align-items:flex-start;flex-direction:column;gap:8px}.interviewee-name-info{width:100%}.interviewee-details-row{align-items:flex-start;flex-direction:column;gap:6px;margin-top:6px}.interviewee-meta-inline{gap:6px}.interviewee-actions{align-self:flex-end}}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:780px!important;overflow-x:hidden;width:100%!important}.modal-header{padding:16px 24px!important}.modal-header h3{color:#111827!important}.btn-close-modal{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280!important;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close-modal:hover{background:#f3f4f6;color:#374151}.modal-body{box-sizing:border-box;overflow-x:hidden;padding:16px 24px!important}.modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;padding:14px 24px!important}.btn-cancel,.btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 20px;transition:all .2s;white-space:nowrap}.btn-cancel:hover,.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-add,.btn-primary{background:#3b82f6;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 20px;transition:all .2s;white-space:nowrap}.btn-add:hover,.btn-primary:hover{background:#2563eb}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;min-width:0;padding:10px 12px;transition:all .2s;width:100%}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.modal-content{background:#fff!important}.modal-content *{color:#111827!important}.modal-header{background:#fff!important}.modal-header *{color:#111827!important}.modal-body{background:#fff!important}.modal-body *{color:#111827!important}.modal-footer{background:#f9fafb!important}.modal-footer *{color:#111827!important}.modal-content .form-label{color:#374151!important;display:block!important;overflow-wrap:normal!important;width:100%!important;word-break:normal!important}.modal-content .btn-close-modal{color:#6b7280!important}.modal-content .btn-close-modal:hover{color:#374151!important}@media (max-width:640px){.modal-overlay{padding:16px}.modal-content{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:16px}.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:16px}.form-grid{grid-template-columns:1fr}.questions-generate-row{align-items:stretch;flex-direction:column;gap:12px}.generate-group,.questions-group{flex:none;width:100%}.generate-group .spacer-label{display:none}.number-input-wrapper.compact{height:48px;max-width:none;width:100%}.number-input-wrapper.compact .number-btn,.number-input-wrapper.compact .number-input{height:48px}.generate-group .btn-generate{font-size:16px;height:48px}.modal-footer{flex-direction:column}.btn-add,.btn-cancel{width:100%}}.interviewee-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.interviewee-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.interviewee-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.interviewee-modal-title{color:#111827;font-size:20px;font-weight:600;line-height:1.2;margin:0}.interviewee-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.interviewee-modal-close:hover{background:#f3f4f6;color:#374151}.interviewee-modal-body{background:#fff;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:28px}.interviewee-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.interviewee-form-row:last-child{margin-bottom:0}.interviewee-form-field{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;width:100%}.interviewee-form-field-full{grid-column:1/-1}.interviewee-field-label{color:#374151;display:block;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:8px;overflow-wrap:normal;white-space:normal;width:100%;word-break:normal}.interviewee-required{color:#ef4444;font-weight:600;margin-left:2px}.interviewee-field-input,.interviewee-field-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;line-height:1.5;padding:10px 14px;transition:all .2s;width:100%}.interviewee-field-input:focus,.interviewee-field-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.interviewee-field-input::placeholder{color:#9ca3af}.interviewee-field-input:disabled,.interviewee-field-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.interviewee-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 28px}.interviewee-btn-cancel,.interviewee-btn-submit{border-radius:8px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-width:100px;padding:10px 24px;transition:all .2s;white-space:nowrap}.interviewee-btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.interviewee-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.interviewee-btn-submit{background:#3b82f6;border:none;color:#fff}.interviewee-btn-submit:hover:not(:disabled){background:#2563eb}.interviewee-btn-submit:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:768px){.interviewee-modal-overlay{padding:16px}.interviewee-modal-container{max-height:95vh;max-width:100%}.interviewee-modal-body,.interviewee-modal-header{padding:20px}.interviewee-form-row{gap:16px;grid-template-columns:1fr;margin-bottom:16px}.interviewee-modal-footer{flex-direction:column-reverse;padding:16px 20px}.interviewee-btn-cancel,.interviewee-btn-submit{width:100%}}@media (max-width:480px){.interviewee-modal-overlay{padding:8px}.interviewee-modal-container{border-radius:12px}.interviewee-modal-header{padding:16px}.interviewee-modal-title{font-size:18px}.interviewee-modal-body{padding:16px}}.assessment-details-page{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:100%;padding:24px}.error-state,.loading-state{min-height:60vh;padding:80px 20px}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:50px;margin-bottom:20px;width:50px}.error-state p,.loading-state p{margin:10px 0}.error-state h2{color:#ef4444;margin-bottom:16px}.page-header{border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px 24px}.back-btn:hover{background:#f3f4f6;color:#374151}.page-title{font-size:24px}.action-btn{border:1px solid #e5e7eb;color:#6b7280;height:40px;width:40px}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.page-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-bottom:20px;padding:8px}.tab-button{background:#0000;border-radius:8px;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px}.tab-button:hover{background:#f3f4f6}.tab-button.active{background:#2563eb;box-shadow:0 2px 8px #2563eb4d;color:#fff}.tab-button svg{height:18px;width:18px}.page-content{-ms-overflow-style:none;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1 1;margin-bottom:20px;min-height:400px;scrollbar-width:none}.page-content::-webkit-scrollbar{display:none}.details-content{max-width:100%}.assessment-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.assessment-title{font-size:32px;line-height:1.2;margin:0 0 12px}.assessment-subtitle{color:#6b7280;direction:rtl;font-size:18px;margin:0 0 16px}.assessment-code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:14px;padding:8px 16px}.header-status{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.framework-indicator-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;margin-bottom:20px;padding:1.5rem}.framework-indicator-content{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.framework-icon-badge{flex-shrink:0;font-size:2.5rem;line-height:1}.framework-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.framework-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.framework-name{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.framework-warning{background:#fbbf244d;border:1px solid #fbbf2480;border-radius:6px;color:#fef3c7;font-size:.9rem;padding:.25rem .75rem}.framework-code-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:8px;font-size:1.1rem;padding:.5rem 1rem}.framework-warning-text{background:#fbbf2433;border:1px solid #fbbf244d;border-radius:8px;color:#fef3c7;font-size:.9rem;margin-top:.75rem;padding:.75rem 1rem}@media (max-width:768px){.framework-indicator-content{align-items:flex-start;flex-direction:column;text-align:left}.framework-icon-badge{font-size:2rem}.framework-name{align-items:flex-start;flex-direction:column;font-size:1.25rem}.framework-code-badge{align-self:flex-start}}.status-badge{border-radius:24px;font-size:13px;font-weight:700;padding:10px 20px}.status-badge.active,.status-badge.text-green-600.bg-green-100{background:#d1fae5;color:#065f46}.status-badge.draft,.status-badge.text-gray-600.bg-gray-100{background:#e5e7eb;color:#374151}.status-badge.paused,.status-badge.text-yellow-600.bg-yellow-100{background:#fef3c7;color:#92400e}.status-badge.completed,.status-badge.text-blue-600.bg-blue-100{background:#dbeafe;color:#1e40af}.status-badge.cancelled,.status-badge.text-red-600.bg-red-100{background:#fee2e2;color:#991b1b}.status-badge svg{height:14px;width:14px}.priority-badge{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px}.priority-badge svg{height:14px;width:14px}.quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-item{background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;gap:16px;padding:24px;transition:all .2s ease}.stat-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg,#2563eb,#1e40af);height:56px;width:56px}.stat-icon svg{height:28px;width:28px}.stat-value{font-size:32px;margin:0 0 4px}.stat-value.overdue{color:#ef4444}.progress-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:20px}.progress-header{margin-bottom:12px}.progress-label{color:#6b7280;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.progress-percentage{color:#2563eb;font-size:24px}.progress-fill{background:linear-gradient(90deg,#2563eb,#1e40af)}.progress-section-new{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #00000005;padding:16px}.progress-header-new{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-label-new{color:#64748b;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.progress-percentage-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.progress-bar-container-new{background:#e2e8f0;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:20px;margin-bottom:12px;overflow:hidden;position:relative}.progress-bar-fill-new{border-radius:12px;box-shadow:0 2px 8px #00000026;height:100%;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.progress-bar-fill-new.low{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 2px 10px #ef444466}.progress-bar-fill-new.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 2px 10px #f59e0b66}.progress-bar-fill-new.high{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 2px 10px #3b82f666}.progress-bar-fill-new.complete{animation:progressGlow 2.5s infinite;background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 2px 10px #10b98166}@keyframes progressGlow{0%,to{box-shadow:0 2px 10px #10b98166}50%{box-shadow:0 2px 18px #10b981b3}}.progress-details-new{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;line-height:1.5}.progress-details-new strong{color:#1e293b;font-weight:700}.description-section{margin-bottom:32px}.section-title{font-size:18px;margin:0 0 16px}.section-title svg{color:#2563eb;height:20px;width:20px}.description-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.description-item h4{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.description-item p{color:#374151;font-size:15px;line-height:1.7;margin:0}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease}.detail-card:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.detail-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.detail-header svg{color:#2563eb;height:20px;width:20px}.detail-header h3{color:#111827;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.detail-content{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:center;padding:8px 0}.detail-label,.detail-value{font-size:14px}.detail-value{font-weight:600;text-align:right}.tab-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 24px}.assignment-section{margin-bottom:32px}.assignment-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.assignment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.assignment-item:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.assignment-info{flex:1 1}.assignment-type{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.assignment-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.assignment-name-ar{color:#6b7280;font-size:14px;margin-top:4px}.assignment-email{color:#6b7280;font-size:14px;margin:4px 0}.assignment-role{color:#2563eb;font-size:13px;font-weight:600;margin-top:4px}.assignment-status{flex-shrink:0}.milestones-list{gap:16px}.milestone-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.milestone-item:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.milestone-header{align-items:start;margin-bottom:16px}.milestone-title{color:#111827;font-size:18px;font-weight:600;margin:0}.milestone-status{border-radius:6px;display:inline-flex;font-weight:700;padding:6px 12px}.milestone-body{display:flex;flex-direction:column;gap:16px}.milestone-description{color:#374151;font-size:14px;line-height:1.7;margin:0}.milestone-meta{display:flex;flex-wrap:wrap;gap:20px}.meta-item svg{color:#2563eb;height:16px;width:16px}.milestone-progress{margin-top:8px}.empty-state{padding:60px 20px}.empty-state svg{height:64px;opacity:.5;width:64px}.page-actions{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.primary-actions,.status-actions{display:flex;gap:12px}.btn{border:1px solid #0000;font-size:14px}.btn svg{height:16px;width:16px}.btn-primary,.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-primary:hover,.btn-success:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-warning{border-color:#f59e0b}.btn-warning:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.btn-info{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-info:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-2px)}.btn-danger{border-color:#ef4444}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.overview-container{display:flex;flex-direction:column;gap:24px}.overview-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.section-title{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:16px;gap:10px;margin:0;padding:16px 20px}.section-content{padding:20px}.info-grid-full{display:flex;flex-direction:column;gap:20px}.info-row-flex{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.info-row-full{display:flex;width:100%}.info-col{gap:6px}.info-col,.info-col-full{display:flex;flex-direction:column}.info-col-full{gap:8px;width:100%}.info-col .label,.info-col-full .label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-col .value,.info-col-full .value{color:#111827;font-size:15px;font-weight:500}.description-text{color:#374151;font-size:14px;line-height:1.6;margin:0}.status-badge-small{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.status-badge-small.draft{background:#e5e7eb;color:#374151}.status-badge-small.active{background:#d1fae5;color:#065f46}.status-badge-small.paused{background:#fef3c7;color:#92400e}.status-badge-small.completed{background:#dbeafe;color:#1e40af}.status-badge-small.cancelled{background:#fee2e2;color:#991b1b}.assignments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.assignment-group{display:flex;flex-direction:column;gap:12px}.assignment-group-title{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.user-card:hover{background:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-info{flex:1 1;gap:4px}.user-name{font-size:15px;font-weight:600}.user-title{color:#6b7280;font-size:13px}.milestones-list{display:flex;flex-direction:column;gap:12px}.milestone-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:14px}.milestone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.milestone-name{color:#111827;font-size:14px;font-weight:600}.milestone-status{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.milestone-status.completed{background:#d1fae5;color:#065f46}.milestone-status.pending{background:#fef3c7;color:#92400e}.milestone-date{color:#6b7280;font-size:13px}.empty-message{color:#9ca3af;font-size:14px;margin:0;padding:20px;text-align:center}.empty-state-tab{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-state-tab svg{margin-bottom:16px;opacity:.3}.empty-state-tab h3{color:#6b7280;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state-tab p{color:#9ca3af;font-size:14px;margin:0}.overview-container-new{display:flex;flex-direction:column;gap:24px;padding:0}.info-card-new{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header-new{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.card-header-new svg{color:#6b7280;height:18px;width:18px}.card-title-new{color:#111827;font-size:16px;font-weight:600;margin:0}.card-content-new{padding:20px}.info-grid-new{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.info-item-new{display:flex;flex-direction:column;gap:6px}.info-item-new.full-width{grid-column:1/-1}.info-label-new{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value-new{color:#111827;font-size:15px;font-weight:500}.description-text-new{line-height:1.6}.status-container-new{align-items:center;display:flex;gap:8px}.status-dot-new{background:#6b7280;border-radius:50%;height:8px;width:8px}.status-dot-new.active{background:#10b981}.assignments-container-new{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.assignment-section-new{display:flex;flex-direction:column;gap:12px}.assignment-title-new{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-card-new{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.user-avatar-new{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-info-new{display:flex;flex:1 1;flex-direction:column;gap:2px}.user-name-new{color:#111827;font-size:15px;font-weight:600}.user-role-new{color:#6b7280;font-size:13px}.empty-assignment-new{align-items:center;display:flex;gap:12px;padding:12px}.empty-avatar-new{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.empty-info-new{display:flex;flex:1 1;flex-direction:column;gap:2px}.empty-name-new{color:#111827;font-size:15px;font-weight:600}.empty-role-new{color:#6b7280;font-size:13px}.empty-box-new{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;height:60px;justify-content:center;width:100%}.empty-text-new{color:#9ca3af;font-size:14px;font-style:italic}.milestones-container-new{display:flex;flex-direction:column;gap:12px}.milestone-item-new{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:12px}.milestone-content-new{align-items:center;display:flex;gap:12px;justify-content:space-between}.milestone-left-new{align-items:center;display:flex;flex:1 1;gap:12px}.milestone-icon-new{font-size:18px;text-align:center;width:24px}.milestone-info-new{display:flex;flex:1 1;flex-direction:column;gap:2px}.milestone-name-new{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.milestone-description-new{color:#6b7280;display:block;font-size:12px;font-style:italic;line-height:1.3;margin:2px 0}.milestone-date-new{color:#6b7280;font-size:12px;line-height:1.2}.milestone-right-new{align-items:center;display:flex}.milestone-status-select-new{min-width:100px;text-align:center}.milestone-status-select-new option{background:#fff;color:#374151}.empty-milestones-new{align-items:center;display:flex;justify-content:center;min-height:80px}@media (max-width:1024px){.assessment-details-page{padding:16px}.page-content{padding:24px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.header-left,.page-header{align-items:flex-start;flex-direction:column}.header-left{width:100%}.page-tabs{flex-direction:column}.tab-button{justify-content:flex-start}.assessment-header{flex-direction:column}.header-status{align-items:flex-start;width:100%}.description-content,.details-grid,.quick-stats{grid-template-columns:1fr}.page-actions{flex-direction:column}.primary-actions,.status-actions{flex-wrap:wrap;width:100%}.btn{flex:1 1;justify-content:center}.info-row-flex{grid-template-columns:repeat(2,1fr)}.assignments-grid{grid-template-columns:1fr}.info-grid-new{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.assessment-details-page{padding:12px}.page-header{padding:16px}.page-content{padding:20px}.page-title{font-size:20px}.assessment-title{font-size:24px}.stat-item{padding:16px}.stat-icon{height:48px;width:48px}.stat-icon svg{height:24px;width:24px}.stat-value{font-size:24px}.section-title{font-size:14px;padding:12px 16px}.section-content{padding:16px}.info-row-flex{gap:16px;grid-template-columns:1fr}.info-col .label,.info-col-full .label{font-size:11px}.info-col .value,.info-col-full .value{font-size:14px}.info-grid-new{gap:16px;grid-template-columns:repeat(2,1fr)}.card-header-new{padding:12px 16px}.card-content-new{padding:16px}.assignments-container-new{gap:16px;grid-template-columns:1fr}.info-grid-new{gap:12px;grid-template-columns:1fr}.info-label-new{font-size:11px}.info-value-new{font-size:14px}}.assessment-session{margin:0 auto;max-width:1200px;padding:20px}.session-header{align-items:flex-start;background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.session-title{display:flex;flex-direction:column;gap:15px}.session-title h1{color:#2c3e50;font-size:2rem;margin:0}.session-actions{align-items:center;display:flex;gap:15px}.action-button{font-size:1rem;font-weight:600;padding:12px 24px}.action-button.success{background:#27ae60;color:#fff}.action-button.success:hover{background:#229954}.status-badge{font-size:.9rem;padding:6px 16px;white-space:nowrap}.status-completed{background:#d4edda;color:#155724}.status-in-progress{background:#cce5ff;color:#004085}.status-scheduled{background:#fff3cd;color:#856404}.status-cancelled{background:#f8d7da;color:#721c24}.status-paused{background:#e2e3e5;color:#383d41}.status-default{background:#f8f9fa;color:#6c757d}.session-info{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:25px;padding:25px}.info-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{gap:5px}.info-item label{color:#7f8c8d;font-size:.9rem;font-weight:600;text-transform:uppercase}.info-item span{color:#2c3e50;font-size:1rem}.session-description{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:25px;padding:25px}.session-description h3{color:#2c3e50;margin-bottom:15px}.session-description p{color:#7f8c8d;line-height:1.6}.tabs-container{margin-bottom:25px}.tabs{background:#fff;border-radius:10px 10px 0 0;padding:0 25px}.collaboration-tab,.evidence-tab,.overview-tab,.responses-tab{background:#fff;border:1px solid #e1e8ed;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 2px 4px #0000001a;padding:25px}.overview-stats{margin-bottom:30px}.stat-card{border-radius:10px;padding:25px}.stat-card h3{color:#3498db;font-size:2.5rem;margin:0 0 10px}.stat-card p{font-size:1rem}.session-notes{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:10px;padding:20px}.session-notes h3{color:#2c3e50;margin-bottom:15px}.session-notes p{color:#7f8c8d;line-height:1.6;margin:0}.collaboration-header,.evidence-header,.responses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.collaboration-header h3,.evidence-header h3,.responses-header h3{color:#2c3e50;margin:0}.add-collaboration-button,.add-evidence-button,.add-response-button{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s ease}.add-collaboration-button:hover,.add-evidence-button:hover,.add-response-button:hover{background:#229954}.collaboration-list,.evidence-list,.responses-list{display:flex;flex-direction:column;gap:20px}.collaboration-card,.evidence-card,.response-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:10px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.collaboration-card:hover,.evidence-card:hover,.response-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.collaboration-header,.evidence-header,.response-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.evidence-header h4,.response-header h4{color:#2c3e50;flex:1 1;font-size:1.1rem;margin:0 15px 0 0}.evidence-details,.response-details{margin-bottom:15px}.evidence-description,.response-justification{background:#fff;border:1px solid #e1e8ed;border-radius:5px;margin-bottom:15px;padding:15px}.evidence-description strong,.response-justification strong{color:#2c3e50;display:block;margin-bottom:8px}.evidence-description p,.response-justification p{color:#7f8c8d;line-height:1.5;margin:0}.collaboration-actions,.evidence-actions,.response-actions{display:flex;gap:10px}.collaborator-info{display:flex;flex-direction:column;gap:5px}.collaborator-info strong{color:#2c3e50;font-size:1rem}.interaction-type{font-weight:600;text-transform:uppercase}.collaboration-date,.interaction-type{color:#7f8c8d;font-size:.9rem}.collaboration-content{background:#fff;border:1px solid #e1e8ed;border-radius:5px;margin-bottom:15px;padding:15px}.collaboration-content p{color:#2c3e50;line-height:1.5;margin:0}.error-container,.loading-container,.not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-container h3,.not-found h3{color:#e74c3c;margin-bottom:10px}@media (max-width:768px){.assessment-session{padding:15px}.session-header{align-items:flex-start;flex-direction:column;gap:20px}.session-actions{justify-content:flex-start;width:100%}.info-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap;padding:0 15px}.tab{flex:1 1;min-width:120px;padding:12px 15px}.overview-stats{grid-template-columns:repeat(2,1fr)}.collaboration-header,.evidence-header,.responses-header{align-items:flex-start;flex-direction:column;gap:15px}.collaboration-actions,.evidence-actions,.response-actions{flex-direction:column}}@media (max-width:480px){.overview-stats{grid-template-columns:1fr}.session-actions,.tabs{flex-direction:column}.tab{border-bottom:1px solid #ecf0f1;border-radius:0}.tab.active{border-bottom-color:#3498db}}.document-library{height:100%;margin:0 auto;max-width:1600px;overflow-y:auto;padding:40px 24px;scroll-behavior:smooth}.document-library.rtl{direction:rtl}.library-header{margin-bottom:40px;position:relative;text-align:center}.back-btn-library{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;left:0;padding:10px 20px;position:absolute;top:0;transition:all .2s ease}.back-btn-library:hover{background:#e5e7eb;border-color:#9ca3af}.document-library.rtl .back-btn-library{left:auto;right:0}.library-title{color:#111827;font-size:32px;font-weight:700;margin:0 0 12px}.library-subtitle{color:#6b7280;font-size:16px;margin:0}.upload-zone{background:#f9fafb;border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;margin-bottom:40px;padding:60px 40px;text-align:center;transition:all .3s ease}.upload-zone:hover{background:#eff6ff;border-color:#2563eb}.upload-zone.drag-active{background:#d1fae5;border-color:#10b981;transform:scale(1.02)}.upload-zone svg{color:#9ca3af;margin-bottom:16px}.upload-zone h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.upload-zone p{color:#6b7280;font-size:14px;margin:8px 0}.upload-button{background:#2563eb;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin:16px 0;padding:12px 32px;transition:all .2s ease}.upload-button:hover{background:#1e40af;box-shadow:0 6px 16px #2563eb4d;transform:translateY(-2px)}.uploading-message{animation:pulse 1.5s ease-in-out infinite;background:#eff6ff;border-radius:8px;color:#1e40af;font-size:14px;font-weight:600;margin-bottom:24px;padding:16px;text-align:center}.documents-section{animation:fadeIn .5s ease;margin-bottom:40px}.section-title{margin:0 0 20px}.documents-grid-enhanced{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:24px}@media (max-width:1200px){.documents-grid-enhanced{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.documents-grid-enhanced{grid-template-columns:1fr}}.document-card-enhanced{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.document-card-enhanced:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.document-card-enhanced.selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 8px 24px #10b98133}.document-card-enhanced.deleting{opacity:.5;pointer-events:none}.document-header-enhanced{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.file-icon-large{font-size:48px;line-height:1}.delete-btn-enhanced{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.delete-btn-enhanced:hover{background:#fecaca;transform:scale(1.1)}.delete-btn-enhanced:disabled{cursor:not-allowed;opacity:.5}.document-body-enhanced{margin-bottom:12px}.document-name-enhanced{color:#111827;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size-enhanced{color:#6b7280;font-size:12px;margin:0 0 8px}.document-tags-enhanced{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;min-height:20px}.tag-enhanced{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:3px 8px}.tag-remove-enhanced{background:none;border:none;color:#1e40af;cursor:pointer;font-size:14px;line-height:1;margin-left:2px;padding:0}.tag-remove-enhanced:hover{color:#1e3a8a}.linked-count{align-items:center;background:#d1fae5;border-radius:6px;color:#065f46;display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:8px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.tag-input-group-enhanced{display:flex;gap:6px;margin-bottom:12px}.tag-input-enhanced{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:12px;padding:6px 10px;transition:all .2s ease}.tag-input-enhanced:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.tag-add-btn-enhanced{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.tag-add-btn-enhanced:hover{background:#e5e7eb;border-color:#9ca3af}.document-actions-enhanced{display:flex;gap:8px}.view-btn-enhanced{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-btn-enhanced:hover{background:#dbeafe;border-color:#93c5fd}.linked-statements-panel{animation:slideDown .3s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:12px;padding:12px}.panel-header{color:#065f46;font-size:12px;font-weight:600;margin-bottom:8px}.no-links,.panel-header{align-items:center;display:flex;gap:8px}.no-links{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:11px;padding:8px}.statements-list-panel{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.statement-item-panel{background:#fff;border:1px solid #d1fae5;border-radius:6px;display:flex;flex-direction:column;font-size:11px;gap:2px;padding:8px}.stmt-code{color:#059669;font-weight:700}.stmt-name{color:#374151}.library-footer{border-top:2px solid #e5e7eb;margin-top:40px;padding-top:24px;text-align:center}.continue-btn,.skip-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:14px 32px;transition:all .2s ease}.continue-btn:hover,.skip-btn:hover{background:#1e40af;box-shadow:0 6px 16px #2563eb4d;transform:translateY(-2px)}.continue-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.skip-btn{background:#6b7280}.skip-btn:hover{background:#4b5563}.footer-note{color:#6b7280;font-size:13px;margin-top:16px}.view-btn-enhanced.json-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Courier New,monospace;font-size:.9em;font-weight:700;margin-left:8px}.view-btn-enhanced.json-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px)}.modal-overlay{background:#000000b3;z-index:9999}.modal-content.json-viewer{box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:90%}.modal-header h3{align-items:center;color:#333;display:flex;font-size:1.3em;gap:10px}.doc-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.6em;font-weight:700;letter-spacing:.5px;padding:4px 12px}.close-btn{color:#666;padding:5px;transition:color .2s}.close-btn:hover{color:#f5576c}.excel-preview{background:#f8f9ff;border-bottom:2px solid #e0e0e0;padding:20px 25px}.excel-summary{color:#667eea;display:flex;font-size:.9em;font-weight:600;gap:20px;margin-bottom:15px}.excel-sheets{display:flex;flex-direction:column;gap:10px}.sheet-preview{background:#fff;border-left:3px solid #667eea;border-radius:6px;padding:12px 15px}.sheet-preview h4{color:#333;font-size:1em;margin:0 0 8px}.sheet-headers{color:#666;font-size:.85em}.modal-body{background:#1e1e1e;border-radius:0;padding:0}.json-content{word-wrap:break-word;background:#1e1e1e;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:13px;margin:0}.modal-footer{border-top:2px solid #e0e0e0;gap:10px;padding:15px 25px}.close-modal-btn,.download-json-btn{border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;padding:10px 20px;transition:all .3s ease}.download-json-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.download-json-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.close-modal-btn{background:#f0f0f0;color:#333}.close-modal-btn:hover{background:#e0e0e0}.json-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.json-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;height:47.5vh;overflow:hidden;position:relative;width:47.5vw}.json-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.json-modal-header h3{color:#333;flex:1 1;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.json-data{background:#fff;border:none;color:#333;flex:1 1;font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin:0;outline:none;overflow:auto;padding:20px;white-space:pre-wrap;word-break:break-word}.json-close{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.json-close:hover{background:#c82333;transform:scale(1.05)}.perspective-card.inactive{background:#f7fafc;border:2px dashed #cbd5e0;cursor:not-allowed;opacity:.7;padding:3px;position:relative}.perspective-card.inactive:hover{box-shadow:0 2px 8px #0000000d;opacity:.8;transform:none}.lock-overlay{color:#cbd5e0;left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.inactive-status{align-items:center;background:#fed7d7;color:#c53030;display:flex;gap:.375rem}.perspective-icon.grayed{filter:grayscale(100%);opacity:.5}.perspective-description,.perspective-name{position:relative;z-index:2}.perspective-description.truncated{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.perspective-preview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;padding:1rem;position:relative;z-index:2}.preview-header{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.preview-icon{font-size:1rem}.preview-title{font-size:.875rem}.dimensions-preview-list{list-style:none;margin:0;padding:0}.dimensions-preview-list li{border-bottom:1px solid #f7fafc;color:#718096;font-size:.875rem;padding:.5rem 0}.dimensions-preview-list li:last-child{border-bottom:none}.more-items,.no-preview{color:#a0aec0;font-style:italic}.no-preview{font-size:.875rem;margin:0}.value-prop{align-items:center;background:#667eea0d;border-radius:8px;display:flex;gap:.5rem;margin:1rem 0;padding:.75rem;position:relative;z-index:2}.value-icon{font-size:1.125rem}.value-text{color:#667eea;font-size:.875rem;font-weight:600}.perspective-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;position:relative;z-index:2}.unlock-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .3s ease}.unlock-btn.primary{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.unlock-btn.primary:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.unlock-btn.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.unlock-btn.secondary:hover{background:#667eea0d;transform:translateY(-2px)}.gift-icon{font-size:1.125rem}.criteria-hint{color:#a0aec0;font-size:.75rem;margin-top:.5rem;position:relative;text-align:center;z-index:2}@media (max-width:640px){.lock-overlay{font-size:.8em}.perspective-preview{padding:.75rem}.unlock-btn{font-size:.875rem;padding:.75rem 1rem}}.unlock-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.unlock-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.unlock-modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.unlock-modal-title{align-items:center;color:#1a202c;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.unlock-modal-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.unlock-modal-close:hover:not(:disabled){background:#e2e8f0;color:#1a202c}.unlock-modal-close:disabled{cursor:not-allowed;opacity:.5}.unlock-modal-content{padding:2rem}.unlock-perspective-info{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.unlock-perspective-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:2.5rem;height:64px;justify-content:center;width:64px}.unlock-perspective-details{flex:1 1}.unlock-perspective-name{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.unlock-perspective-description{color:#4a5568;font-size:.9375rem;line-height:1.5;margin:0}.unlock-whats-inside{margin-bottom:2rem}.unlock-whats-inside h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:1rem}.unlock-dimensions-list{list-style:none;margin:0;padding:0}.unlock-dimensions-list li{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.dim-name{color:#2d3748;font-weight:500}.dim-criteria-count{color:#718096;font-size:.875rem}.total-criteria{color:#667eea;font-size:.9375rem;font-weight:600;margin-top:1rem;text-align:center}.unlock-terms{background:#fffaf0;border:2px solid #fbd38d;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.unlock-terms-header{align-items:center;color:#c05621;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.unlock-terms-list{list-style:none;margin:0;padding:0}.unlock-terms-list li{align-items:flex-start;color:#744210;display:flex;font-size:.9375rem;gap:.5rem;line-height:1.5;padding:.5rem 0}.unlock-terms-list li:before{color:#c05621;content:"•";flex-shrink:0;font-weight:700}.unlock-terms-list li.choose-wisely{color:#c05621;font-weight:600;margin-top:.5rem}.unlock-confirmation{margin-bottom:1rem}.unlock-checkbox-label{align-items:flex-start;color:#2d3748;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem}.unlock-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-top:.125rem;width:20px}.unlock-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.unlock-modal-footer{border-top:2px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.unlock-cancel-btn,.unlock-confirm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.unlock-cancel-btn{background:#e2e8f0;color:#4a5568}.unlock-cancel-btn:hover:not(:disabled){background:#cbd5e0}.unlock-confirm-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.unlock-confirm-btn:hover:not(:disabled){box-shadow:0 8px 20px #48bb7866;transform:translateY(-2px)}.unlock-confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:640px){.unlock-modal{border-radius:16px 16px 0 0;margin-top:auto;max-width:100%}.unlock-modal-content,.unlock-modal-footer,.unlock-modal-header{padding-left:1.5rem;padding-right:1.5rem}.unlock-perspective-info{align-items:center;flex-direction:column;text-align:center}.unlock-modal-footer{flex-direction:column-reverse}.unlock-cancel-btn,.unlock-confirm-btn{justify-content:center;width:100%}}.toast-container{display:flex;flex-direction:column;gap:.75rem;pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:9999}.toast{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:.75rem;max-width:400px;min-width:300px;padding:1rem 1.25rem;pointer-events:all}.toast-success{border-left-color:#48bb78}.toast-info{border-left-color:#4299e1}.toast-warning{border-left-color:#ed8936}.toast-error{border-left-color:#f56565}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#48bb78}.toast-info .toast-icon{color:#4299e1}.toast-warning .toast-icon{color:#ed8936}.toast-error .toast-icon{color:#f56565}.toast-message{color:#2d3748;flex:1 1;font-size:.9375rem;font-weight:500}.toast-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.toast-close:hover{background:#f7fafc;color:#4a5568}.toast-enter{animation:slideIn .3s ease forwards}.toast-exit{animation:slideOut .3s ease forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}@media (max-width:640px){.toast-container{left:1rem;right:1rem}.toast{max-width:100%;min-width:auto}}.unlock-banner{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;display:flex;gap:1rem;margin:1rem 0 1.5rem;padding:1.25rem 1.5rem}.unlock-banner-icon{flex-shrink:0;font-size:2rem}.unlock-banner-text{flex:1 1}.unlock-banner-text strong{display:block;font-size:1.125rem;margin-bottom:.25rem}.unlock-banner-text p{font-size:.9375rem;margin:0;opacity:.95}.unlock-timer-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:8px;box-shadow:0 2px 8px #48bb784d;color:#fff;font-size:.75rem;font-weight:600;padding:.5rem .875rem;position:absolute;right:1rem;top:1rem;z-index:10}.prospective-card.unlocked{background:linear-gradient(135deg,#48bb780d,#38a1690d);border-color:#48bb78}.prospective-card.unlocked:hover{border-color:#38a169;box-shadow:0 8px 20px #48bb7833}.prospective-selection{margin:0;max-width:100%;min-height:calc(100vh - 80px);padding:40px 0;width:100%}.prospective-selection.rtl{direction:rtl}.header-title{justify-content:center}.header-title.assessment-complete{color:#10b981;font-size:24px}.header-title .achievement-icon{color:#10b981;flex-shrink:0}.clear-ratings-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;box-shadow:0 2px 6px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.clear-ratings-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.clear-ratings-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selection-title{color:#111827;font-size:36px;font-weight:700;margin:0 0 12px}.completion-actions{display:flex;justify-content:center;margin-top:24px}.complete-assessment-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.complete-assessment-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.complete-assessment-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.complete-assessment-btn svg{flex-shrink:0}.error-state,.loading-state{padding:100px 20px}.error-state p,.loading-state p{color:#6b7280;font-size:16px;margin:0}.prospective-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.prospective-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.prospective-card:hover{border-color:#2563eb;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.prospective-card.started{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fbbf24}.prospective-card.completed{background:linear-gradient(135deg,#d1fae5,#fff);border-color:#10b981}.completed-badge{background:#fff;border-radius:50%;color:#10b981;padding:4px;position:absolute;right:16px;top:16px}.prospective-selection.rtl .completed-badge{left:16px;right:auto}.card-icon{font-size:48px;margin-bottom:16px;text-align:center}.card-code{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:13px;font-weight:700;margin-bottom:12px;padding:6px 12px}.prospective-card.started .card-code{background:#fef3c7;color:#92400e}.prospective-card.completed .card-code{background:#d1fae5;color:#065f46}.card-name{color:#111827;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 20px;overflow:hidden}.card-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#9ca3af;font-size:11px}.stat-value{font-size:18px}.progress-bar{margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.prospective-card.started .progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.prospective-card.completed .progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.card-footer{align-items:center;justify-content:space-between}.status-text{color:#6b7280;font-size:13px;font-weight:600}.prospective-card.started .status-text{color:#f59e0b}.prospective-card.completed .status-text{color:#10b981}@media (max-width:1024px){.assessment-header{padding-right:300px}.prospective-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.prospective-card{padding:24px}}@media (max-width:768px){.prospective-selection{padding:24px 16px}.assessment-header{padding:16px 0}.header-container{gap:10px;padding:12px 16px}.header-title{font-size:18px}.back-btn{font-size:13px;padding:8px 12px}.clear-ratings-btn{font-size:13px;padding:8px 14px}.selection-title{font-size:28px}.selection-subtitle{font-size:16px}.prospective-grid{grid-template-columns:1fr}}.dimension-selection{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:40px 24px}.dimension-selection.rtl{direction:rtl}.assessment-header{background:#f9fafb;border-radius:0;margin-left:0;margin-right:0;max-width:100%;padding:16px 340px 16px 0;position:relative;width:100%;z-index:50}.dimension-selection.rtl .assessment-header{padding-left:340px;padding-right:0}.header-container{background:linear-gradient(135deg,#fff,#f8fafc)}.dimension-selection.rtl .back-btn:hover{transform:translateX(3px)}.framework-name{color:#6b7280;font-size:16px;font-weight:500;text-align:center}.selection-header{margin-bottom:48px;position:relative;text-align:center}.btn-group{flex-wrap:wrap;gap:12px}.btn-group,.random-rate-btn{align-items:center;display:flex}.random-rate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.random-rate-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.random-rate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.undo-btn{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.undo-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.undo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selection-subtitle{color:#6b7280;font-size:18px;margin:0}.dimension-list{display:flex;flex-direction:column;gap:16px}.dimension-row{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.dimension-row:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.dimension-selection.rtl .dimension-row:hover{transform:translateX(-4px)}.dimension-row.started{background:linear-gradient(90deg,#fffbeb,#fff);border-color:#fbbf24}.dimension-row.completed{background:linear-gradient(90deg,#d1fae5,#fff);border-color:#10b981}.row-left{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.row-code{background:#dbeafe;border-radius:8px;color:#1e40af;flex-shrink:0;font-size:14px;font-weight:700;min-width:80px;padding:8px 16px;text-align:center}.dimension-row.started .row-code{background:#fef3c7;color:#92400e}.dimension-row.completed .row-code{background:#d1fae5;color:#065f46}.row-content{flex:1 1;min-width:0}.row-name{color:#111827;font-size:18px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.row-right{flex-shrink:0;gap:20px}.row-progress,.row-right{align-items:center;display:flex}.row-progress{flex-direction:column;gap:6px}.progress-circle{align-items:center;background:conic-gradient(#2563eb calc(var(--progress)*1%),#e5e7eb 0);border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.progress-circle:before{background:#fff;border-radius:50%;content:"";height:48px;position:absolute;width:48px}.progress-circle span{color:#111827;font-size:13px;font-weight:700;position:relative;z-index:1}.dimension-row.started .progress-circle{background:conic-gradient(#fbbf24 calc(var(--progress)*1%),#e5e7eb 0)}.dimension-row.completed .progress-circle{background:conic-gradient(#10b981 calc(var(--progress)*1%),#e5e7eb 0)}.progress-text{font-size:12px;font-weight:600}.completed-icon{color:#10b981}.arrow-icon{color:#9ca3af;transition:all .2s ease}.dimension-row:hover .arrow-icon{color:#2563eb;transform:translateX(4px)}.dimension-selection.rtl .dimension-row:hover .arrow-icon{transform:translateX(-4px)}@media (max-width:1024px){.dimension-selection{padding:24px 16px}.assessment-header{padding-right:300px}.dimension-selection.rtl .assessment-header{padding-left:300px;padding-right:0}}@media (max-width:768px){.dimension-selection{padding:24px 16px}.assessment-header{padding:16px 0}.dimension-selection.rtl .assessment-header{padding-left:0}.header-container{flex-wrap:wrap;gap:10px;padding:12px 16px}.header-title{font-size:18px}.back-btn{font-size:13px;padding:8px 12px}.selection-subtitle{font-size:16px}.header-actions{justify-content:center;width:100%}.btn-group{flex-direction:column;margin:0 auto;max-width:320px;width:100%}.random-rate-btn,.undo-btn{font-size:13px;justify-content:center;padding:10px 16px;width:100%}.dimension-row{gap:16px;padding:20px}.dimension-row,.row-left{align-items:flex-start;flex-direction:column}.row-left{gap:12px;width:100%}.row-right{justify-content:space-between;width:100%}.row-name{white-space:normal}.dimension-row:hover,.dimension-selection.rtl .dimension-row:hover{transform:translateY(-4px)}}.progress-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.progress-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%;min-width:400px;padding:32px}.progress-modal-header{margin-bottom:24px;text-align:center}.progress-icon{animation:rotate 2s linear infinite;color:#8b5cf6;margin-bottom:12px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-modal-header h3{color:#111827;font-size:20px;font-weight:700;margin:0}.progress-modal-body{text-align:center}.progress-bar-container{background:#e5e7eb;border-radius:6px;height:12px;margin-bottom:16px}.progress-bar-fill{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;transition:width .3s ease-out}.progress-text{font-size:16px;margin:0 0 8px}.progress-percentage{color:#8b5cf6;font-size:32px;margin:0}@media (max-width:768px){.progress-modal{min-width:300px;padding:24px}.progress-modal-header h3{font-size:18px}.progress-percentage{font-size:28px}}.quick-rating{align-items:center;display:flex;gap:8px}.quick-rating.rtl{direction:rtl}.quick-rating.disabled{opacity:.6;pointer-events:none}.rating-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:60px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s ease}.rating-btn:hover:not(:disabled){background:#ffffffe6;border-color:var(--rating-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.rating-btn.selected{background:var(--rating-color);border-color:var(--rating-color);box-shadow:0 4px 12px #0003;color:#fff}.rating-btn:disabled{cursor:not-allowed;opacity:.5}.rating-value{font-size:20px;line-height:1}.rating-btn:not(.selected) .rating-value{color:#374151}.rating-btn.selected .rating-label,.rating-btn.selected .rating-value{color:#fff}.rating-label{font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1.2;text-align:center;text-transform:uppercase}.rating-btn:not(.selected) .rating-label{color:#6b7280}.quick-rating.size-small .rating-btn{gap:2px;min-width:50px;padding:6px 8px}.quick-rating.size-small .rating-value{font-size:16px}.quick-rating.size-small .rating-label{font-size:8px}.quick-rating.size-large .rating-btn{gap:6px;min-width:80px;padding:12px 16px}.quick-rating.size-large .rating-value{font-size:24px}.quick-rating.size-large .rating-label{font-size:11px}.rating-btn:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease;width:200%}.rating-btn:hover:not(:disabled):not(.selected):before{transform:translateX(100%) translateY(100%) rotate(45deg)}@media (max-width:768px){.quick-rating{gap:6px}.rating-btn{min-width:50px;padding:6px 8px}.rating-value{font-size:16px}.rating-label{font-size:8px}}.quick-rating.compact{gap:4px}.quick-rating.compact .rating-btn{border-radius:6px;min-width:36px;padding:4px 6px}.quick-rating.compact .rating-value{font-size:14px}.quick-rating.compact .rating-label{display:none}.rating-btn[title]{position:relative}.rating-btn[title]:hover:after{background:#1f2937;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;content:attr(title);font-size:12px;margin-bottom:8px;padding:8px 12px;white-space:nowrap}.rating-btn[title]:hover:after,.rating-btn[title]:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:100}.rating-btn[title]:hover:before{border:6px solid #0000;border-top-color:#1f2937;content:"";margin-bottom:2px}.document-panel{background:#f9fafb;border-left:2px solid #e5e7eb;box-shadow:-2px 0 8px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 196px);height:calc(100vh - var(--topbar-height, 56px) - var(--assessment-header-height, 120px) - 20px);overflow:hidden;position:fixed;right:0;top:196px;top:calc(var(--topbar-height, 56px) + var(--assessment-header-height, 120px) + 20px);width:320px;z-index:40}.document-panel.rtl{border-left:none;border-right:2px solid #e5e7eb;box-shadow:2px 0 8px #0000000d;direction:rtl;left:0;right:auto}.panel-header{background:#fff;border-bottom:2px solid #e5e7eb;padding:16px}.panel-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 8px}.doc-count{color:#6b7280;font-size:13px;font-weight:600}.current-statement-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #2563eb;border-radius:8px;display:flex;gap:6px;margin-top:8px;padding:8px 12px}.badge-label{color:#1e40af;font-size:11px;font-weight:600}.badge-code{background:#fff;border-radius:4px;color:#1e3a8a;font-size:12px;font-weight:700;padding:2px 6px}.search-section{background:#fff;border-bottom:2px solid #e5e7eb;padding:16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.document-panel.rtl .search-icon{left:auto;right:12px}.search-input{border:2px solid #e5e7eb}.document-panel.rtl .search-input,.search-input{padding:10px 36px}.clear-search{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;position:absolute;right:12px;transition:all .2s ease}.document-panel.rtl .clear-search{left:12px;right:auto}.clear-search:hover{background:#f3f4f6;color:#374151}.filter-section{background:#fff;border-bottom:2px solid #e5e7eb;padding:12px 16px}.filter-tabs{display:flex;gap:6px}.filter-tab{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:6px 8px;transition:all .2s ease}.filter-tab:hover{background:#e5e7eb;color:#374151}.filter-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.documents-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.empty-state,.loading-docs{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#2563eb;height:32px;margin-bottom:12px;width:32px}.empty-icon{color:#d1d5db;margin-bottom:12px}.empty-state p,.loading-docs p{font-size:14px;margin:0}.doc-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px;position:relative;transition:all .2s ease}.doc-card:hover{border-color:#2563eb;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.doc-card.linked{background:linear-gradient(135deg,#d1fae5,#fff);border-color:#10b981}.doc-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.doc-icon{flex-shrink:0}.doc-icon.pdf{color:#ef4444}.doc-icon.word{color:#2563eb}.doc-icon.excel{color:#10b981}.doc-icon.image{color:#8b5cf6}.doc-icon.default{color:#6b7280}.doc-info{flex:1 1;min-width:0}.doc-name{color:#111827;font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-size{color:#6b7280;font-size:11px;margin:0}.doc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.doc-tag{background:#dbeafe;color:#1e40af}.doc-tag,.doc-tag-more{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px}.doc-tag-more{background:#f3f4f6;color:#6b7280}.doc-actions{display:flex;gap:6px}.doc-action-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:8px;transition:all .2s ease}.doc-action-btn:hover{background:#e5e7eb;color:#374151}.doc-action-btn.view:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.doc-action-btn.link:hover{background:#d1fae5;border-color:#10b981;color:#10b981}.doc-action-btn.link.active{background:#10b981;border-color:#10b981;color:#fff}.doc-action-btn.link:disabled{cursor:not-allowed;opacity:.5}.linked-badge{align-items:center;background:#10b981;border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:700;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:5}.document-panel.rtl .linked-badge{left:8px;right:auto}.panel-footer{background:#fff;border-top:2px solid #e5e7eb;padding:16px}.quick-upload-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.quick-upload-btn:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.documents-list::-webkit-scrollbar{width:8px}.documents-list::-webkit-scrollbar-track{background:#f3f4f6}.documents-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.documents-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1024px){.document-panel{height:calc(100vh - 191px);height:calc(100vh - var(--topbar-height, 56px) - var(--assessment-header-height, 120px) - 15px);top:191px;top:calc(var(--topbar-height, 56px) + var(--assessment-header-height, 120px) + 15px);width:280px}}@media (max-width:768px){.document-panel{height:calc(100vh - 56px);height:calc(100vh - var(--topbar-height, 56px));position:fixed;right:-320px;top:56px;top:var(--topbar-height,56px);transition:right .3s ease;z-index:100}.document-panel.rtl{left:-320px;right:auto;transition:left .3s ease}.document-panel.open{right:0}.document-panel.rtl.open{left:0}}.doc-action-btn.json{background:#8b5cf6;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:6px 8px;transition:all .2s ease}.doc-action-btn.json:hover{background:#7c3aed;transform:translateY(-1px)}.modal-content.json-viewer{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:95vh;max-width:95vw;overflow:hidden;position:relative;width:900px}.json-modal-body{display:flex;flex-direction:column;height:100%;position:relative}.json-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;flex:1 1;font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin:20px;max-height:85vh;overflow:auto;padding:20px;white-space:pre-wrap;word-break:break-word}.json-close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.json-close-btn:hover{background:#000000e6;transform:scale(1.1)}.document-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.document-viewer-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:100%}.document-viewer-overlay.rtl{direction:rtl}.viewer-header{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;display:flex;gap:20px;justify-content:space-between;padding:20px 24px}.header-left{flex:1 1;min-width:0}.viewer-title{font-size:20px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-subtitle{font-size:13px;opacity:.9}.header-actions{gap:10px}.viewer-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.viewer-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.link-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.link-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.viewer-controls{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:32px;justify-content:center;padding:16px 24px}.page-controls,.zoom-controls{align-items:center;display:flex;gap:12px}.control-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.control-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff}.control-btn:disabled{cursor:not-allowed;opacity:.4}.page-number,.zoom-level{color:#374151;font-size:14px;font-weight:600;min-width:60px;text-align:center}.viewer-content{align-items:center;background:#f3f4f6;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.image-viewer,.office-viewer,.pdf-viewer,.unsupported-viewer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-image{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;max-height:100%;max-width:100%;object-fit:contain}.office-placeholder,.pdf-placeholder,.unsupported-placeholder{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:60px 40px;text-align:center}.placeholder-icon{font-size:80px;margin-bottom:24px;opacity:.8}.placeholder-text{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.placeholder-note{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 24px}.download-placeholder-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:14px 28px;transition:all .2s ease}.download-placeholder-btn:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.viewer-footer{background:#f9fafb;border-top:2px solid #e5e7eb;padding:16px 24px}.document-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tags-label{color:#6b7280;font-size:13px;font-weight:600}.tag-badge{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.viewer-content::-webkit-scrollbar{height:12px;width:12px}.viewer-content::-webkit-scrollbar-track{background:#e5e7eb}.viewer-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:6px}.viewer-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width:1024px){.document-viewer-modal{height:95vh;max-width:95vw}.viewer-header{flex-wrap:wrap}.header-actions{width:100%}}@media (max-width:768px){.document-viewer-overlay{padding:0}.document-viewer-modal{border-radius:0;height:100vh;max-width:100vw}.viewer-header{padding:16px}.viewer-title{font-size:16px}.viewer-btn{font-size:13px;padding:8px 12px}.viewer-controls{flex-wrap:wrap;gap:16px}.placeholder-icon{font-size:60px}.placeholder-text{font-size:20px}.placeholder-note{font-size:14px}}.image-viewer,.pdf-viewer>div{transition:transform .3s ease}.viewer-loading{align-items:center;display:flex;justify-content:center;padding:40px}.viewer-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:48px;width:48px}.upload-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal.rtl{direction:rtl}.upload-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 28px}.upload-modal-title{color:#111827;font-size:24px;font-weight:700;margin:0}.close-btn{background:none;border-radius:6px;padding:6px}.upload-zone-modal{background:#f9fafb;border:3px dashed #d1d5db;border-radius:12px;cursor:pointer;margin:24px 28px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-zone-modal:hover{background:#eff6ff;border-color:#2563eb}.upload-zone-modal.drag-active{background:#d1fae5;border-color:#10b981;transform:scale(1.02)}.upload-zone-modal svg{color:#9ca3af;margin-bottom:12px}.upload-zone-modal h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.upload-zone-modal p{color:#6b7280;font-size:14px;margin:8px 0}.browse-btn{background:#2563eb;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin:12px 0;padding:10px 28px;transition:all .2s ease}.browse-btn:hover{background:#1e40af;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.upload-hint{color:#9ca3af;font-size:12px;font-style:italic;margin-top:8px}.files-list-modal{flex:1 1;overflow-y:auto;padding:0 28px 20px}.files-list-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 16px}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.file-item-modal{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s ease}.file-item-modal:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000014}.file-header-modal{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.file-icon-modal{font-size:32px}.remove-file-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.remove-file-btn:hover{background:#fecaca}.file-info-modal{margin-bottom:12px}.file-name-modal{color:#111827;font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size-modal{color:#6b7280;font-size:11px;margin:0}.tags-section-modal{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tag-modal{align-items:center;background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.tag-modal button{background:none;border:none;color:#1e40af;cursor:pointer;font-size:16px;line-height:1;margin-left:4px;padding:0}.tag-modal button:hover{color:#1e3a8a}.tag-input-group-modal{display:flex;flex:1 1;gap:4px;min-width:100px}.tag-input-modal{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:11px;padding:4px 8px;transition:all .2s ease}.tag-input-modal:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.tag-add-btn-modal{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:all .2s ease}.tag-add-btn-modal:hover{background:#e5e7eb;border-color:#9ca3af}.upload-modal-footer{align-items:center;background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.cancel-btn-modal{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.cancel-btn-modal:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.cancel-btn-modal:disabled{cursor:not-allowed;opacity:.5}.upload-btn-modal{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 28px;transition:all .2s ease}.upload-btn-modal:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.upload-btn-modal:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner-modal{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.files-list-modal::-webkit-scrollbar{width:8px}.files-list-modal::-webkit-scrollbar-track{background:#f3f4f6}.files-list-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.files-list-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.upload-modal{max-height:95vh;width:95%}.files-list-modal,.upload-modal-footer,.upload-modal-header{padding-left:16px;padding-right:16px}.upload-zone-modal{margin:16px}.files-grid{grid-template-columns:1fr}.upload-modal-footer{flex-direction:column-reverse}.cancel-btn-modal,.upload-btn-modal{justify-content:center;width:100%}}.criteria-assessment{--assessment-header-height:120px;background:#f9fafb;display:flex;flex-direction:column;margin-left:0;min-height:calc(100vh - 80px);width:100%}.criteria-assessment.rtl{direction:rtl}.criteria-assessment.rtl .assessment-header{margin-left:340px;margin-right:0}.criteria-assessment.rtl .criteria-container{padding-left:340px;padding-right:0}.assessment-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fafbf2;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;margin-right:340px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.assessment-header,.header-container{box-sizing:border-box;flex:1 1;min-width:0}.header-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:24px;justify-content:space-between;margin:0;padding:16px 24px;width:100%}.back-btn{border:2px solid #d1d5db;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#374151;display:flex!important;flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content;opacity:1;padding:12px 20px;position:relative;visibility:visible;white-space:nowrap;z-index:1}.back-btn svg{height:20px;width:20px}.back-btn:hover{border-color:#3b82f6;box-shadow:0 3px 8px #3b82f633;color:#3b82f6;transform:translateX(-3px)}.criteria-assessment.rtl .back-btn:hover{transform:translateX(3px)}.header-info{box-sizing:border-box;flex-direction:column;min-width:0;padding:0 20px;text-align:center;width:100%}.breadcrumb,.header-info{align-items:center;display:flex;gap:8px;justify-content:center}.breadcrumb{color:#6b7280;flex-shrink:0;font-size:12px}.breadcrumb-item{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-weight:600;padding:4px 10px;transition:all .2s ease}.breadcrumb-item:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.breadcrumb-separator{color:#d1d5db}.header-title{box-sizing:border-box;color:#111827;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}.header-actions{min-width:-webkit-fit-content;min-width:fit-content}.progress-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:10px;box-shadow:0 2px 8px #3b82f633;color:#1e40af;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.progress-badge:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.progress-badge svg{height:18px;width:18px}.progress-count{color:#6b7280;font-size:13px;font-weight:600}.assessment-content-wrapper .progress-bar-container,.assessment-content-wrapper .progress-bar-fill,.assessment-header .progress-bar-container,.assessment-header .progress-bar-fill,.criteria-assessment .assessment-header .progress-bar-container,.criteria-assessment .assessment-header .progress-bar-fill,.criteria-assessment .progress-bar-container,.criteria-assessment .progress-bar-fill,.progress-bar-container,.progress-bar-fill,div[class*=progress-bar],div[class*=progressBar],div[id*=progress-bar],div[id*=progressBar]{display:none!important;height:0!important;left:-9999px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;visibility:hidden!important;width:0!important}.assessment-header:after,.assessment-header:before,.criteria-assessment .assessment-header:after,.criteria-assessment .assessment-header:before,.header-container:after,.header-container:before{content:none!important;display:none!important}.save-indicator{align-items:center;animation:fadeIn .2s ease;display:inline-flex;font-size:16px;height:24px;justify-content:center;min-width:24px}.save-indicator.saving{animation:pulse 1s infinite}.save-indicator.saved{color:#10b981;font-weight:700}.save-indicator.failed{color:#ef4444;font-weight:700}.loading-state{padding:100px 20px}.assessment-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.criteria-container{background:#f9fafb;box-sizing:border-box;flex:1 1;max-width:100%;overflow-y:auto;padding:0 340px 20px 0;width:100%}.criteria-panel{animation:slideIn .3s ease;background:#fff;border:2px solid #e5e7eb;border-radius:12px;border-right:4px solid #0000;box-sizing:border-box;margin-bottom:20px;overflow:hidden;transition:all .3s ease;width:100%}.criteria-assessment.rtl .criteria-panel{border-left:4px solid #0000;border-right:none}.criteria-panel.expanded{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.criteria-assessment.rtl .criteria-panel.expanded{border-left-color:#2563eb;border-right-color:#0000}.criteria-panel.completed{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#10b981}.criteria-assessment.rtl .criteria-panel.completed{border-left-color:#10b981;border-right-color:#0000}.criteria-panel.completed .criteria-header{background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.criteria-panel.completed .criteria-code{background:#10b981;color:#fff}.criteria-panel.partial{background:linear-gradient(135deg,#fff,#fffbeb);border-color:#f59e0b}.criteria-assessment.rtl .criteria-panel.partial{border-left-color:#f59e0b;border-right-color:#0000}.criteria-panel.partial .criteria-header{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.criteria-panel.partial .criteria-code{background:#f59e0b;color:#fff}.criteria-header{align-items:center;background:#f9fafb;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;position:relative;transition:all .2s ease;width:100%}.criteria-header:hover{background:#f3f4f6}.criteria-panel.expanded .criteria-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:2px solid #e5e7eb}.criteria-left{align-items:center;box-sizing:border-box;display:flex;flex:1 1;gap:16px;min-width:0;width:100%}.criteria-code{background:#dbeafe;border-radius:8px;color:#1e40af;font-size:14px;font-weight:700;padding:8px 16px;white-space:nowrap}.criteria-panel.expanded .criteria-code{background:#2563eb;color:#fff}.criteria-name{color:#111827;flex:1 1;font-size:18px;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.criteria-right{align-items:center;color:#6b7280;display:flex;gap:12px}.criteria-progress{background:#fff;border-radius:6px;font-size:14px;font-weight:600;padding:6px 12px}.criteria-progress-indicator{background:#e5e7eb;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.criteria-progress-fill{background:linear-gradient(90deg,#f59e0b,#10b981);height:100%;transition:width .3s ease}.criteria-assessment.rtl .criteria-progress-fill{background:linear-gradient(270deg,#f59e0b,#10b981)}.criteria-content{background:#fff;box-sizing:border-box;padding:24px;width:100%}.statements-list{background:#f9fafb;display:flex;flex-direction:column;gap:16px;padding:16px}.statement-row,.statements-list{box-sizing:border-box;width:100%}.statement-row{animation:slideIn .2s ease;animation-fill-mode:both;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px;position:relative;transition:all .2s ease}.statement-row:first-child{animation-delay:.05s}.statement-row:nth-child(2){animation-delay:.1s}.statement-row:nth-child(3){animation-delay:.15s}.statement-row:nth-child(4){animation-delay:.2s}.statement-row:nth-child(5){animation-delay:.25s}.statement-row:before{background:#0000;border-radius:0 8px 8px 0;bottom:0;content:"";position:absolute;right:0;top:0;transition:background .2s ease;width:4px}.criteria-assessment.rtl .statement-row:before{border-radius:8px 0 0 8px;left:0;right:auto}.statement-row:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.statement-row.completed{background:linear-gradient(135deg,#d1fae5,#fff);border-color:#10b981}.statement-row.completed:before{background:#10b981}.statement-header{align-items:flex-start;box-sizing:border-box;display:flex;gap:12px;margin-bottom:12px;width:100%}.statement-code{background:#e0e7ff;border-radius:6px;color:#3730a3;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.statement-text{color:#374151;flex:1 1;font-size:15px;line-height:1.7;margin:0;min-width:0;width:100%}.statement-actions{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px}.action-icon-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-icon-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.action-icon-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.comment-section{border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.comment-input{border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.comment-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.save-comment-btn{align-items:center;align-self:flex-end;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.criteria-assessment.rtl .save-comment-btn{align-self:flex-start}.save-comment-btn:hover:not(:disabled){background:#1e40af}.save-comment-btn:disabled{cursor:not-allowed;opacity:.5}.action-icon-btn.current-statement{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af;position:relative}.action-icon-btn.has-links{background:#d1fae5;border-color:#10b981;color:#10b981;position:relative}.action-icon-btn.has-links:after{background:#10b981;border:2px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:-2px;top:-2px;width:8px}.rtl .action-icon-btn.has-links:after{left:-2px;right:auto}.link-count-badge{background:#10b981;border:2px solid #fff;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 5px;position:absolute;right:-6px;text-align:center;top:-6px}.rtl .link-count-badge{left:-6px;right:auto}@media (max-width:1024px){.assessment-header{padding-right:300px}.criteria-assessment.rtl .assessment-header{padding-left:300px;padding-right:0}.header-container{flex-wrap:wrap;gap:12px}.header-info{order:3;padding:8px 0 0;width:100%}.header-actions{order:2}}@media (max-width:768px){.assessment-header{padding:10px 0}.criteria-assessment.rtl .assessment-header{padding-left:0}.header-container{gap:10px}.header-title{font-size:15px}.criteria-container{padding:16px}.criteria-assessment.rtl .criteria-container{padding-left:16px}.criteria-header{padding:16px}.criteria-name{font-size:16px}.criteria-content{padding:16px}.statement-row{padding:12px}.statement-actions{width:100%}.back-btn{font-size:13px;padding:8px 12px}.progress-badge{font-size:14px;padding:8px 12px}}.assessment-runner{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);min-height:100vh;padding:0}.assessment-runner.rtl{direction:rtl}.runner-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{flex:1 1}.assessment-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.assessment-description{color:#6b7280;font-size:14px;margin:0}.close-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:10px}.close-btn:hover{background:#e5e7eb;border-color:#9ca3af}.runner-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;margin:0 auto;max-width:1600px;padding:24px 32px}.progress-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 140px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:120px}.main-column{display:flex;flex-direction:column;gap:24px}.assessment-runner.loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;height:48px;width:48px}.assessment-runner.error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh;padding:32px;text-align:center}.assessment-runner.error svg{color:#ef4444}.assessment-runner.error h2{color:#111827;font-size:24px;font-weight:700;margin:0}.assessment-runner.error p{color:#6b7280;font-size:16px;margin:0}.back-btn{background:#2563eb;border:none;color:#fff;font-size:15px;font-weight:600;margin-top:16px;padding:12px 24px}.back-btn:hover{background:#1e40af}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px}.modal-content h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.modal-content p{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 24px}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#2563eb;color:#fff}.btn-confirm:hover{background:#1e40af}.progress-sidebar::-webkit-scrollbar{width:8px}.progress-sidebar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.progress-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.progress-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1280px){.runner-content{gap:20px;grid-template-columns:300px 1fr;padding:20px 24px}}@media (max-width:1024px){.runner-content{grid-template-columns:1fr}.progress-sidebar{margin-top:24px;max-height:none;order:2;position:static}.main-column{order:1}}@media (max-width:768px){.runner-header{padding:16px 20px}.assessment-title{font-size:20px}.assessment-description{font-size:13px}.runner-content{gap:16px;padding:16px}}@media (max-width:480px){.runner-header{align-items:flex-start;flex-direction:column;gap:12px}.close-btn{align-self:flex-end;position:absolute;right:16px;top:16px}.assessment-runner.rtl .close-btn{left:16px;right:auto}.modal-content{padding:24px}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.recommendations-management{margin:0 auto;max-width:1400px;padding:20px}.gap-summary{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:25px}.gap-summary h2{color:#2c3e50;margin-bottom:20px}.summary-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.stat-card{background:#f8f9fa;border:1px solid #e1e8ed;text-align:center}.stat-card.critical{background:#f8d7da;border-color:#f5c6cb}.stat-card.high{background:#fff3cd;border-color:#ffeaa7}.stat-card.medium{background:#d1ecf1;border-color:#bee5eb}.stat-card.low{background:#d4edda;border-color:#c3e6cb}.stat-card h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 8px}.stat-card p{color:#7f8c8d;font-size:.9rem}.maturity-scores{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.score-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:20px;text-align:center}.score-card.gap{background:#fff3cd;border-color:#ffeaa7}.score-card h4{color:#2c3e50;font-size:1rem;margin:0 0 10px}.score-value{color:#3498db;font-size:2.5rem}.score-card.gap .score-value{color:#f39c12}.gap-list h2{color:#2c3e50;margin-bottom:20px}.gaps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.gap-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.gap-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.gap-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.gap-header h3{color:#2c3e50;flex:1 1;font-size:1.1rem;margin:0 15px 0 0}.priority-badge{white-space:nowrap}.gap-details,.gap-impact{margin-bottom:15px}.gap-impact{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:5px;padding:15px}.gap-impact strong{color:#2c3e50;display:block;margin-bottom:8px}.gap-impact p{color:#7f8c8d;line-height:1.5;margin:0}.gap-actions{display:flex;gap:10px}.recommendations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.recommendations-header h2{color:#2c3e50;margin:0}.filters{align-items:center;gap:15px}.filter-select{border:1px solid #ddd;border-radius:5px;font-size:.9rem;padding:8px 12px}.recommendations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.recommendation-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.recommendation-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.recommendation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.recommendation-title{flex:1 1;margin-right:15px}.recommendation-title h3{color:#2c3e50;font-size:1.1rem;margin:0 0 8px}.category-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.recommendation-scores{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.overall-score{background:#3498db;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:6px 12px}.recommendation-content{margin-bottom:15px}.recommendation-content p{color:#7f8c8d;line-height:1.5;margin:0}.recommendation-details{margin-bottom:15px}.recommendation-actions{display:flex;gap:10px}.implementation-header{margin-bottom:25px}.implementation-header h2{color:#2c3e50;margin-bottom:10px}.implementation-header p{color:#7f8c8d;margin:0}.implementation-overview{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:25px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.implementation-timeline{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:25px}.implementation-timeline h3{color:#2c3e50;margin-bottom:20px}.timeline-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;display:flex;height:300px;justify-content:center}.resources-header{margin-bottom:25px}.resources-header h2{color:#2c3e50;margin-bottom:10px}.resources-header p{color:#7f8c8d;margin:0}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.resource-category{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:25px;text-align:center}.resource-category h3{color:#2c3e50;margin-bottom:15px}.resource-category p{color:#7f8c8d;line-height:1.5;margin-bottom:20px}.resource-button{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s ease}.resource-button:hover{background:#2980b9}.gap-info{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;margin-bottom:25px;padding:15px}.gap-info h4{color:#2c3e50;margin:0 0 8px}.gap-info p{color:#7f8c8d;margin:0}.templates-list{display:flex;flex-direction:column;gap:15px}.template-option{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.template-info{margin-right:20px}.template-info h5{color:#2c3e50;margin:0 0 8px}.template-info p{color:#7f8c8d;line-height:1.4;margin:0 0 10px}.template-meta{gap:15px}.template-effort,.template-type{background:#3498db;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.template-effort{background:#95a5a6}@media (max-width:768px){.recommendations-management{padding:15px}.tabs{flex-wrap:wrap}.tab{flex:1 1;min-width:120px;padding:12px 15px}.gaps-grid,.recommendations-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.maturity-scores{grid-template-columns:1fr}.recommendations-header{align-items:flex-start;flex-direction:column;gap:15px}.filters{justify-content:flex-start;width:100%}.resources-grid{grid-template-columns:1fr}.modal-content{margin:20px;width:95%}.template-option{align-items:flex-start;flex-direction:column;gap:15px}.template-info{margin-right:0}}@media (max-width:480px){.overview-stats,.summary-stats{grid-template-columns:1fr}.gap-actions,.recommendation-actions,.tabs{flex-direction:column}.tab{border-bottom:1px solid #ecf0f1;border-radius:0}.tab.active{border-bottom-color:#3498db}}.assessment-reports{margin:0 auto;max-width:1400px;padding:20px}.page-header h1{color:#2c3e50;font-size:2rem;margin-bottom:10px}.page-header p{color:#7f8c8d;font-size:1.1rem;margin-bottom:15px}.assessment-info{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;display:flex;gap:20px;padding:15px}.assessment-name{color:#2c3e50;font-size:1.1rem;font-weight:600}.assessment-code{background:#3498db;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:4px 12px}.loading-spinner{border-top-color:#3498db;margin-bottom:20px}.error-container h3{color:#e74c3c}.retry-button{background:#3498db;border-radius:5px;margin-top:15px;padding:10px 20px}.retry-button:hover{background:#2980b9}.tabs-container{margin-bottom:30px}.tabs{border-bottom:2px solid #ecf0f1}.tab{border-bottom:3px solid #0000;color:#7f8c8d;font-size:1rem;padding:15px 25px;transition:all .3s ease}.tab.active,.tab:hover{color:#3498db}.tab.active{border-bottom-color:#3498db}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.results-header h2{color:#2c3e50;margin:0}.generate-report-button{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s ease}.generate-report-button:hover:not(:disabled){background:#229954}.generate-report-button:disabled{background:#95a5a6;cursor:not-allowed}.results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.result-card{background:#fff;border:2px solid #e1e8ed;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s ease}.result-card:hover{border-color:#3498db;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.result-card.selected{background:#f8f9fa;border-color:#3498db}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.result-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.result-status{background:#3498db;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.result-scores{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.score-item{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:15px;text-align:center}.score-label{color:#7f8c8d;display:block;font-size:.9rem;margin-bottom:5px}.score-value{color:#2c3e50;display:block;font-size:1.5rem}.result-details{margin-bottom:15px}.detail-row{justify-content:space-between;margin-bottom:8px;padding:5px 0}.detail-row .label{color:#7f8c8d;flex:1 1;font-weight:600}.detail-row .value{color:#2c3e50;flex:1 1;text-align:right}.result-findings{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:5px;padding:15px}.result-findings strong{color:#2c3e50;display:block;margin-bottom:8px}.result-findings p{color:#7f8c8d;line-height:1.5;margin:0}.no-results{color:#7f8c8d;padding:60px 20px}.maturity-header{margin-bottom:25px}.maturity-header h2{color:#2c3e50;margin-bottom:20px}.maturity-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.summary-card h3{color:#3498db;font-size:2.5rem;font-weight:700;margin:0 0 8px}.summary-card p{color:#7f8c8d;font-size:.9rem}.maturity-scores-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.maturity-score-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.score-header h4{color:#2c3e50;font-size:1.1rem;margin:0}.maturity-level-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.score-details{margin-bottom:15px}.score-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.score-row .label{color:#7f8c8d;flex:1 1;font-weight:600}.score-row .value{color:#2c3e50;flex:1 1;text-align:right}.gap-priority{margin-bottom:15px}.priority-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.score-notes{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:5px;padding:15px}.score-notes p{color:#7f8c8d;line-height:1.5;margin:0}.trends-header{margin-bottom:25px}.trends-header h2{color:#2c3e50;margin-bottom:10px}.trends-header p{color:#7f8c8d;margin:0}.trends-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.trend-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.trend-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.trend-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.trend-period{background:#3498db;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.trend-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:15px}.metric-item{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:15px;text-align:center}.metric-label{color:#7f8c8d;display:block;font-size:.9rem;margin-bottom:5px}.metric-value{color:#2c3e50;display:block;font-size:1.2rem;font-weight:600}.trend-analysis{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:5px;padding:15px}.trend-analysis p{color:#7f8c8d;line-height:1.5;margin:0}.no-trends{color:#7f8c8d;padding:60px 20px;text-align:center}.benchmarks-header{margin-bottom:25px}.benchmarks-header h2{color:#2c3e50;margin-bottom:10px}.benchmarks-header p{color:#7f8c8d;margin:0}.benchmarks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.benchmark-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.benchmark-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.benchmark-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.benchmark-type{background:#f39c12;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.benchmark-scores{margin-bottom:15px}.score-comparison{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.percentile-rank{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;margin-bottom:15px;padding:15px;text-align:center}.rank-label{color:#7f8c8d;font-size:.9rem;margin-right:8px}.rank-value{color:#2c3e50;font-size:1.2rem;font-weight:600}.benchmark-analysis{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:5px;padding:15px}.benchmark-analysis p{color:#7f8c8d;line-height:1.5;margin:0}.no-benchmarks{color:#7f8c8d;padding:60px 20px;text-align:center}.reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.reports-header h2{color:#2c3e50;margin:0}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.report-card{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.report-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.report-header h3{color:#2c3e50;flex:1 1;font-size:1.1rem;margin:0 15px 0 0}.report-status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.report-details,.report-stats{margin-bottom:15px}.report-stats{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;display:flex;justify-content:space-around;padding:15px}.stat-value{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:4px}.stat-label{color:#7f8c8d;font-size:.8rem}.report-actions{display:flex;gap:10px}.action-button{border:none;border-radius:5px;flex:1 1;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.action-button.primary{background:#3498db}.action-button.primary:hover{background:#2980b9}.action-button.secondary{background:#95a5a6;color:#fff}.action-button.secondary:hover{background:#7f8c8d}.no-reports{color:#7f8c8d;padding:60px 20px;text-align:center}.generate-first-report-button{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 24px;transition:background .3s ease}.generate-first-report-button:hover:not(:disabled){background:#229954}.generate-first-report-button:disabled{background:#95a5a6;cursor:not-allowed}.modal-content{border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:800px}.modal-header{border-bottom:1px solid #e1e8ed;padding:20px 25px}.modal-header h3{color:#2c3e50}.close-button{color:#7f8c8d;font-size:1.5rem;height:30px;padding:0;width:30px}.close-button:hover{color:#2c3e50}.modal-body{padding:25px}.template-selection h4{color:#2c3e50;margin-bottom:20px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{border:1px solid #e1e8ed;border-radius:8px;padding:20px;text-align:center}.template-card h5{color:#2c3e50;margin:0 0 10px}.template-card p{color:#7f8c8d;line-height:1.4;margin:0 0 15px}.template-meta{gap:10px;justify-content:center;margin-bottom:15px}.template-format,.template-type{background:#3498db;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.template-format{background:#95a5a6}.select-template-button{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background .3s ease}.select-template-button:hover{background:#229954}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;padding:10px}.form-actions{gap:15px;margin-top:25px}.form-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s ease}.form-actions button:not(.primary){background:#95a5a6;color:#fff}.form-actions button:not(.primary):hover{background:#7f8c8d}.form-actions button.primary{background:#3498db;color:#fff}.form-actions button.primary:hover{background:#2980b9}@media (max-width:768px){.assessment-reports{padding:15px}.tabs{flex-wrap:wrap}.tab{flex:1 1;min-width:120px;padding:12px 15px}.benchmarks-grid,.maturity-scores-grid,.maturity-summary,.reports-grid,.result-scores,.results-grid,.score-comparison,.trend-metrics,.trends-grid{grid-template-columns:1fr}.report-stats{gap:10px}.report-actions,.report-stats{flex-direction:column}.modal-content{margin:20px;width:95%}.templates-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.reports-header,.results-header{align-items:flex-start;flex-direction:column;gap:15px}.tabs{flex-direction:column}.tab{border-bottom:1px solid #ecf0f1;border-radius:0}.tab.active{border-bottom-color:#3498db}}.maturity-report-container{background:#f5f7fa;min-height:100vh;padding-bottom:40px}.maturity-report-error,.maturity-report-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.loading-spinner{border:4px solid #e2e8f0;height:50px;width:50px}.report-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:40px}.report-header-content{align-items:flex-start;display:flex;gap:30px;justify-content:space-between}.report-title-section{display:flex;flex-direction:column;gap:15px}.report-header h1{font-size:2.5rem;margin:0;text-align:left}.report-meta{display:flex;font-size:1.1rem;gap:40px;justify-content:center;margin-top:20px}.report-meta-item{align-items:center;display:flex;gap:10px}.organization-meta{align-items:center;gap:12px}.organization-logo{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:50px;object-fit:contain;padding:6px;width:50px}.organization-meta .report-meta-value{margin-left:0}.report-meta-label{font-weight:500;opacity:.9}.report-meta-value{background:#fff3;border-radius:20px;font-weight:700;padding:5px 15px}.overall-maturity{background:#fff;border-bottom:3px solid #e2e8f0;padding:40px;text-align:center}.overall-maturity h2{color:#1e40af;font-size:1.8rem;margin-bottom:20px}.maturity-score-display{flex-wrap:wrap;gap:30px;margin:30px 0}.maturity-score-display,.score-circle{align-items:center;display:flex;justify-content:center}.score-circle{border-radius:50%;box-shadow:0 10px 25px #00000026;color:#fff;flex-direction:column;height:180px;width:180px}.score-value{font-size:3rem;font-weight:700}.score-label{font-size:1rem;font-weight:500;margin-top:5px}.maturity-level-name{border-radius:30px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:2rem;font-weight:600;padding:15px 40px}.maturity-matrix-section{background:#fff;padding:40px}.maturity-matrix-section h2{color:#1e40af;font-size:1.8rem;margin-bottom:30px;text-align:center}.matrix-container{margin:20px 0;overflow-x:auto}.maturity-matrix{background:#fff;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;width:100%}.maturity-matrix th{background:#1e40af;border:1px solid #1e3a8a;color:#fff;font-weight:600;padding:15px;text-align:center}.maturity-matrix td{border:1px solid #e2e8f0;padding:12px;text-align:center}.matrix-perspective-name{background:#f1f5f9;font-weight:600;padding-left:20px!important;text-align:left}.matrix-cell{height:50px;position:relative;transition:all .3s ease;width:80px}.matrix-cell.active{color:#fff;font-weight:700;padding-top:5px}.matrix-cell.active .rating-value{display:block;font-size:.9rem;margin-bottom:2px}.matrix-cell.active .diamond-icon{display:block;font-size:1.2rem}.level-leadership{background:#1e40af}.level-advanced{background:#3b82f6}.level-transitional{background:#60a5fa}.level-initial{background:#93c5fd}.level-beginner{background:#dbeafe;color:#1e40af!important}.matrix-no-rating{background:#f1f5f9;color:#64748b;font-style:italic;text-align:center}.matrix-incomplete{background:#fef3c7;color:#f59e0b;font-weight:600;text-align:center}.no-rating-badge{background:#e2e8f0;color:#64748b;font-style:italic}.incomplete-badge,.no-rating-badge{border-radius:20px;font-size:1rem;padding:8px 20px}.incomplete-badge{background:#fef3c7;color:#f59e0b;font-weight:600}.perspectives-section{background:#f8fafc;padding:40px}.perspectives-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.perspectives-header h2{color:#1e40af;font-size:1.8rem;margin:0}.perspectives-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.control-btn{background:#3b82f6!important;border:none;border-radius:6px;color:#fff!important;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.control-btn:hover{background:#1d4ed8!important;color:#fff!important;transform:translateY(-2px)}.perspectives-container{display:flex;flex-direction:column;gap:30px}.perspective-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.perspective-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:25px 30px;transition:all .3s ease}.perspective-header:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.perspective-title{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:15px}.collapse-icon{font-size:1.2rem;transition:transform .3s ease}.perspective-header.collapsed .collapse-icon{transform:rotate(-90deg)}.perspective-rating{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:15px}.perspective-level-badge{background:#ffffff40;border-radius:20px;font-size:1rem;padding:8px 20px}.perspective-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;max-height:3000px;overflow:hidden;padding:30px;transition:max-height .3s ease,padding .3s ease}.perspective-content.collapsed{max-height:0;padding:0 30px}.ai-generation-disabled{background:#f1f5f9;border:2px solid #cbd5e1;border-radius:8px;margin:0 0 20px;padding:20px}.disabled-message{align-items:flex-start;color:#64748b;display:flex;gap:15px}.disabled-message .icon{font-size:2rem;opacity:.7}.disabled-message strong{color:#475569;display:block;font-size:1.1rem;margin-bottom:8px}.disabled-message p{line-height:1.6;margin:5px 0}.progress-indicator{background:#e2e8f0;border-radius:6px;display:inline-block;margin-top:10px!important;padding:8px 12px}.progress-indicator strong{color:#f59e0b;display:inline;font-size:1rem;margin:0}.ai-generation-panel{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;margin:0 0 20px;overflow:hidden}.ai-panel-header{align-items:center;background:#fde68a;color:#92400e;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin:0;padding:15px 20px;transition:background .2s ease}.ai-panel-header:hover{background:#fcd34d}.ai-panel-icon{transition:transform .3s ease}.ai-generation-panel.collapsed .ai-panel-icon{transform:rotate(-90deg)}.ai-panel-body{max-height:500px;overflow:hidden;padding:20px;transition:max-height .3s ease,padding .3s ease}.ai-generation-panel.collapsed .ai-panel-body{max-height:0;padding:0 20px}.custom-prompt{border:2px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;margin-bottom:15px;min-height:80px;padding:12px;resize:vertical;width:100%}.custom-prompt:focus{border-color:#3b82f6;outline:none}.ai-panel-body label{color:#92400e;display:block;font-weight:600;margin-bottom:8px}.checkbox-group{display:flex;flex-direction:column;gap:10px;margin:15px 0}.checkbox-group label{align-items:center;color:#475569;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.generate-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.generate-btn:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.generate-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.loading-message{animation:pulse 2s ease-in-out infinite;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:4px;color:#1e40af;font-size:.95rem;margin-top:15px;padding:12px}.loading-message p{margin:0}.analysis-panels{display:flex;flex-direction:column;gap:20px}.analysis-panel{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;overflow:hidden;padding:0}.analysis-panel h3{align-items:center;background:#f1f5f9;color:#1e40af;cursor:pointer;display:flex;font-size:1.2rem;justify-content:space-between;margin:0;padding:15px 20px;transition:background .2s ease}.analysis-panel h3:hover{background:#e2e8f0}.panel-header-content{align-items:center;display:flex;gap:10px}.panel-icon{font-size:1.5rem}.panel-collapse-icon{font-size:.9rem;transition:transform .3s ease}.analysis-panel h3.collapsed .panel-collapse-icon{transform:rotate(-90deg)}.panel-body{max-height:2000px;overflow:hidden;padding:20px;transition:max-height .3s ease,padding .3s ease}.panel-body.collapsed{max-height:0;padding:0 20px}.analysis-list{list-style-type:none;margin:0;padding-left:0}.analysis-list li{border-bottom:1px solid #e2e8f0;color:#475569;line-height:1.8;padding:10px 0 10px 30px;position:relative}.analysis-list li:last-child{border-bottom:none}.analysis-list li:before{color:#3b82f6;content:"•";font-size:1.2rem;font-weight:700;left:10px;position:absolute}.empty-state{color:#64748b;padding:40px 20px}.empty-state p{margin:10px 0}.panel-header-actions{align-items:center;display:flex;gap:10px}.edit-button{align-items:center;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:6px 10px;transition:background .2s ease}.edit-button:hover{background:#2563eb}.edit-button:active{background:#1d4ed8}.analysis-edit-mode{display:flex;flex-direction:column;gap:15px}.analysis-edit-textarea{border:2px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:.95rem;line-height:1.6;min-height:200px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.analysis-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.analysis-edit-textarea:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.analysis-edit-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.save-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.save-button{background:#10b981;color:#fff}.save-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px #10b9814d;transform:translateY(-1px)}.save-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.cancel-button{background:#ef4444;color:#fff}.cancel-button:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 6px #ef44444d;transform:translateY(-1px)}.cancel-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.save-button .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.empty-state p:first-child{font-size:2rem;margin-bottom:15px}.loading-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-text{color:#475569;font-weight:600;margin-top:20px}.chart-container{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;padding:20px}.chart-container h4{color:#1e40af;font-size:1.1rem;margin-bottom:15px}.chart-wrapper{height:300px;max-width:350px;width:100%}@media (max-width:1024px){.perspective-content{grid-template-columns:1fr}.maturity-score-display{flex-direction:column}.perspectives-header,.report-header-content{align-items:flex-start;flex-direction:column}.report-header-content{gap:20px}.report-header h1{font-size:2rem}}@media (max-width:768px){.report-header{padding:30px 20px}.report-header h1{font-size:1.75rem}.report-header-content{gap:15px}.perspectives-controls{justify-content:flex-start;margin-top:10px;width:100%}.control-btn{font-size:.85rem;padding:8px 16px}.perspectives-controls{flex-direction:column;gap:8px;width:100%}.control-btn{text-align:center;width:100%}}.generate-btn-container{align-items:center;display:flex;gap:8px}.hint-icon-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.hint-icon-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569}.hint-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}.hint-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.hint-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.hint-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.hint-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s ease}.hint-modal-close:hover{background:#e2e8f0;color:#475569}.hint-modal-content{flex:1 1;overflow-y:auto;padding:24px}.hint-section{margin-bottom:24px}.hint-section:last-child{margin-bottom:0}.hint-section h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 12px}.hint-section ul{list-style:none;margin:0;padding-left:0}.hint-section li{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:8px;padding:6px 0}.hint-section li:before{color:#10b981;content:"✓";flex-shrink:0;font-weight:700}@media print{.ai-generation-panel,.control-btn{display:none}.perspective-card{page-break-inside:avoid}}.administration-dashboard{background:var(--primary-bg);font-family:var(--font-family);min-height:100vh}.dashboard-header{background:var(--sidebar-bg);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:var(--space-6)}.dashboard-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.error-banner{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md);color:var(--warning);font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.retry-button{background:var(--accent-blue);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all .2s ease}.retry-button:hover{background:#1d4ed8}.loading-container{color:var(--text-secondary);height:400px}.dashboard-tabs{background:var(--sidebar-bg);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-1);margin-bottom:var(--space-8);padding:0 var(--space-6)}.tab-button{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-4) var(--space-6);position:relative}.tab-button:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-button.active{background:var(--active-bg);border-bottom-color:var(--accent-blue);color:var(--text-primary);font-weight:var(--font-semibold)}.dashboard-content{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 var(--space-6);padding:var(--space-8)}.dashboard-overview .metrics-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.metric-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .2s ease}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.metrics-list{display:flex;flex-direction:column;gap:var(--space-3)}.metric-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-2) 0}.metric-item:last-child{border-bottom:none}.metric-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.metric-value{color:var(--accent-blue);font-size:var(--text-lg);font-weight:var(--font-bold)}.metric-trend{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.metric-trend.improving{background:var(--success-bg);color:var(--success)}.metric-trend.stable{background:var(--info-bg);color:var(--info)}.metric-trend.increasing{background:var(--success-bg);color:var(--success)}.summary-list{display:flex;flex-direction:column;gap:var(--space-4)}.summary-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.summary-item:hover{background:var(--active-bg)}.summary-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.summary-stats{color:var(--text-secondary);margin-bottom:var(--space-2)}.summary-scores,.summary-stats{display:flex;font-size:var(--text-sm);gap:var(--space-4)}.summary-scores{color:var(--accent-blue);font-weight:var(--font-medium)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{grid-gap:var(--space-3);border-bottom:1px solid var(--border-light);display:grid;font-size:var(--text-sm);gap:var(--space-3);grid-template-columns:1fr 1fr auto;padding:var(--space-2) 0}.activity-item:last-child{border-bottom:none}.activity-user{color:var(--text-primary);font-weight:var(--font-medium)}.activity-type{color:var(--text-secondary);text-transform:capitalize}.activity-time{color:var(--text-secondary);font-size:var(--text-xs)}.performance-list{display:flex;flex-direction:column;gap:var(--space-3)}.performance-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-2) 0}.performance-item:last-child{border-bottom:none}.performance-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.performance-value{color:var(--accent-blue);font-weight:var(--font-semibold)}.performance-trend{color:var(--text-secondary);font-size:var(--text-xs)}.dashboard-users .users-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.users-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .2s ease}.users-card:hover{box-shadow:var(--shadow-md)}.users-card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.roles-list{display:flex;flex-direction:column;gap:var(--space-4)}.role-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.role-item:hover{background:var(--active-bg)}.role-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.role-item p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.role-permissions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.permission-tag{background:var(--accent-blue);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.assignments-list{display:flex;flex-direction:column;gap:var(--space-3)}.assignment-item{grid-gap:var(--space-3);background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:grid;font-size:var(--text-sm);gap:var(--space-3);grid-template-columns:1fr 1fr auto auto;padding:var(--space-3);transition:all .2s ease}.assignment-item:hover{background:var(--active-bg)}.assignment-user{color:var(--text-primary);font-weight:var(--font-medium)}.assignment-role{color:var(--accent-blue);font-weight:var(--font-medium)}.assignment-by,.assignment-date{color:var(--text-secondary);font-size:var(--text-xs)}.access-list{display:flex;flex-direction:column;gap:var(--space-3)}.access-item{grid-gap:var(--space-3);background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:grid;font-size:var(--text-sm);gap:var(--space-3);grid-template-columns:1fr 1fr auto;padding:var(--space-3);transition:all .2s ease}.access-item:hover{background:var(--active-bg)}.access-resource{color:var(--text-primary);font-weight:var(--font-medium)}.access-action{color:var(--text-secondary)}.access-status{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.access-status.allowed{background:var(--success-bg);color:var(--success)}.access-status.denied{background:var(--error-bg);color:var(--error)}.access-roles{display:flex;flex-wrap:wrap;gap:var(--space-1);grid-column:1/-1;margin-top:var(--space-2)}.role-tag{background:var(--text-secondary);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.dashboard-workflows .workflows-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.workflow-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .2s ease}.workflow-card:hover{box-shadow:var(--shadow-md)}.workflow-card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.workflows-list{display:flex;flex-direction:column;gap:var(--space-4)}.workflow-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.workflow-item:hover{background:var(--active-bg)}.workflow-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.workflow-details{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4)}.processes-list{display:flex;flex-direction:column;gap:var(--space-4)}.process-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.process-item:hover{background:var(--active-bg)}.process-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.process-details{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4);margin-bottom:var(--space-3)}.progress-bar{background:var(--border-light);border-radius:var(--radius-full)}.progress-fill{background:var(--accent-blue)}.escalations-list{display:flex;flex-direction:column;gap:var(--space-4)}.escalation-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.escalation-item.priority-high{border-left:4px solid var(--error)}.escalation-item.priority-medium{border-left:4px solid var(--warning)}.escalation-item.priority-low{border-left:4px solid var(--success)}.escalation-item.priority-critical{background:var(--error-bg);border-left:4px solid var(--error)}.escalation-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.escalation-details{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4)}.dashboard-analytics .analytics-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.analytics-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .2s ease}.analytics-card:hover{box-shadow:var(--shadow-md)}.analytics-card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.analytics-list{display:flex;flex-direction:column;gap:var(--space-3)}.analytics-item{grid-gap:var(--space-3);border-bottom:1px solid var(--border-light);display:grid;font-size:var(--text-sm);gap:var(--space-3);grid-template-columns:1fr auto auto auto;padding:var(--space-2) 0}.analytics-item:last-child{border-bottom:none}.analytics-name{color:var(--text-primary);font-weight:var(--font-medium)}.analytics-value{color:var(--accent-blue);font-weight:var(--font-semibold)}.analytics-period,.analytics-trend{color:var(--text-secondary);font-size:var(--text-xs)}.maturity-list{display:flex;flex-direction:column;gap:var(--space-4)}.maturity-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.maturity-item:hover{background:var(--active-bg)}.maturity-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.maturity-details{color:var(--text-secondary);font-size:var(--text-sm)}.gaps-list,.maturity-details{display:flex;gap:var(--space-4)}.gaps-list{flex-direction:column}.gap-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.gap-item.priority-high{border-left:4px solid var(--error)}.gap-item.priority-medium{border-left:4px solid var(--warning)}.gap-item.priority-low{border-left:4px solid var(--success)}.gap-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.gap-details{color:var(--text-secondary);font-size:var(--text-sm)}.assessor-list,.gap-details{display:flex;gap:var(--space-4)}.assessor-list{flex-direction:column}.assessor-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.assessor-item:hover{background:var(--active-bg)}.assessor-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.assessor-details{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4)}.dashboard-system .system-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.system-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all .2s ease}.system-card:hover{box-shadow:var(--shadow-md)}.system-card h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.config-list{display:flex;flex-direction:column;gap:var(--space-4)}.config-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.config-item:hover{background:var(--active-bg)}.config-name{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.config-value{color:var(--accent-blue);display:block;font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.config-category{background:var(--text-secondary);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2)}.config-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.cultural-list{display:flex;flex-direction:column;gap:var(--space-4)}.cultural-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.cultural-item:hover{background:var(--active-bg)}.cultural-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.cultural-details{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4)}.languages-list{display:flex;flex-direction:column;gap:var(--space-4)}.language-item{background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease}.language-item.enabled{border-left:4px solid var(--success)}.language-item.disabled{border-left:4px solid var(--text-secondary);opacity:.7}.language-item h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.language-details{color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-4)}.notifications-list{display:flex;flex-direction:column;gap:var(--space-3)}.notification-item{grid-gap:var(--space-3);align-items:center;background:var(--hover-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:grid;font-size:var(--text-sm);gap:var(--space-3);grid-template-columns:auto 1fr auto auto auto;padding:var(--space-3);transition:all .2s ease}.notification-item:hover{background:var(--active-bg)}.notification-type{background:var(--accent-blue);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.notification-title{color:var(--text-primary);font-weight:var(--font-medium)}.notification-status{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.notification-status.sent{background:var(--success-bg);color:var(--success)}.notification-status.pending{background:var(--warning-bg);color:var(--warning)}.notification-date,.notification-recipient{color:var(--text-secondary);font-size:var(--text-xs)}@media (max-width:768px){.administration-dashboard,.dashboard-header{padding:var(--space-4)}.dashboard-header h1{font-size:var(--text-2xl)}.dashboard-tabs{flex-wrap:wrap;padding:0 var(--space-4)}.tab-button{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.dashboard-content{margin:0 var(--space-2);padding:var(--space-4)}.analytics-grid,.metrics-grid,.system-grid,.users-grid,.workflows-grid{grid-template-columns:1fr}.analytics-item,.metric-item,.performance-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.access-item,.activity-item,.assignment-item,.notification-item{gap:var(--space-1);grid-template-columns:1fr}.assessor-details,.cultural-details,.escalation-details,.gap-details,.language-details,.maturity-details,.process-details,.summary-scores,.summary-stats,.workflow-details{flex-direction:column;gap:var(--space-1)}}@media (max-width:480px){.dashboard-content{margin:0;padding:var(--space-3)}.analytics-card,.metric-card,.system-card,.users-card,.workflow-card{padding:var(--space-4)}}.backup-page{background:linear-gradient(135deg,#f9fafb,#fff);color:#1f2937;display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:2rem;width:100%}.master-template .backup-page{margin:-2rem;max-width:none;padding:2rem;width:calc(100% + 4rem)}.backup-header{border-bottom:2px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem;text-align:center;width:100%}.backup-title{align-items:center;color:#111827;display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.5rem}.backup-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.backup-content{flex:1 1;width:100%}.database-status-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem;padding:2rem;width:100%}.status-header{margin-bottom:1.5rem}.status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;transition:all .3s ease}.status-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.status-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.card-icon{font-size:1.5rem}.status-card-header h4{color:#111827;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.backup-indicator{align-items:center;background:#dcfce7;border:1px solid #22c55e;border-radius:20px;color:#166534;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.backup-icon{color:#22c55e;font-size:.875rem}.connection-indicator{align-items:center;background:#dcfce7;border:1px solid #22c55e;border-radius:20px;color:#166534;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.25rem .75rem}.connection-icon{color:#22c55e;font-size:.875rem}.status-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:.75rem;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-label{flex-shrink:0;font-size:.875rem;font-weight:600;min-width:120px}.detail-value{align-items:center;background:#f3f4f6;border-radius:4px;color:#111827;display:flex;flex:1 1;font-family:Courier New,monospace;gap:.5rem;padding:.25rem .5rem;word-break:break-all}.detail-value,.type-icon{font-size:.875rem}.backup-configuration{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem;padding:2rem;width:100%}.config-section{margin-bottom:2.5rem}.config-section:last-child{margin-bottom:0}.backup-type-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem;width:100%}.backup-type-label{cursor:pointer;display:block}.backup-type-label input[type=radio]{display:none}.backup-type-card{align-items:center;background:#f9fafb;border:2px solid #d1d5db;border-radius:10px;display:flex;gap:1rem;height:100%;padding:1.5rem;transition:all .3s ease}.backup-type-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.backup-type-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.type-icon{font-size:2rem}.type-info{flex:1 1}.type-info h4,.type-info p{margin-bottom:.5rem}.type-size{background:#eff6ff;border-radius:12px;color:#3b82f6;display:inline-block;font-weight:600;padding:.25rem .5rem}.backup-actions{border-top:1px solid #e5e7eb;padding-top:1.5rem;text-align:center}.backup-button{padding:1rem 3rem}@media (min-width:1400px){.status-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.backup-type-selection{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:1024px){.status-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.backup-type-selection{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.backup-page{padding:1rem}.backup-header{margin-bottom:2rem;padding-bottom:1.5rem}.backup-title{font-size:1.5rem}.backup-description{font-size:.9rem;max-width:100%}.backup-type-selection,.status-grid{gap:1rem;grid-template-columns:1fr}.backup-configuration,.database-status-section{padding:1.5rem}}.backup-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #1d4ed880;transform:translateY(-2px)}.backup-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.backup-progress{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.progress-header h3{color:var(--header-color);font-size:1.2rem;margin:0}.progress-percentage{color:var(--primary-color)}.progress-bar{background-color:var(--progress-bg);margin-bottom:2rem}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light));position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-steps{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step{align-items:center;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);gap:.75rem;padding:.75rem;transition:all .3s ease}.step.completed{background-color:rgba(var(--success-color-rgb),.1);border-color:var(--success-color);color:var(--success-color)}.step svg{font-size:1.1rem}.backup-status{align-items:flex-start;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.backup-status.success{background-color:rgba(var(--success-color-rgb),.05);border-color:var(--success-color)}.backup-status.error{background-color:rgba(var(--danger-color-rgb),.05);border-color:var(--danger-color)}.backup-status.warning{background-color:#f59e0b0d;border-color:#f59e0b}.status-icon{font-size:1.5rem;margin-top:.25rem}.backup-status.success .status-icon{color:var(--success-color)}.backup-status.error .status-icon{color:var(--danger-color)}.backup-status.warning .status-icon{color:#f59e0b}.validation-results{background-color:#00000005;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.validation-results h5{color:var(--header-color);font-size:1rem;font-weight:600;margin:0 0 .75rem}.validation-status{border-radius:var(--border-radius);font-weight:500;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.validation-status.valid{background-color:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.validation-status.invalid{background-color:#ef44441a;border:1px solid #ef444433;color:#dc2626}.validation-icon{font-size:1.1rem}.validation-details{margin-top:.5rem}.validation-details ul{list-style:none;margin:0;padding:0}.validation-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.25rem 0}.validation-item.valid{color:#16a34a}.validation-item.invalid{color:#dc2626}.item-icon{flex-shrink:0;font-size:.9rem}.item-text{flex:1 1}.validation-time{color:#6b7280;font-size:.8rem;margin:.5rem 0 0}.validation-error{background-color:#ef44441a;border-radius:4px;color:#dc2626;font-size:.8rem;margin:.5rem 0 0;padding:.25rem .5rem}.status-content h4{color:var(--header-color);font-size:1.1rem;margin:0 0 .5rem}.status-details{color:#6b7280;font-size:.9rem}.status-details p{line-height:1.6;margin:.5rem 0}.status-details .filepath{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:Courier New,monospace;margin-top:1rem;padding:.75rem;word-break:break-all}.status-details .filepath strong{color:#3b82f6;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:.5rem}.file-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;padding:1rem}.file-list strong{color:#3b82f6;display:block;font-size:.9rem;margin-bottom:.75rem}.file-list ul{list-style:none;margin:0;padding:0}.file-list li{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.5rem;padding:.5rem}.file-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.file-badge.sql{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.file-badge.json{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.file-badge.config{background:#dcfce7;border:1px solid #22c55e;color:#166534}.file-badge.readme{background:#e0e7ff;border:1px solid #6366f1;color:#3730a3}.file-badge.folder{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-size:1rem;padding:.15rem .4rem}.backup-history{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:2rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.history-item:hover{border-color:var(--primary-color);box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.history-info{flex:1 1}.history-type{align-items:center;color:var(--header-color);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.history-type svg{color:var(--primary-color)}.history-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.history-filename{color:#111827;font-weight:600}.history-filename,.history-location{background:#f3f4f6;border-radius:4px;flex:1 1;font-family:Courier New,monospace;padding:.25rem .5rem}.history-size{color:#3b82f6;font-weight:600}.history-date{color:#6b7280}.history-status{font-size:1.2rem;margin-left:1rem}.history-status.completed{color:var(--success-color)}.history-status.failed{color:var(--danger-color)}@media (max-width:1024px){.backup-page{padding:1.5rem}.backup-type-selection,.progress-steps,.status-grid{grid-template-columns:1fr}}@media (max-width:768px){.backup-page{padding:1rem}.backup-title{font-size:2rem;gap:.5rem}.backup-title,.location-display{flex-direction:column}.browse-button{justify-content:center;width:100%}.history-details{flex-direction:column;gap:.5rem}.history-item{align-items:flex-start;flex-direction:column;gap:1rem}.history-status{align-self:flex-end;margin-left:0}.database-status-section{padding:1.5rem}.status-card{padding:1rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-label{min-width:auto}}@media (max-width:480px){.backup-title{font-size:1.8rem}.backup-configuration,.backup-history,.backup-progress,.backup-status{padding:1.5rem}.backup-type-card{flex-direction:column;padding:1rem;text-align:center}.type-icon{font-size:1.5rem}}.restore-page{background:linear-gradient(135deg,#f9fafb,#fff);color:#1f2937;display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:2rem;width:100%}.master-template .restore-page{margin:-2rem;max-width:none;padding:2rem;width:calc(100% + 4rem)}.loading-container{gap:1rem;min-height:50vh}.restore-header{border-bottom:2px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem;text-align:center;width:100%}.restore-title{align-items:center;color:#111827;display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.5rem}.title-icon{color:#3b82f6;font-size:1.8rem}.restore-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.restore-content{flex:1 1;width:100%}.restore-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem;padding:2rem}.section-title{font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.section-icon{font-size:1rem}.file-upload-zone{background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.file-upload-zone:hover{background:#f0f9ff;border-color:#3b82f6}.file-upload-label{color:#6b7280;flex-direction:column;gap:1rem}.file-upload-label svg{color:#9ca3af;transition:color .3s ease}.file-upload-zone:hover .file-upload-label svg{color:#3b82f6}.file-types{color:#9ca3af;font-size:.875rem}.selected-file-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;margin-top:1.5rem;padding:1.5rem}.file-info,.selected-file-info{align-items:center;display:flex}.file-info{gap:1rem}.file-icon{color:#3b82f6;font-size:1.5rem}.file-details h4{color:#111827;font-size:1rem;margin:0 0 .5rem}.file-details p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.analyze-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .3s ease}.analyze-btn:hover:not(:disabled){background:#2563eb}.analyze-btn:disabled{background:#9ca3af;cursor:not-allowed}.restore-type-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.restore-type-label{cursor:pointer;display:block}.restore-type-label input[type=radio]{display:none}.restore-type-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.restore-type-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.restore-type-card.selected{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.type-icon{color:#3b82f6;font-size:1.5rem}.type-info h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .5rem}.type-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.type-size{color:#9ca3af;font-size:.75rem;font-weight:500}.safety-mode-toggle{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.toggle-label{color:#92400e;font-weight:500;gap:.75rem}.toggle-label,.toggle-text{align-items:center;display:flex}.toggle-text{gap:.5rem}.toggle-icon{color:#f59e0b}.toggle-description{color:#92400e;font-size:.875rem;margin:.5rem 0 0 2rem}.category-selection,.table-selection{margin-bottom:2rem}.category-selection h4,.table-selection h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.category-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .3s ease}.category-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.category-label{align-items:center;cursor:pointer;display:flex;gap:.75rem}.category-info h5{color:#111827;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.category-info p{color:#6b7280;font-size:.75rem;margin:0}.table-list{grid-gap:.5rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;padding:1rem}.table-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background .3s ease}.table-item:hover{background:#f0f9ff}.table-info{align-items:center;display:flex;justify-content:space-between;width:100%}.table-name{color:#111827;font-size:.875rem;font-weight:500}.table-count{color:#6b7280;font-size:.75rem}.selection-summary{background:#f0f9ff;border:1px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:.875rem;padding:1rem}.preview-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.preview-summary{border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;margin-bottom:1.5rem;padding-bottom:1rem}.summary-item{font-size:.875rem;font-weight:500;gap:.5rem}.summary-icon.success{color:#10b981}.summary-icon.warning{color:#f59e0b}.summary-icon.info{color:#3b82f6}.preview-details{grid-gap:1rem;display:grid;gap:1rem}.preview-table{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.preview-table h5{color:#111827;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.preview-stats{color:#6b7280;display:flex;font-size:.75rem;gap:1rem}.impact-increase{color:#10b981;font-weight:500}.impact-decrease{color:#f59e0b;font-weight:500}.impact-same{color:#6b7280;font-weight:500}.restore-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.preview-btn,.restore-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.preview-btn{background:#f59e0b;color:#fff}.preview-btn:hover{background:#d97706;transform:translateY(-1px)}.restore-btn{background:#10b981;color:#fff}.restore-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.restore-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.status-message{align-items:flex-start;gap:1rem;margin:1.5rem 0;padding:1rem 1.5rem}.status-message.warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.status-icon{font-size:1.25rem;margin-top:.125rem}.status-content{flex:1 1}.status-content p{font-weight:500;margin:0 0 .5rem}.status-details{background:#0000000d;border-radius:4px;font-family:monospace;font-size:.75rem;margin:0;overflow-x:auto;padding:.75rem}.progress-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:1.5rem 0;padding:1rem}.progress-bar{margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px}.progress-text{font-size:.875rem;margin:0;text-align:center}@media (max-width:768px){.restore-page{padding:1rem}.restore-title{font-size:1.5rem}.category-grid,.restore-type-selection,.table-list{grid-template-columns:1fr}.table-list{max-height:400px}.preview-summary,.restore-actions{flex-direction:column}.preview-summary{gap:1rem}}@media (prefers-color-scheme:dark){.restore-page{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb}.restore-section{background:#1f2937;border-color:#374151}.file-upload-zone{background:#374151;border-color:#4b5563}}@media (min-width:1400px){.restore-section{padding:2.5rem}}@media (max-width:1024px){.restore-section{padding:1.5rem}.table-list{grid-template-columns:1fr 1fr;max-height:350px}}@media (max-width:768px){.restore-page{padding:1rem}.restore-header{margin-bottom:2rem;padding-bottom:1.5rem}.restore-title{font-size:1.5rem}.restore-description{font-size:.9rem;max-width:100%}.restore-section{padding:1.5rem}}.user-list-container{margin-top:0;max-width:100%;min-width:0;overflow-x:visible;width:100%}.user-list-container,.user-list-container *{box-sizing:border-box}.user-list-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow-x:auto;overflow-y:visible;padding:1.5rem}.user-list,.user-list-wrapper{box-sizing:border-box;max-width:100%;width:100%}.user-list{grid-gap:1rem;display:grid;gap:1rem;overflow-x:visible}.user-card{grid-gap:1rem;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:56px minmax(150px,1fr) 180px minmax(80px,auto);max-width:100%;min-width:0;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.user-card>*{align-self:center}.user-card:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.user-avatar{border:2px solid #f3f4f6;border-radius:50%;box-shadow:0 2px 4px #0000000d;height:56px;overflow:hidden;width:56px}.avatar-image{height:100%;width:100%}.user-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.user-name{color:#111827;font-size:1rem;font-weight:700;margin-bottom:.125rem}.user-email{color:#6b7280;font-size:.875rem}.user-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.meta-item{background:#f3f4f6;border-radius:4px;font-size:.8125rem;padding:.125rem .5rem}.user-role{align-items:center;display:flex;justify-content:flex-start;min-width:180px;overflow:visible;text-align:left}.role-badge{align-items:center;border-radius:20px;box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:600;justify-content:center;letter-spacing:.5px;margin-left:0;padding:.5rem 1.25rem;text-align:center;text-transform:uppercase;white-space:nowrap;width:180px}.role-badge.admin{background:#dc3545;color:#fff}.role-badge.manager{background:#6c757d;color:#fff}.role-badge.assessor{background:#20c997;color:#fff}.role-badge.self-assessor{background:#17a2b8;color:#fff}.role-badge.compliance{background:#ffc107;color:#111827}.role-badge.editor{background:#6f42c1;color:#fff}.role-badge.user{background:#6c757d;color:#fff}.user-actions{display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content}.user-actions .btn{background-color:#3b82f6!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.user-actions .btn:hover{background-color:#1d4ed8!important;box-shadow:0 4px 12px #3b82f64d;color:#fff!important;transform:translateY(-1px)}.user-actions .btn-secondary{background:#0000;border:2px solid #667eea;color:#667eea}.user-actions .btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.user-actions .btn-danger{background:#0000;border:2px solid #ef4444;color:#ef4444}.user-actions .btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.btn-sm{font-size:.8125rem}.user-list-empty{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:1.125rem;padding:4rem 2rem;text-align:center}[dir=rtl] .user-card{grid-template-columns:56px minmax(0,auto) minmax(0,1fr) minmax(0,auto)}[dir=rtl] .user-list-header{justify-content:flex-start}[dir=rtl] .user-info{text-align:right}@media (max-width:1024px){.user-card{gap:1rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.user-role{grid-column:1;grid-row:2}.user-actions{grid-column:2;grid-row:2;justify-content:flex-end}}@media (max-width:768px){.user-card{gap:1rem;grid-template-columns:1fr;text-align:center}.user-actions,.user-role{grid-column:1;grid-row:auto;justify-content:center}.user-avatar{height:64px;margin:0 auto;width:64px}.user-info{text-align:center}}.delete-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:2rem;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-confirm-modal h3{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.delete-confirm-modal p{color:#6b7280;font-size:1rem;line-height:1.5;margin:.75rem 0}.delete-confirm-modal p strong{color:#111827;font-weight:600}.delete-warning{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444!important;font-weight:500;padding:.75rem}.delete-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.delete-confirm-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s ease}.delete-confirm-actions .btn-secondary{background:#f3f4f6;color:#374151}.delete-confirm-actions .btn-secondary:hover{background:#e5e7eb}.delete-confirm-actions .btn-danger{background:#ef4444;color:#fff}.delete-confirm-actions .btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-confirm-actions .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.role-selector{position:relative;width:100%}.role-selector-trigger{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease}.role-selector-trigger:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.role-selector-trigger.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.role-selector-label{color:#374151;flex:1 1;font-size:.875rem}.role-selector-arrow{color:#6b7280;font-size:.75rem;margin-left:.5rem}.role-selector-dropdown{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:.25rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.role-selector-empty{color:#6b7280;font-size:.875rem;padding:1rem;text-align:center}.role-selector-option{border-bottom:1px solid #e5e7eb;cursor:pointer;padding:1rem;transition:background-color .2s ease}.role-selector-option:last-child{border-bottom:none}.role-selector-option:hover{background-color:#f9fafb}.role-selector-option.selected{background-color:#eff6ff}.role-selector-option-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.role-selector-option-header input[type=checkbox],.role-selector-option-header input[type=radio]{cursor:pointer;height:1rem;width:1rem}.role-selector-option-name{color:#111827;font-size:.875rem;font-weight:600}.role-selector-option-description{color:#6b7280;font-size:.8125rem;line-height:1.4;margin-bottom:.5rem}.role-selector-option-permissions{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.5rem}.role-selector-option-permissions strong{color:#374151;display:block;font-size:.75rem;margin-bottom:.375rem}.role-selector-permissions-list{display:flex;flex-wrap:wrap;gap:.25rem}.role-selector-permission-tag{background-color:#e0e7ff;border-radius:.25rem;color:#4338ca;font-weight:500}.role-selector-permission-more,.role-selector-permission-tag{display:inline-block;font-size:.6875rem;padding:.125rem .375rem}.role-selector-permission-more{color:#6b7280;font-style:italic}.assessment-wizard-overlay,.user-form-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.assessment-wizard,.user-form-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;height:auto;max-height:85vh;max-width:750px;min-height:400px;min-width:500px;overflow:hidden;position:relative;width:100%}.user-form-header,.wizard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 24px;position:relative}.form-title{gap:1rem}.form-title,.title-icon{align-items:center;display:flex}.title-icon{background:#fff3;border-radius:8px;color:#fff;flex-shrink:0;height:36px;justify-content:center;width:36px}.form-title h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .125rem}.form-title p{color:#ffffffe6;font-size:.875rem;margin:0}.close-btn,.wizard-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.close-btn:hover,.wizard-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.wizard-progress{flex-shrink:0}.progress-step{flex-direction:column;min-width:80px;padding:8px 4px}.step-number{margin-bottom:4px}.step-name{color:#64748b;font-size:12px;font-weight:600;text-align:center;transition:all .3s ease;white-space:nowrap}.progress-step.active .step-name{color:#667eea;font-weight:700}.progress-step.completed .step-name{color:#10b981;font-weight:600}.wizard-content{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:0;width:100%}.wizard-step{padding:20px 24px}.form-section,.wizard-step{box-sizing:border-box;width:100%}.form-section{margin-bottom:24px;margin-top:0;padding:0}.form-section:first-child{margin-top:0}.section-title{box-sizing:border-box;color:#1f2937;width:100%}.form-row{grid-gap:24px;align-items:start;box-sizing:border-box;gap:24px;justify-items:stretch;margin-bottom:1.5rem}.form-group{box-sizing:border-box;gap:8px;margin-bottom:0;min-width:0}.form-input,.form-select,.form-textarea{min-width:0}.form-select{cursor:pointer}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-hint{color:#6b7280;font-size:13px;margin-top:6px}.error-message,.error-text{color:#ef4444;font-size:13px;font-weight:500;margin-top:6px}.helper-text{color:#6b7280;font-size:.8rem;margin:-.25rem 0 .5rem}.chip-input{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;min-height:44px;padding:.5rem}.chip-input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chip-input-field{background:#0000;border:none;flex:1 1;font-size:.875rem;min-width:120px;outline:none;padding:.5rem}.chip{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;color:#374151;display:inline-flex;flex-shrink:0;font-size:.8rem;gap:.35rem;padding:.25rem .5rem}.chip-remove{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .25rem}.chip-remove:hover{color:#dc2626}.review-grid{grid-gap:.75rem 1rem;box-sizing:border-box;display:grid;gap:.75rem 1rem;grid-template-columns:1fr 1fr;width:100%}.review-item{color:#1f2937;font-size:.9rem}.form-subsection{box-sizing:border-box;margin-bottom:24px;margin-top:24px;padding:0;width:100%}.subsection-title{border-bottom:1px solid #e5e7eb;box-sizing:border-box;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:12px;width:100%}.education-item,.work-exp-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px;width:100%}.education-content,.work-exp-content{flex:1 1;min-width:0}.work-exp-desc{color:#6b7280;font-size:14px;margin-top:8px}.remove-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;margin-left:12px;padding:6px 12px;transition:all .2s ease}.remove-btn:hover{background:#dc2626;transform:translateY(-1px)}.wizard-actions,.wizard-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #e5e7eb;bottom:0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.wizard-actions-left,.wizard-actions-right,.wizard-footer-left,.wizard-footer-right{display:flex;gap:12px}@media (max-width:1200px){.assessment-wizard,.user-form-modal{max-width:90vw;min-width:500px}}@media (max-width:900px){.avatar-upload-wrapper{align-items:stretch!important;flex-direction:column!important}.avatar-drop-zone{text-align:center!important}}@media (max-width:768px){.assessment-wizard,.user-form-modal{border-radius:16px;max-height:98vh;max-width:95vw;min-height:400px;min-width:300px}.wizard-content{max-height:calc(98vh - 150px);min-height:300px;padding:0}.wizard-step{padding:20px 24px}.wizard-header{padding:24px 20px 20px}.wizard-title{font-size:14px}.form-row{grid-template-columns:1fr}.progress-step{min-width:60px}.step-number{height:18px;width:18px}.step-name,.step-number{font-size:11px}.wizard-actions,.wizard-footer{flex-direction:column;gap:16px;padding:20px}.btn,.wizard-actions-left,.wizard-actions-right,.wizard-footer-left,.wizard-footer-right{justify-content:center;width:100%}.wizard-content{padding:24px 20px}.review-grid{grid-template-columns:1fr}}@media (max-width:480px){.assessment-wizard-overlay,.user-form-overlay{padding:10px}.assessment-wizard,.user-form-modal{border-radius:12px}.wizard-header{padding:20px 16px 16px}.wizard-title{font-size:12px}.wizard-progress{padding:16px 12px}.progress-step{min-width:50px}.step-name{display:none}.wizard-content{padding:0}.wizard-step{padding:16px 20px}}.avatar-upload-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;width:100%}.avatar-upload-wrapper{align-items:center;background-color:initial;border:none;box-sizing:border-box;display:flex;flex-direction:row;gap:20px;margin:0;padding:0;width:100%}.avatar-preview-circle{background:#f8fafc;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;overflow:hidden;position:relative}.avatar-image,.avatar-preview-circle{height:80px!important;max-height:80px!important;max-width:80px!important;min-height:80px!important;min-width:80px!important;width:80px!important}.avatar-image{border-radius:50%;display:block;object-fit:cover;transition:opacity .3s ease}.avatar-image.uploading{opacity:.5!important}.avatar-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.avatar-drop-zone{align-items:center;background-color:#fff;border:2px dashed #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.avatar-drop-zone:hover:not(.disabled){background-color:#f8f9ff;border-color:#667eea}.avatar-drop-zone.disabled{cursor:not-allowed;opacity:.6}.drop-zone-icon{flex-shrink:0;font-size:24px;line-height:1}.drop-zone-title{color:#374151;font-size:13px;font-weight:600;line-height:1.3;margin:0 0 2px}.drop-zone-subtitle{color:#6b7280;font-size:11px;line-height:1.3;margin:0}.upload-status-success{background-color:#d1fae5;color:#065f46}.upload-status-error,.upload-status-success{border-radius:6px;box-sizing:border-box;font-size:12px;font-weight:600;padding:6px 12px;width:100%}.upload-status-error{background-color:#fee2e2;color:#991b1b}.avatar-upload-container{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.avatar-preview-wrapper{background:#f8fafc;border:4px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:120px;overflow:hidden;position:relative;width:120px}.avatar-preview-image{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.avatar-preview-image.uploading{opacity:.5!important;transition:opacity .2s ease}.avatar-upload-overlay{align-items:center!important;background:#000000bf!important;border-radius:50%!important;bottom:0!important;height:100%!important;justify-content:center!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .2s ease,visibility .2s ease;width:100%!important;z-index:1000!important}.avatar-upload-overlay.active,.avatar-upload-overlay[style*="display: flex"],.avatar-upload-overlay[style*="display:flex"]{animation:fadeIn .15s ease!important;display:flex!important;opacity:1!important;visibility:visible!important}.avatar-upload-spinner{animation:spin 1s linear infinite!important;border:3px solid #f3f3f34d!important;border-radius:50%!important;border-top-color:#667eea!important;display:block!important;flex-shrink:0;height:30px!important;width:30px!important}.avatar-upload-btn{align-items:center;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-width:140px;position:relative;transition:all .3s ease}.avatar-upload-btn.uploading{cursor:not-allowed;opacity:.7;pointer-events:none}.avatar-upload-spinner-small{animation:spin 1s linear infinite!important;border:2px solid #ffffff4d!important;border-radius:50%!important;border-top-color:#fff!important;display:inline-block!important;flex-shrink:0;height:16px!important;width:16px!important}.avatar-upload-input{display:none}.avatar-error{margin-top:8px;text-align:center}.user-management{box-sizing:border-box;max-width:100%;overflow-x:visible;padding:0;width:100%}.user-management-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.user-management-header>div:first-child{flex:1 1}.user-management-header-actions{align-items:center;display:flex;gap:.75rem}.user-management-header h1{color:#111827;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.user-management-header p{color:#6b7280;font-size:1rem;margin:0}.user-management-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.9375rem;min-width:250px;padding:.75rem 1rem;transition:all .2s ease}.filter-input::placeholder{color:#9ca3af}.filter-select{-webkit-appearance:none;appearance:none;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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #d1d5db;font-size:.9375rem;min-width:200px;padding:.75rem 2.5rem .75rem 1rem}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-input:hover,.filter-select:hover{border-color:#9ca3af}.loading-container{color:#6b7280;padding:6rem 4rem}.spinner{border-top-color:#667eea;margin-bottom:1.5rem}.error-message{background-color:#fee2e2;font-size:.9375rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.btn{font-size:.9375rem;white-space:nowrap}.btn-primary{box-shadow:0 2px 4px #667eea33}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;transform:none}.btn-icon{background-color:#f3f4f6;display:inline-flex;height:40px;padding:0;width:40px}.btn-icon:hover{background-color:#e5e7eb;color:#111827;transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-icon-refresh:hover{animation:spin .5s linear}@media (max-width:768px){.user-management-header{align-items:stretch;flex-direction:column;gap:1rem}.user-management-header h1{font-size:1.75rem}.user-management-filters{align-items:stretch;flex-direction:column}.filter-input,.filter-select{min-width:100%}}.permissions-management{margin:0;padding:24px;width:100%}.permissions-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.permissions-header h1{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:28px;font-weight:600;justify-content:flex-start;margin:0 0 8px}.permissions-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.permissions-header-actions{align-items:center;display:flex;gap:12px}.btn-icon{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);padding:8px}.btn-icon:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.btn-icon.btn-danger{align-items:center;background-color:#ef4444!important;border-color:#ef4444!important;border-radius:8px;color:#fff!important;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:8px}.btn-icon.btn-danger:hover{background-color:#dc2626!important;border-color:#dc2626!important;box-shadow:0 2px 8px #ef44444d;color:#fff!important;transform:translateY(-1px)}.btn-icon.btn-danger:active{box-shadow:0 1px 4px #ef444433;transform:translateY(0)}.btn-icon-refresh{background:#0000!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-color,#e5e7eb)!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important}.btn-icon-refresh:hover{background:#f3f4f6!important;background:var(--bg-hover,#f3f4f6)!important}.btn{background-color:#3b82f6!important;justify-content:center}.btn,.btn:hover{color:#fff!important}.btn:hover{background-color:#1d4ed8!important}.btn-secondary{background-color:#6b7280!important;color:#fff!important}.btn-secondary:hover{background-color:#4b5563!important;color:#fff!important}.error-message{margin-bottom:20px}.role-form-container{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px;width:100%}.role-form-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.role-form-header h2{font-size:20px;font-weight:600;margin:0;text-align:center}.form-group label{color:#1f2937;color:var(--text-primary,#1f2937)}.form-group input[type=text],.form-group textarea{background:#fff;background:var(--bg-input,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input[type=checkbox]{margin-right:8px}.permissions-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:24px;padding-top:24px;width:100%}.permissions-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin:0 0 16px;text-align:center}.permission-item.all-permission{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;margin-bottom:20px;padding:12px}.permission-item.all-permission label{align-items:center;cursor:pointer;display:flex;font-weight:500;margin:0}.permissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.role-selector-section{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px;width:100%}.role-selector{align-items:center;display:flex;gap:16px}.role-selector label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500;white-space:nowrap}.select-wrapper{flex:1 1;max-width:500px;position:relative}.role-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-input,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;padding:10px 40px 10px 12px;transition:border-color .2s;width:100%}.role-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.select-arrow{color:#6b7280;color:var(--text-secondary,#6b7280);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.resource-permissions{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px}.resource-permissions h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}.permission-actions{display:flex;flex-wrap:wrap;gap:8px}.permission-checkbox{align-items:center;background:#fff;background:var(--bg-input,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;font-size:12px;padding:6px 12px;transition:all .2s}.permission-checkbox:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.permission-checkbox input{cursor:pointer;margin-right:6px}.permission-checkbox input:checked+span{font-weight:500}.form-actions{border-top:1px solid var(--border-color,#e5e7eb);gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.roles-list{margin-top:32px}.roles-list h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.role-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.role-card:hover{border-color:#d1d5db;border-color:var(--border-hover,#d1d5db);box-shadow:0 4px 6px #0000001a}.role-card.inactive{background:#f9fafb;background:var(--bg-secondary,#f9fafb);opacity:.6}.role-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.role-card-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600;margin:0 0 4px;text-align:center}.role-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin:0}.role-card-actions{align-items:flex-start;display:flex;gap:8px}.role-card-actions .btn-icon.btn-danger{flex-shrink:0}.role-permissions-preview{margin-bottom:16px;min-height:60px}.permission-badge{background:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.permission-badge.all{background:#10b981}.resource-preview{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin-bottom:8px}.resource-preview strong{color:#1f2937;color:var(--text-primary,#1f2937);margin-right:4px}.role-status{display:flex;justify-content:flex-end}.loading-container{padding:60px 20px}.spinner{border:4px solid var(--border-color,#e5e7eb);border-top:4px solid #3b82f6;height:40px;width:40px}.loading-container p{color:var(--text-secondary,#6b7280)}.organization-wizard-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 20px 20px;position:fixed;right:0;top:0;z-index:1000}.organization-wizard{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:1120px;min-height:600px;min-width:640px;overflow:hidden;position:relative;width:100%}.wizard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:8px 24px;position:relative}.wizard-header:before{background:linear-gradient(135deg,#667eeae6,#764ba2e6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.wizard-title-section{flex:1 1}.wizard-title{color:#fff;font-size:16px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.wizard-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.wizard-close-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.wizard-close-btn:disabled{cursor:not-allowed;opacity:.5}.wizard-progress{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2px 0}.progress-steps-container,.wizard-progress{align-items:center;display:flex;justify-content:center;position:relative}.progress-steps-container{-ms-overflow-style:none;gap:8px;overflow-x:auto;padding:0;scrollbar-width:none}.progress-steps-container::-webkit-scrollbar{display:none}.progress-step{align-items:center;cursor:default;display:flex;justify-content:center;position:relative;transition:all .3s ease}.progress-step.clickable{cursor:pointer}.progress-step.clickable:hover{transform:translateY(-2px)}.progress-step.clickable:hover .step-number{transform:scale(1.1)}.step-number{background:#e2e8f0;border:none;box-shadow:none;color:#64748b;font-size:12px;height:20px;width:20px;z-index:2}.progress-step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.progress-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wizard-content{flex:1 1;height:100%;overflow-x:hidden;overflow-y:scroll!important;padding:12px 0;position:relative;scroll-behavior:smooth}.wizard-content::-webkit-scrollbar{width:12px}.wizard-content::-webkit-scrollbar-track{background:#e5e7eb;border-radius:6px;margin:4px}.wizard-content::-webkit-scrollbar-thumb{background:#667eea;border:2px solid #f8fafc;border-radius:6px}.wizard-content::-webkit-scrollbar-thumb:hover{background:#5568d3}.wizard-step{animation:slideInRight .4s ease-out;min-height:-webkit-fit-content;min-height:fit-content;padding:0 24px 12px;transition:all .3s ease}.wizard-step.transitioning{opacity:.7;transform:translateX(10px)}.step-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.step-loading p{font-size:14px;font-weight:500;margin:0}.form-group{gap:6px;margin-bottom:12px}.form-label{color:#000;font-size:14px;gap:8px;margin-bottom:0}.required{color:#ef4444}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#000;flex:1 1;font-family:inherit;font-size:15px;min-width:200px;padding:14px 16px;text-align:left;transition:all .3s ease}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-select{color:#000}.form-select option{background:#fff;color:#000}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-input.error,.form-select.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-textarea{font-family:inherit;min-height:100px}.error-message{font-size:13px;margin-top:6px}.form-section{margin-bottom:20px;margin-top:20px;padding-bottom:12px}.form-section:last-child{margin-bottom:0;padding-bottom:0}.form-row,.form-row-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px;width:100%}.step-content{padding:0}.error-banner{align-items:flex-start;animation:slideDown .3s ease;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f5c6cb;border-radius:12px;color:#721c24;font-weight:600;gap:16px;margin-bottom:20px;padding:20px}.error-icon{flex-shrink:0;font-size:24px;margin-top:2px}.error-content{flex:1 1}.error-content h4{font-size:16px;font-weight:700;margin:0 0 8px}.error-content p{font-size:14px;line-height:1.5;margin:0 0 12px}.error-dismiss{background:#721c241a;border:1px solid #721c24;border-radius:6px;color:#721c24;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.error-dismiss:hover{background:#721c2433;transform:translateY(-1px)}.wizard-footer{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #e5e7eb;bottom:0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.wizard-footer-left,.wizard-footer-right{display:flex;gap:12px}.btn{border-radius:12px;font-size:15px;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn:disabled{transform:none!important}.btn-primary{box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66}.btn-secondary{border:2px solid #d1d5db}.btn-secondary:hover:not(:disabled){border-color:#9ca3af}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.btn-success:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.btn-outline{background:#fff;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;margin-right:8px;width:16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.organization-wizard{max-width:95vw;min-width:500px}}@media (max-width:768px){.organization-wizard{border-radius:16px;max-height:98vh;max-width:95vw;min-height:400px;min-width:300px}.wizard-content{max-height:calc(98vh - 150px);min-height:300px;padding:20px 0}.wizard-header{padding:24px 20px 20px}.wizard-title{font-size:24px}.wizard-progress{padding:20px 16px}.progress-step{min-width:80px}.step-number{font-size:14px;height:40px;width:40px}.wizard-content{padding:24px 20px}.form-row,.form-row-2{gap:20px;grid-template-columns:1fr}.wizard-footer{flex-direction:column;gap:16px;padding:20px}.btn,.wizard-footer-left,.wizard-footer-right{justify-content:center;width:100%}}@media (max-width:480px){.organization-wizard-overlay{padding:10px}.organization-wizard{border-radius:12px}.wizard-header{padding:20px 16px 16px}.wizard-title{font-size:20px}.wizard-progress{padding:16px 12px}.progress-step{min-width:60px}.wizard-content{padding:20px 16px}}.logo-upload-container{margin-top:8px}.logo-upload-area{background:#f8fafc;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:32px;position:relative;text-align:center;transition:all .3s ease}.logo-upload-area:hover{background:#667eea0d;border-color:#667eea}.logo-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.logo-upload-icon{color:#667eea;margin-bottom:12px}.logo-upload-label{cursor:pointer;display:flex;flex-direction:column;gap:4px}.logo-upload-label span:first-child{color:#374151;font-size:14px;font-weight:600}.logo-upload-hint{color:#6b7280;font-size:12px}.logo-preview-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:inline-block;padding:8px;position:relative}.logo-preview{border-radius:8px;display:block;height:120px;object-fit:contain;width:120px}.logo-remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:28px}.logo-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.organization-details-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.organization-details-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border-color,#e2e8f0)}.modal-header h2{align-items:center;color:#1a202c;color:var(--text-color,#1a202c);display:flex;gap:.75rem}.header-icon{color:var(--primary-color,#3b82f6);font-size:1.25rem}.close-button{align-items:center;background:#0000;color:var(--text-secondary,#64748b);display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.close-button:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0);color:#1a202c;color:var(--text-color,#1a202c)}.organization-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem}.organization-logo-section{flex-shrink:0}.organization-logo-large{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:1rem;box-shadow:0 8px 16px #0000001a;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.organization-logo-large img{height:100%;object-fit:cover;width:100%}.logo-placeholder-large{color:#64748b;color:var(--text-secondary,#64748b);font-size:3rem}.organization-main-info{flex:1 1;min-width:0}.organization-name{color:#1a202c;color:var(--text-color,#1a202c);font-size:10px;font-weight:700;line-height:1.2;margin:0 0 .5rem}.organization-name-ar{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.25rem;line-height:1.4;margin:0 0 1rem}.organization-badges{display:flex;flex-wrap:wrap;gap:.75rem}.industry-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:inline-flex;gap:.5rem}.industry-badge,.size-badge{border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.size-badge{display:inline-block}.status-badge{border-radius:1rem;color:#fff;font-size:.875rem;padding:.5rem 1rem}.organization-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.card-title{align-items:center;border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-color,#3b82f6);color:#1a202c;color:var(--text-color,#1a202c);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.card-icon{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:1rem}.info-items{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:flex-start;gap:.75rem}.info-item.full-width{flex-direction:column;gap:.5rem}.info-icon{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;font-size:1rem;margin-top:.125rem;width:1.25rem}.info-content{flex:1 1;min-width:0}.info-label{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.info-value{color:#1a202c;color:var(--text-color,#1a202c);display:block;font-size:.875rem;font-weight:500;line-height:1.4}.info-subvalue{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:.75rem;font-style:italic;margin-top:.125rem}.info-link{color:#3b82f6;color:var(--primary-color,#3b82f6);display:block;font-weight:500;line-height:1.4;transition:color .3s ease}.info-link:hover{color:#1d4ed8;color:var(--primary-dark,#1d4ed8);text-decoration:underline}.info-description{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.5rem;color:#1a202c;color:var(--text-color,#1a202c);font-size:.875rem;line-height:1.6;margin:0;padding:1rem}.modal-footer{background:#f8fafc;border-top:1px solid var(--border-color,#e2e8f0)}.close-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.5rem;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.close-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.organization-details-modal{max-height:95vh;max-width:95vw}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-content{padding:1.5rem}.organization-header{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}.organization-name{font-size:10px}.organization-info-grid{grid-template-columns:1fr}.modal-footer{padding:1rem 1.5rem}}@media (max-width:480px){.organization-details-backdrop{padding:.5rem}.organization-details-modal{border-radius:0;max-height:100vh;max-width:100vw}.modal-content,.modal-header{padding:1rem}.organization-header{padding-bottom:1.5rem}.organization-logo-large{height:100px;width:100px}.logo-placeholder-large{font-size:2.5rem}.organization-name{font-size:10px}.organization-name-ar{font-size:1rem}.organization-badges{justify-content:center}.info-card,.modal-footer{padding:1rem}}.organization-management-container{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem}.title-section{align-items:center;display:flex;gap:1rem}.header-icon{font-size:2rem}.title-text{display:flex;flex-direction:column}.page-title{color:#1e293b;font-size:2rem}.page-subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:.25rem 0 0}.add-organization-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-organization-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn-icon{font-size:.875rem}.stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-card{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;flex:1 1;gap:.75rem;padding:1rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026}.stat-icon{border-radius:6px;color:#fff;font-size:.7rem;height:28px;width:28px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-number{color:#1e293b;font-size:1.05rem;font-weight:700;line-height:1;margin:0}.stat-label{color:#64748b;font-size:.525rem;font-weight:600;margin:.25rem 0 0}.search-bar{margin-bottom:1.5rem}.search-container{align-items:center;display:flex;max-width:500px}.search-icon{font-size:.875rem}.search-input{background:#f8fafc;border:2px solid #e2e8f0;color:#1e293b;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease}.search-input:focus{background:#fff}.organization-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.organization-table{border-collapse:collapse;width:100%}.organization-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.organization-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.organization-table td{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;vertical-align:middle}.organization-row:hover{background:#f8fafc}.organization-cell{min-width:250px}.organization-info{align-items:center;display:flex;gap:.75rem}.org-icon{color:#3b82f6;flex-shrink:0;font-size:1.25rem}.org-icon-fallback{display:none!important}.org-logo{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:40px;object-fit:contain;padding:4px;width:40px}.org-details{display:flex;flex-direction:column}.org-name{color:#1e293b;font-size:10px;font-weight:600;margin-bottom:.25rem}.org-name-ar{color:#64748b;font-size:.75rem}.industry-cell{min-width:150px}.industry-info{display:flex;flex-direction:column;gap:.25rem}.industry-text{color:#1e293b;font-size:.875rem;font-weight:500}.company-type{color:#64748b;font-size:.75rem}.contact-cell{min-width:180px}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{color:#1e293b;font-size:.875rem;font-weight:500}.contact-email{color:#64748b;font-size:.75rem}.status-cell{min-width:100px}.status-badge{border-radius:20px;font-size:.75rem}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.actions-cell{min-width:80px}.action-buttons{gap:.25rem}.action-buttons .action-btn,.actions-cell .action-btn,.actions-cell .action-buttons .action-btn,.organization-management-container .action-btn,.organization-management-container .action-buttons .action-btn,.organization-table .action-btn,.organization-table .action-buttons .action-btn{background:none!important;border:none!important;box-shadow:none!important;cursor:pointer!important;display:inline-block!important;font-size:1rem!important;height:20px!important;margin:0!important;max-height:20px!important;max-width:20px!important;min-height:auto!important;min-width:auto!important;outline:none!important;padding:0!important;transition:all .3s ease!important;width:20px!important}.action-btn.view{color:#64748b}.actions-cell .action-btn.view,.organization-management-container .action-btn.view,.organization-table .action-btn.view{color:#64748b!important}.actions-cell .action-btn.view:hover,.organization-management-container .action-btn.view:hover,.organization-table .action-btn.view:hover{background:none!important;border-radius:0!important;color:#374151!important;padding:0!important}.actions-cell .action-btn.edit,.organization-management-container .action-btn.edit,.organization-table .action-btn.edit{color:#3b82f6!important}.actions-cell .action-btn.edit:hover,.organization-management-container .action-btn.edit:hover,.organization-table .action-btn.edit:hover{background:none!important;border-radius:0!important;color:#1d4ed8!important;padding:0!important}.actions-cell .action-btn.delete,.organization-management-container .action-btn.delete,.organization-table .action-btn.delete{color:#ef4444!important}.actions-cell .action-btn.delete:hover,.organization-management-container .action-btn.delete:hover,.organization-table .action-btn.delete:hover{background:none!important;border-radius:0!important;color:#dc2626!important;padding:0!important}.no-data{padding:3rem 1.5rem;text-align:center}.no-organizations-found{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.no-organizations-icon{color:#94a3b8;font-size:3rem;margin-bottom:1rem}.no-organizations-found h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.no-organizations-found p{color:#64748b;font-size:.875rem;margin:0}.pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:#64748b;font-size:.875rem}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{padding:1rem 1.5rem}@media (max-width:1200px){.stats-row{flex-wrap:wrap}.stat-card{min-width:200px}}@media (max-width:768px){.organization-management-container{padding:1rem}.header-content{align-items:stretch;gap:1rem}.header-content,.search-filter-bar,.stats-row{flex-direction:column}.search-filter-bar{align-items:stretch}.search-container{max-width:none}.organization-table-container{overflow-x:auto}.organization-table{min-width:600px}.pagination{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.page-title{font-size:1.5rem}.stat-card{padding:1rem}.organization-table td,.organization-table th{padding:.75rem 1rem}}.simple-ai-config{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.simple-ai-loading{align-items:center;color:#6b7280;display:flex;font-size:1.1rem;justify-content:center;padding:3rem}.simple-ai-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.simple-ai-title{align-items:center;display:flex;gap:.75rem}.simple-ai-title h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.simple-ai-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{border:none;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.simple-ai-message{align-items:center;border-radius:8px;display:flex;font-weight:500;margin-bottom:1.5rem;padding:1rem}.simple-ai-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.simple-ai-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.simple-ai-message.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.simple-ai-form{display:flex;flex-direction:column;gap:2rem}.form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.form-checkbox{background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:1.25rem;width:1.25rem}.form-checkbox:checked{background:#3b82f6;border-color:#3b82f6}.checkbox-label{color:#1f2937;font-size:1rem;font-weight:500}.toggle-switch{display:inline-block;margin-right:12px}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-label:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-input:checked+.toggle-label{background-color:#3b82f6}.toggle-input:checked+.toggle-label:before{transform:translateX(26px)}.toggle-input:disabled+.toggle-label{cursor:not-allowed;opacity:.5}.toggle-input:focus+.toggle-label{box-shadow:0 0 0 3px #3b82f61a}.input-group{display:flex;gap:.5rem}.form-input,.form-select{background:#fff;border:2px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.875rem;padding:.75rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled,.form-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-toggle{background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.input-toggle:hover:not(:disabled){background:#e5e7eb}.input-toggle:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.form-description a{color:#3b82f6;text-decoration:none}.form-description a:hover{text-decoration:underline}@media (max-width:768px){.simple-ai-config{border-radius:0;margin:0;padding:1rem}.simple-ai-header{align-items:stretch;flex-direction:column;gap:1rem}.simple-ai-actions{justify-content:stretch}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.input-group{flex-direction:column}.input-toggle{align-self:flex-start}}.settings-page{display:flex;flex-direction:column;min-height:100vh;padding:2rem;width:100%}.master-template .settings-page{margin:-2rem;max-width:none;padding:2rem;width:calc(100% + 4rem)}.settings-header{margin-bottom:1.5rem;padding:1.5rem}.settings-container,.settings-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:100%}.settings-container{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:250px 1fr;overflow:hidden}.settings-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb}.settings-nav{display:flex;flex-direction:column;padding:20px 0}.nav-item{color:#6b7280;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;transition:all .2s}.nav-item:hover{background:#e5e7eb;color:#374151}.nav-item.active{background:#3b82f6}.nav-icon{color:#6b7280;height:18px;transition:color .2s ease;width:18px}.nav-icon svg{stroke:currentColor;fill:none;stroke-width:2}.nav-item:hover .nav-icon{color:#374151}.nav-item.active .nav-icon{color:#fff}.nav-label{flex:1 1}.settings-main{max-height:70vh;overflow-y:auto;padding:32px}.settings-content h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 24px}.setting-group{gap:20px}.setting-group,.setting-item{display:flex;flex-direction:column}.setting-item{gap:8px}.setting-item label{color:#374151;font-size:14px;font-weight:500}.setting-item input,.setting-item select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s}.setting-item input:focus,.setting-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.setting-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px}.setting-label input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.about-info{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.info-item{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#6b7280;font-size:14px;font-weight:500}.info-item span{color:#374151;font-size:14px;font-weight:500}.about-actions{display:flex;flex-wrap:wrap;gap:12px}.action-button{border:1px solid #d1d5db;border-radius:6px;color:#374151;padding:10px 20px;transition:all .2s}.action-button:hover{background:#f3f4f6;border-color:#9ca3af}.action-button.secondary{color:#374151}.action-button.danger{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.action-button.danger:hover{background:#fecaca;border-color:#f87171}@media (max-width:768px){.settings-page{padding:16px}.settings-container{gap:0;grid-template-columns:1fr}.settings-sidebar{border-bottom:1px solid #e5e7eb;border-right:none}.settings-nav{flex-direction:row;overflow-x:auto;padding:16px 20px}.nav-item{min-width:auto;padding:8px 16px;white-space:nowrap}.nav-label{display:none}.settings-main{max-height:none;padding:20px}.about-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.asset-actions{flex-direction:column}.asset-actions .action-button{width:100%}}@media (max-width:480px){.settings-main{padding:16px}.setting-item input,.setting-item select{font-size:16px}}[dir=rtl] .nav-item{text-align:right}[dir=rtl] .about-actions,[dir=rtl] .info-item,[dir=rtl] .nav-item{flex-direction:row-reverse}.setting-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.setting-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.favicon-settings,.logo-settings{display:flex;flex-direction:column;gap:16px}.current-asset{display:flex;flex-direction:column;gap:8px}.current-asset label{color:#6b7280;font-size:14px;font-weight:500}.asset-preview{gap:12px}.asset-preview,.logo-preview{align-items:center;display:flex}.logo-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;gap:8px;padding:8px 12px}.logo-icon{font-size:20px}.logo-text{color:#374151;font-size:14px;font-weight:600}.favicon-preview{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px;width:60px}.favicon-icon{font-size:16px}.favicon-label{color:#6b7280;font-size:10px;text-align:center}.asset-actions{display:flex;flex-wrap:wrap;gap:8px}.asset-actions .action-button{font-size:13px;padding:8px 16px}.logo-image{max-height:40px;max-width:120px;object-fit:contain}.favicon-image{height:32px;object-fit:contain;width:32px}.action-button.primary{background:#3b82f6;border-color:#3b82f6;font-weight:600}.action-button.primary:hover{background:#2563eb;border-color:#2563eb}.settings-main::-webkit-scrollbar{width:6px}.settings-main::-webkit-scrollbar-track{background:#f1f5f9}.settings-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.settings-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width:1400px){.settings-container{gap:2rem;grid-template-columns:280px 1fr}.settings-header{padding:2rem}}@media (max-width:1024px){.settings-container{gap:1.25rem;grid-template-columns:220px 1fr}}@media (max-width:768px){.settings-page{padding:1rem}.settings-header{margin-bottom:1rem;padding:1rem}.header-title h1{font-size:1.5rem}.settings-container{gap:0;grid-template-columns:1fr}.settings-sidebar{display:none}.settings-main{padding:1rem}}.help-page{margin:0 auto;max-width:1400px;padding:20px}.help-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.header-content{flex-wrap:wrap;gap:20px}.header-title{gap:12px}.header-icon{color:#3b82f6;height:32px;width:32px}.header-title h1{color:#1f2937;font-size:28px}.search-icon{height:18px;width:18px;z-index:1}.search-input{padding:12px 16px 12px 44px}.search-input::placeholder{color:#9ca3af}.help-content{display:flex;flex-direction:column;gap:32px}.help-content h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 20px}.help-sections{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.help-section-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s ease}.help-section-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.section-header{gap:12px;margin-bottom:16px}.section-icon{color:#3b82f6;height:24px;width:24px}.section-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.articles-list{display:flex;flex-direction:column;gap:12px}.article-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.article-item:hover{background:#f3f4f6;border-color:#d1d5db}.article-content h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.article-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.article-arrow{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.faq-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.faq-question h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.faq-answer p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.resources-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s ease}.resource-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.resource-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.resource-icon{color:#3b82f6;height:24px;width:24px}.resource-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.resource-type{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.resource-size{color:#9ca3af;font-size:11px}.resource-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.resource-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.resource-action{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;width:100%}.resource-action:hover{background:#f3f4f6;border-color:#9ca3af}.contact-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.contact-methods{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.contact-icon{color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.contact-content{flex:1 1;margin-bottom:16px}.contact-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.contact-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 8px}.contact-info{color:#374151}.contact-action,.contact-info{font-size:14px;font-weight:500}.contact-action{background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px;transition:all .2s;width:100%}.contact-action:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.help-page{padding:16px}.header-content{align-items:stretch;flex-direction:column}.search-container{min-width:auto}.contact-methods,.resources-grid,.sections-grid{grid-template-columns:1fr}.contact-section,.faq-section,.help-sections,.resources-section{padding:16px}}@media (max-width:480px){.search-input{font-size:16px;padding:10px 14px 10px 40px}.contact-card,.faq-item,.help-section-card,.resource-card{padding:16px}}[dir=rtl] .header-title{flex-direction:row-reverse}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .search-input{padding:12px 44px 12px 16px}[dir=rtl] .article-item,[dir=rtl] .resource-header,[dir=rtl] .section-header{flex-direction:row-reverse}[dir=rtl] .resource-meta{align-items:flex-start}[dir=rtl] .contact-card{text-align:center}.manual-page{background:#f8fafc;min-height:100vh}.manual-header{background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding:2rem 0}.header-content{gap:2rem;padding:0 2rem}.header-title{align-items:center;display:flex;gap:1rem}.header-icon{color:#667eea;height:2rem;width:2rem}.header-title h1{color:#1a202c;font-size:2rem;font-weight:700;margin:0}.search-container{min-width:300px}.search-icon{color:#64748b;height:1.25rem;left:1rem;width:1.25rem}.search-input{background:#fff;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.manual-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:250px 1fr;margin:0 auto;max-width:1200px;min-height:60vh;padding:0 2rem}.manual-sidebar{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.manual-sidebar h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.manual-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#f1f5f9;color:#334155}.nav-item.active{background:#667eea;color:#fff}.nav-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.manual-main{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.manual-section{display:none}.manual-section.active{display:block}.section-header{border-bottom:2px solid #e2e8f0;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.section-icon{color:#667eea;height:2rem;width:2rem}.section-header h2{color:#1a202c;font-size:1.875rem;font-weight:700;margin:0}.framework-types-section{display:flex;flex-direction:column;gap:2rem}.section-intro{background:#f8fafc;border-left:4px solid #667eea;border-radius:.75rem;padding:1.5rem}.section-intro h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.section-intro p{color:#64748b;margin:0}.framework-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.framework-type-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.framework-type-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.type-header{gap:1rem;margin-bottom:1rem}.type-header,.type-icon{align-items:center;display:flex}.type-icon{background:#667eea;border-radius:.75rem;height:3rem;justify-content:center;width:3rem}.type-icon .icon{color:#fff;height:1.5rem;width:1.5rem}.type-title h4{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.type-description{margin-bottom:1.5rem}.type-description p{color:#64748b;line-height:1.6;margin:0}.type-details{display:flex;flex-direction:column;gap:1rem}.detail-group h5{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.detail-group p{color:#64748b;line-height:1.5;margin:0 0 .5rem}.detail-group ul{color:#64748b;margin:0;padding-left:1.25rem}.detail-group li{line-height:1.5;margin-bottom:.25rem}.when-to-use{font-style:italic}.comparison-table{margin-top:2rem}.comparison-table h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.comparison-table table{background:#fff;border-collapse:collapse;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.comparison-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:1rem;text-align:left}.comparison-table td{border-bottom:1px solid #f1f5f9;color:#64748b;line-height:1.5;padding:1rem}.comparison-table tr:last-child td{border-bottom:none}.getting-started-section,.steps-container{display:flex;flex-direction:column;gap:2rem}.step{background:#f8fafc;border-left:4px solid #667eea;border-radius:.75rem;display:flex;gap:1.5rem;padding:1.5rem}.step-number{flex-shrink:0;font-size:1.125rem;height:3rem;width:3rem}.step-content h4{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#64748b;line-height:1.6;margin:0 0 1rem}.step-content ul{color:#64748b;margin:0;padding-left:1.25rem}.step-content li{line-height:1.5;margin-bottom:.25rem}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.feature-card h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.feature-card ul{color:#64748b;margin:0;padding-left:1.25rem}.feature-card li{line-height:1.5;margin-bottom:.25rem}.report-types{display:flex;flex-direction:column;gap:2rem}.report-type{background:#f8fafc;border-left:4px solid #667eea;border-radius:.75rem;padding:1.5rem}.report-type h4{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.report-type p{color:#64748b;line-height:1.6;margin:0 0 1rem}.report-type ul{color:#64748b;margin:0;padding-left:1.25rem}.report-type li{line-height:1.5;margin-bottom:.25rem}.admin-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-feature{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.admin-feature h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.admin-feature p{color:#64748b;line-height:1.5;margin:0}@media (max-width:768px){.manual-content{gap:2rem;grid-template-columns:1fr}.manual-sidebar{order:2;position:static}.manual-main{order:1}.header-content{flex-direction:column;gap:1rem}.search-container{min-width:auto;width:100%}.framework-types-grid{grid-template-columns:1fr}.step{flex-direction:column;text-align:center}.step-number{align-self:center}}[dir=rtl] .manual-content{direction:rtl}[dir=rtl] .report-type,[dir=rtl] .section-intro,[dir=rtl] .step{border-left:none;border-right:4px solid #667eea}.documentation-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.doc-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.doc-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.doc-header p{color:#666;font-size:1.1rem}.doc-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.doc-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.doc-tabs button:hover{background:#f5f5f5;color:#333}.doc-tabs button.active{border-bottom-color:#4a90e2;color:#4a90e2;font-weight:600}.doc-content{min-height:500px}.search-bar{margin-bottom:2rem}.search-bar input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;max-width:500px;padding:.75rem 1rem;transition:border-color .3s;width:100%}.search-bar input:focus{border-color:#4a90e2;outline:none}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:box-shadow .3s}.feature-card:hover{box-shadow:0 4px 12px #0000001a}.feature-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem}.feature-header h3{color:#333;font-size:1.25rem;margin:0 0 .5rem}.feature-header>div{flex:1 1}.phase-badge{background:#4a90e2;border-radius:12px;color:#fff;font-size:.85rem;margin-right:.5rem;padding:.25rem .75rem}.phase-badge,.status-badge{display:inline-block}.status-badge.implemented{background:#4caf50;color:#fff}.status-badge.in-progress{background:#ff9800;color:#fff}.status-badge.planned{background:#9e9e9e;color:#fff}.expand-icon{color:#666;font-size:1.5rem;font-weight:700}.feature-description{color:#666;line-height:1.6;margin-bottom:1rem}.feature-details{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{color:#333;font-size:1rem;margin-bottom:.5rem}.detail-section ul{list-style:none;margin:0;padding:0}.detail-section li{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.detail-section code{background:#f5f5f5;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}.copy-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.6;padding:.25rem;transition:opacity .3s}.copy-btn:hover{opacity:1}.api-section h2{color:#333;margin-bottom:.5rem}.api-section>p{color:#666;margin-bottom:2rem}.api-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.api-category{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.api-category h3{border-bottom:2px solid #4a90e2;color:#333;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.api-category ul{list-style:none;margin:0;padding:0}.api-category li{border-bottom:1px solid #f0f0f0;padding:.75rem 0}.api-category li:last-child{border-bottom:none}.api-category code{background:#f5f5f5;border-radius:4px;color:#4a90e2;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}.architecture-section h2{color:#333;margin-bottom:2rem}.arch-diagram{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:2rem}.arch-diagram h3{color:#333;margin-bottom:1.5rem}.tree-view{padding:1rem}.tree-node{margin:.5rem 0}.tree-node.root>span{color:#4a90e2;font-size:1.2rem;font-weight:700}.tree-node>span{background:#f5f5f5;border-radius:4px;color:#333;display:inline-block;padding:.5rem 1rem}.tree-children{border-left:2px solid #e0e0e0;margin-left:2rem;margin-top:.5rem;padding-left:1rem}.tree-node.leaf>span{background:#e8f4f8;color:#4a90e2}.schema-diagram{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.schema-table{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.schema-table h4{color:#4a90e2;font-size:1rem;margin-bottom:.75rem}.schema-table ul{list-style:none;margin:0;padding:0}.schema-table li{color:#666;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem 0}.flows-section h2{color:#333;margin-bottom:2rem}.flow-diagram{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:2rem}.flow-diagram h3{color:#333;margin-bottom:1.5rem}.flow-steps{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.flow-step{background:#4a90e2;border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem;white-space:nowrap}.flow-arrow{color:#4a90e2;font-size:1.5rem;font-weight:700}@media (max-width:768px){.documentation-page{padding:1rem}.doc-header h1{font-size:2rem}.api-categories,.features-grid,.schema-diagram{grid-template-columns:1fr}.flow-steps{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.doc-tabs{flex-wrap:wrap}.doc-tabs button{flex:1 1;min-width:120px}}@media print{.doc-tabs{display:none}.documentation-page{padding:0}.api-category,.arch-diagram,.feature-card,.flow-diagram{page-break-inside:avoid}}.ai-chat-container{background:#f8fafc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.ai-chat-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;color:#fff;justify-content:space-between;padding:1rem 1.5rem}.ai-chat-header,.chat-title{align-items:center;display:flex}.chat-title{gap:.75rem}.chat-title h2{font-size:1.25rem;font-weight:600;margin:0}.clear-chat-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.clear-chat-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.clear-chat-btn:disabled{cursor:not-allowed;opacity:.5}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.welcome-message{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem 2rem;text-align:center}.welcome-message h3{color:#334155;font-size:1.5rem;margin:1rem 0 .5rem}.welcome-message p{font-size:1rem;line-height:1.5;margin:0}.message{gap:.75rem;max-width:80%}.user-message{align-self:flex-end;flex-direction:row-reverse}.ai-message{align-self:flex-start}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-message .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-message .message-avatar{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.message-content{display:flex;flex-direction:column;gap:.25rem}.message-text{word-wrap:break-word;background:#fff;border-radius:18px;box-shadow:0 1px 3px #0000001a;line-height:1.5;padding:.75rem 1rem}.user-message .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-message .message-text{background:#f1f5f9;color:#334155}.loading-message{align-items:center;color:#64748b;display:flex;gap:.5rem}.message-time{color:#94a3b8;font-size:.75rem;margin-left:.5rem}.user-message .message-time{margin-left:0;margin-right:.5rem;text-align:right}.error-message{align-items:center;display:flex;gap:.5rem;margin:.5rem 0;padding:.75rem 1rem}.ai-chat-input{background:#fff;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.input-container{align-items:flex-end;background:#f8fafc;border:2px solid #e2e8f0;border-radius:24px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s}.input-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.message-input{background:#0000;border:none;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:120px;min-height:24px;outline:none;resize:none}.message-input::placeholder{color:#94a3b8}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}[dir=rtl] .user-message{flex-direction:row}[dir=rtl] .ai-message{flex-direction:row-reverse}[dir=rtl] .message-time{margin-left:0;margin-right:.5rem}[dir=rtl] .user-message .message-time{margin-left:.5rem;margin-right:0}@media (max-width:768px){.ai-chat-container{border-radius:0;height:100vh}.message{max-width:90%}.ai-chat-header{padding:.75rem 1rem}.ai-chat-messages{padding:.75rem}.ai-chat-input{padding:.75rem 1rem}}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.ai-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.demo-users-management{padding:2rem}.demo-users-management h1,.filters{margin-bottom:2rem}.filters{display:flex;gap:1rem}.filters input,.filters select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem 1rem}.filters input{flex:1 1;max-width:400px}.users-table{overflow-x:auto}.users-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.users-table th{background:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #eee;padding:1rem}.status-badge{border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.status-badge.active{background:#4caf50;color:#fff}.status-badge.expired{background:#f44336;color:#fff}.status-badge.converted{background:#2196f3;color:#fff}.lead-score{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.lead-score.hot{background:#ff5722;color:#fff}.lead-score.warm{background:#ff9800;color:#fff}.lead-score.cold{background:#9e9e9e;color:#fff}.action-buttons button{font-size:.9rem}.btn-convert{background:#4caf50;color:#fff}.btn-extend{background:#2196f3;color:#fff}.btn-view{background:#9e9e9e}.action-buttons button:hover{opacity:.8}.error,.loading{font-size:1.2rem;padding:2rem;text-align:center}.error{color:#f44336}.demo-activity-page{padding:2rem}.stats-grid{margin-bottom:2rem}.stat-card{border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#666;font-size:.9rem;margin:0 0 .5rem}.stat-card p{color:#333;font-size:2rem;font-weight:700;margin:0}.activity-table{overflow-x:auto}.activity-table table{background:#fff;border-collapse:collapse;width:100%}.activity-table th{background:#f5f5f5;padding:1rem;text-align:center}.activity-table td{border-bottom:1px solid #eee;padding:1rem;text-align:center}.status.completed{background:#4caf50;color:#fff}.status.in_progress{background:#2196f3;color:#fff}.lead-scoring-page{padding:2rem}.btn-calculate{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.btn-calculate:hover{opacity:.8}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.summary-card{border-radius:8px;padding:1.5rem;text-align:center}.summary-card h3{color:#fff;margin:0 0 .5rem}.summary-card p{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.summary-card.hot{background:#ff5722}.summary-card.warm{background:#ff9800}.summary-card.cold{background:#9e9e9e}.leads-table{overflow-x:auto}.leads-table table{background:#fff;border-collapse:collapse;width:100%}.leads-table th{background:#f5f5f5;padding:1rem;text-align:center}.leads-table td{border-bottom:1px solid #eee;padding:1rem;text-align:center}.category-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.category-badge.hot{background:#ff5722;color:#fff}.category-badge.warm{background:#ff9800;color:#fff}.category-badge.cold{background:#9e9e9e;color:#fff}.demo-orgs-page{padding:2rem}.orgs-table{overflow-x:auto}.orgs-table table{background:#fff;border-collapse:collapse;width:100%}.orgs-table th{background:#f5f5f5;padding:1rem;text-align:left}.orgs-table td{border-bottom:1px solid #eee;padding:1rem}.status.demo{background:#9e9e9e;color:#fff}.status.full{background:#4caf50;color:#fff}.demo-rankings-page{padding:2rem}.coming-soon{color:#666;font-style:italic}.email-campaigns-page{padding:2rem}.campaigns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.campaign-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.campaign-card h3{margin:0 0 .5rem}.campaign-stats{background:#f5f5f5;border-radius:4px;margin:1rem 0;padding:1rem}.campaign-stats div{margin:.5rem 0}.status{margin-top:1rem}.demo-config-page{padding:2rem}.configs-table{overflow-x:auto}.configs-table table{background:#fff;border-collapse:collapse;width:100%}.configs-table th{background:#f5f5f5;padding:1rem;text-align:center}.configs-table td{border-bottom:1px solid #eee;padding:1rem;text-align:center}.btn-edit{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.btn-edit:hover{opacity:.8}.btn-create{background:#4caf50;font-size:1rem;font-weight:500}.btn-create:hover{background:#45a049}.modal-content{box-shadow:0 4px 6px #0000001a;max-width:700px}.modal-header{border-bottom:1px solid #eee}.modal-content form,.modal-header{padding:1.5rem}.form-group{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.75rem;margin-bottom:.75rem}.form-group label{display:inline-block;flex-shrink:0;margin:0;padding:0;text-align:left;vertical-align:middle;width:140px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:1rem;margin:0;min-width:0;padding:.5rem .75rem}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.form-group textarea{min-height:60px}.form-group:has(textarea){align-items:flex-start}.form-group:has(textarea) label{align-self:flex-start;padding-top:.5rem}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.form-group label[style*="display: flex"]{flex:1 1;margin-bottom:0;min-width:auto}.modal-actions{border-top:1px solid #eee}.btn-cancel{background:#f5f5f5;border:1px solid #ddd;font-size:1rem}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-submit{background:#4caf50;font-size:1rem}.btn-submit:hover:not(:disabled){background:#45a049}.payment-methods-page{padding:2rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.875rem;font-weight:600;margin:0}.payment-methods-loading{color:#666;padding:2rem;text-align:center}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin:1rem 0;padding:1rem}.payment-methods-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.payment-methods-table table{border-collapse:collapse;width:100%}.payment-methods-table th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;font-weight:600;padding:1rem;text-align:left}.payment-methods-table td{border-bottom:1px solid #eee;padding:1rem}.payment-methods-table tr:hover{background-color:#f9f9f9}.empty-state{color:#999;padding:2rem}.method-icon{height:24px;margin-left:.5rem;vertical-align:middle;width:24px}.status{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status.active{background:#4caf50;color:#fff}.status.inactive{background:#9e9e9e;color:#fff}.default-badge{background:#2196f3;border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.action-buttons{gap:.5rem}.action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2}.btn-credentials{background:#ff9800;color:#fff}.btn-credentials:hover{background:#f57c00}.btn-activate{background:#4caf50;color:#fff}.btn-activate:hover{background:#388e3c}.btn-deactivate{background:#ff9800;color:#fff}.btn-deactivate:hover{background:#f57c00}.btn-set-default{background:#9c27b0;color:#fff}.btn-set-default:hover{background:#7b1fa2}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f}.btn-create{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-create:hover{background:#1976d2;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;width:90%}.credentials-modal{max-width:700px}.modal-header{border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{font-weight:600}.modal-close{border-radius:4px;color:#999;font-size:2rem;height:32px;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f5f5f5;color:#333}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group input[type=url]{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.required{color:#f44336}.helper-text{color:#666;display:block;font-size:.875rem;margin-top:.25rem}.form-error{background-color:#fee;border:1px solid #fcc;color:#c33}.form-error,.test-result{border-radius:4px;margin-bottom:1rem;padding:.75rem}.test-result{font-weight:500}.test-result.success{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.test-result.error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.credentials-actions{border-top:1px solid #e0e0e0;margin:1.5rem 0;padding-top:1rem}.btn-test{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-test:hover:not(:disabled){background:#f57c00}.btn-test:disabled{cursor:not-allowed;opacity:.6}.no-fields-message{color:#666;padding:2rem;text-align:center}.modal-actions{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.btn-cancel{background:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#bdbdbd}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-submit:hover:not(:disabled){background:#1976d2}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.loading{color:#666;padding:2rem;text-align:center}@media (max-width:768px){.payment-methods-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.payment-methods-table{font-size:.875rem}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.modal-content{padding:1.5rem;width:95%}.form-row{flex-direction:column}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--primary-gradient-alt:linear-gradient(135deg,#4facfe,#00f2fe);--card-shadow:0 10px 40px #0000001a;--card-shadow-hover:0 20px 60px #667eea4d;--border-radius:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.upgrade-page{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);left:0;margin:0;max-width:none!important;min-height:100vh;min-width:100%!important;overflow-x:hidden;padding:0;position:relative;right:0;width:100%!important;z-index:1}.upgrade-page:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(1turn)}}.page-content>.upgrade-page{flex:0 0 auto;position:relative}.master-template.minimal .minimal-content .upgrade-page,.page-content>.upgrade-page{margin:0!important;max-width:none!important;width:100%!important}.master-template.minimal .minimal-content .upgrade-container{margin:0!important;max-width:100%!important;width:100%!important}.master-template.minimal .minimal-content:has(.upgrade-page){max-width:100%!important;padding:0!important;width:100%!important}.master-template .main-content-area:has(.upgrade-page){max-width:none!important;width:100%!important}.master-template .page-content:has(.upgrade-page){max-width:none!important;padding:0!important;width:100%!important}.master-template.app-layout .page-content:has(.upgrade-page),.master-template.minimal .minimal-content:has(.upgrade-page){margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.master-template.app-layout .page-content:has(.upgrade-page) .upgrade-container,.master-template.minimal .minimal-content:has(.upgrade-page) .upgrade-container{margin:0!important;max-width:100%!important;width:100%!important}.upgrade-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:0;box-shadow:0 20px 60px #667eea4d;box-shadow:var(--card-shadow-hover);box-sizing:border-box;margin:0 auto;max-width:1400px!important;padding:4rem 5rem;position:relative;width:100%!important}.demo-page-content .upgrade-container{max-width:100%!important;padding:4rem 2rem}.back-button{align-items:center;background:#ffffffe6;border:1px solid #667eea33;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#667eea;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-button:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateX(-4px)}.upgrade-header{margin-bottom:3rem;text-align:center}.upgrade-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.upgrade-subtitle{color:#64748b;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.upgrade-page-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.upgrade-page-loading .spinner{animation:spin 1s linear infinite}.upgrade-error{align-items:flex-start;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;box-shadow:0 4px 12px #ef444426;color:#991b1b;display:flex;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem}.upgrade-error .error-content{flex:1 1}.upgrade-error .error-content p{font-weight:500;margin:0}.upgrade-error .error-suggestion{font-size:.875rem;font-style:italic;margin-top:.5rem;opacity:.85}.upgrade-content{margin-left:0;margin-right:0;margin-top:2rem;max-width:100%;width:100%}.billing-period-toggle{background:#f1f5f9;border-radius:12px;display:inline-flex;gap:.5rem;justify-content:center;left:50%;margin-bottom:3rem;padding:.5rem;position:relative;transform:translateX(-50%)}.period-btn{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.period-btn:hover{background:#ffffff80;color:#475569}.period-btn.active{background:#fff;box-shadow:0 2px 8px #667eea33;color:#667eea}.savings-badge{background:#10b9811a;border-radius:6px;color:#10b981;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.pricing-plans{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;margin-left:0;margin-right:0;max-width:100%;width:100%}@media (min-width:1025px){.pricing-plans{gap:2rem!important;grid-template-columns:repeat(3,1fr)!important}.upgrade-container{max-width:1400px!important;padding:4rem 5rem!important;width:100%!important}.demo-page-content .upgrade-container{max-width:100%!important;padding:4rem 2rem!important}.upgrade-page{max-width:none!important;width:100%!important}.plan-card.popular{transform:scale(1.05)!important}.plan-card.popular:hover{transform:scale(1.08) translateY(-8px)!important}}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.plan-card:before{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.plan-card.selected:before,.plan-card:hover:before{transform:scaleX(1)}.plan-card:hover{transform:translateY(-8px)}.plan-card.selected,.plan-card:hover{border-color:#667eea;box-shadow:0 20px 60px #667eea4d;box-shadow:var(--card-shadow-hover)}.plan-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.plan-card.popular{background:linear-gradient(135deg,#10b98108,#10b98114);border-color:#10b981;border-width:3px;box-shadow:0 12px 40px #10b98140;transform:scale(1.05)}.plan-card.popular:before{background:linear-gradient(135deg,#10b981,#059669);height:4px}.plan-card.popular:hover{box-shadow:0 16px 50px #10b98159;transform:scale(1.08) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.375rem 1.25rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-name{color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.01em;margin-bottom:1rem}.plan-price{margin-bottom:2rem}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em}.price-period{color:#64748b;font-size:1rem;font-weight:500;margin-left:.5rem}.plan-features{flex:1 1;list-style:none;margin:0 0 2rem;padding:0}.plan-features li{align-items:center;color:#475569;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.plan-features li:hover{color:#1e293b;transform:translateX(4px)}.plan-features li svg{color:#10b981;flex-shrink:0;height:20px;width:20px}.selected-indicator{animation:scaleIn .3s ease-out;background:#667eea1a;border-radius:50%;color:#667eea;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.payment-method-selector{margin:3rem 0}.selector-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.payment-methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payment-method-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.payment-method-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.payment-method-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 8px 24px #667eea4d}.payment-method-card.default{border-color:#10b981}.payment-method-card .default-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:-10px}.method-icon-container{align-items:center;background:#f8fafc;border-radius:16px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:80px}.payment-method-card:hover .method-icon-container{background:#667eea1a;transform:scale(1.1)}.method-icon{height:100%;object-fit:contain;width:100%}.method-icon-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border-radius:16px;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.method-info{flex:1 1}.method-name{color:#1e293b;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.method-description{color:#64748b;font-size:.875rem;margin:0}.payment-method-card .selected-indicator{background:#667eea1a;border-radius:50%;color:#667eea;padding:.5rem;position:absolute;right:1rem;top:1rem}.payment-method-selector-empty{background:#f8fafc;border-radius:16px;color:#64748b;padding:3rem;text-align:center}.upgrade-actions{margin-top:3rem;text-align:center}.proceed-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin-bottom:1rem;overflow:hidden;padding:1.25rem 3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.proceed-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.proceed-button:hover:before{left:100%}.proceed-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea80;transform:translateY(-3px)}.proceed-button:active:not(:disabled){transform:translateY(-1px)}.proceed-button.disabled,.proceed-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none;cursor:not-allowed;opacity:.6;pointer-events:none}.proceed-button.disabled:hover,.proceed-button:disabled:hover{box-shadow:none;transform:none}.upgrade-note{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.payment-form-wrapper{margin:0 auto;max-width:600px}.payment-form-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;box-shadow:var(--card-shadow);padding:2.5rem}.payment-form-header{margin-bottom:2rem;text-align:center}.payment-form-header h2{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:.5rem}.payment-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.payment-error{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;box-shadow:0 4px 12px #ef444426;color:#991b1b;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.payment-form{margin-top:1.5rem}.card-element-container{margin-bottom:1.5rem}.card-element-container label{color:#1e293b;display:block;font-weight:600;margin-bottom:.5rem}.stripe-card-element{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stripe-card-element:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payment-form-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-button,.submit-payment-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cancel-button{background:#f1f5f9;color:#475569}.cancel-button:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.submit-payment-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);box-shadow:0 4px 16px #667eea66;color:#fff}.submit-payment-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea80;transform:translateY(-2px)}.submit-payment-button:disabled{cursor:not-allowed;opacity:.6}.payment-security-note{color:#64748b;font-size:.875rem;font-weight:500;margin-top:1rem;text-align:center}.sadad-payment-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;box-shadow:var(--card-shadow);margin:0 auto;max-width:600px;padding:2.5rem}.sadad-payment-content{text-align:center}.sadad-header h2{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:.5rem}.transaction-reference{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.transaction-reference label{color:#1e293b;display:block;font-weight:600;margin-bottom:.5rem}.transaction-reference code{color:#667eea;display:block;font-family:Courier New,monospace;font-size:1rem;font-weight:600;word-break:break-all}.qr-code-section{margin:1.5rem 0}.qr-code{border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;margin:1rem auto;max-width:300px;width:100%}.redirect-section{margin:1.5rem 0}.instructions{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1rem}.redirect-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 16px #10b98166;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.redirect-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98180;transform:translateY(-2px)}.payment-instructions{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;color:#475569;margin:1.5rem 0;padding:1.5rem}.sadad-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.verify-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.verify-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea80;transform:translateY(-2px)}.verify-button:disabled{cursor:not-allowed;opacity:.6}.polling-status{align-items:center;color:#475569;display:flex;gap:.75rem;justify-content:center}.payment-status-info,.polling-status{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.payment-status-info{text-align:left}.payment-status-info p{color:#475569;margin:.5rem 0}.payment-failed,.payment-success{padding:3rem 2rem;text-align:center}.success-icon{margin-bottom:1rem}.error-icon{animation:scaleIn .5s ease-out}.payment-failed h2,.payment-success h2{color:#1e293b;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;font-weight:700;margin:1rem .5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.retry-button:hover{box-shadow:0 8px 24px #667eea80;transform:translateY(-2px)}.upgrade-success-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.success-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:24px;box-shadow:0 20px 60px #667eea4d;box-shadow:var(--card-shadow-hover);max-width:700px;padding:4rem;text-align:center}.success-animation{position:relative}.success-icon{animation:scaleIn .5s ease-out;color:#10b981}.sparkle{animation:sparkle 2s infinite;color:#fbbf24;position:absolute}.sparkle-1{animation-delay:0s;left:-20px;top:-20px}.sparkle-2{animation-delay:.5s;right:-20px;top:-20px}.sparkle-3{animation-delay:1s;bottom:-20px;left:50%;transform:translateX(-50%)}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.success-message{color:#475569;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.success-details{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:left}.detail-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem 0}.detail-item:last-child{border-bottom:none}.detail-item strong{color:#1e293b;font-weight:700}.unlocked-features{margin-bottom:2rem;text-align:left}.unlocked-features h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:#475569;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 0}.features-list li svg{color:#10b981;flex-shrink:0;height:20px;width:20px}.continue-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1.25rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.continue-button:hover{box-shadow:0 8px 24px #667eea80;transform:translateY(-3px)}@media (max-width:1440px){.upgrade-container{padding:4rem 3rem}.demo-page-content .upgrade-container{padding:4rem 2rem}}@media (max-width:1200px) and (min-width:1025px){.upgrade-container{margin:0;padding:3rem 4rem}.pricing-plans{gap:1.5rem;grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1024px) and (min-width:769px){.pricing-plans{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.plan-card.popular{transform:scale(1)}.plan-card.popular:hover{transform:translateY(-8px)}.page-content>.upgrade-page,.upgrade-page{margin:0;width:100%}.upgrade-container{margin:0;padding:3rem 2.5rem}.upgrade-header h1{font-size:2.5rem}}@media (max-width:768px){.page-content>.upgrade-page,.upgrade-page{margin:0;width:100%}.upgrade-container{border-radius:0;margin:0;padding:2rem 1.5rem}.upgrade-header h1{font-size:2rem}.upgrade-subtitle{font-size:1rem}.pricing-plans{gap:1.5rem;grid-template-columns:1fr!important}.plan-card{padding:2rem 1.5rem}.plan-card.popular{transform:scale(1)}.plan-card.popular:hover{transform:translateY(-8px)}.billing-period-toggle{max-width:300px;width:100%}.period-btn{font-size:.9rem;padding:.75rem 1.5rem}.payment-methods-grid{grid-template-columns:1fr}.payment-form-actions,.sadad-actions{flex-direction:column}.success-container{margin:1rem;padding:2rem 1.5rem}.proceed-button{justify-content:center;width:100%}}@media (max-width:480px){.upgrade-container{padding:1.5rem 1rem}.upgrade-header h1{font-size:1.75rem}.price-amount{font-size:2.5rem}.plan-name{font-size:1.5rem}}.survey-response-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.survey-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;overflow:hidden;width:100%}.survey-container.error,.survey-container.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 40px;text-align:center}.survey-container.loading .spinner{animation:spin 1s linear infinite;color:#2563eb}.survey-container.error{color:#dc2626}.survey-container.completed{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 40px;text-align:center}.success-icon{color:#16a34a}.survey-container.completed h2{color:#111827;font-size:32px;margin:0}.survey-container.completed p{color:#6b7280;font-size:16px;margin:0}.completion-note{color:#9ca3af!important;font-size:14px!important;margin-top:12px!important}.survey-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.brand{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.brand-icon{font-size:32px}.brand h3{font-size:18px;font-weight:600;margin:0;opacity:.95}.survey-title{font-size:28px;font-weight:700;margin:0 0 16px}.survey-description{font-size:16px;line-height:1.6;margin:0;opacity:.9}.survey-form{padding:40px}.questions-container{display:flex;flex-direction:column;gap:32px}.question-block{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.question-block:last-child{border-bottom:none;padding-bottom:0}.question-label{color:#111827;font-size:16px;font-weight:600;line-height:1.5}.required{color:#dc2626;margin-left:4px}.multiple-choice-options,.yes-no-options{display:flex;flex-direction:column;gap:12px}.choice-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.choice-option:hover{background:#f3f4f6;border-color:#2563eb}.choice-option input[type=radio]{accent-color:#2563eb;cursor:pointer;height:20px;width:20px}.choice-option span{color:#374151;font-size:15px}.choice-option input[type=radio]:checked+span{color:#2563eb;font-weight:600}.survey-response-page .rating-options{display:flex;flex-wrap:wrap;gap:16px}.survey-response-page .rating-btn{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:16px;transition:all .2s}.survey-response-page .rating-btn:hover{background:#f3f4f6;border-color:#facc15;transform:translateY(-2px)}.survey-response-page .rating-btn.selected{background:#fef3c7;border-color:#facc15}.survey-response-page .rating-btn span{color:#374151;font-size:14px;font-weight:600}.text-response{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:15px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .2s;width:100%}.text-response:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-actions{border-top:1px solid #e5e7eb;justify-content:center;margin-top:40px;padding-top:32px}.btn-submit-survey{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 48px;transition:all .3s}.btn-submit-survey:hover:not(:disabled){box-shadow:0 8px 20px #667eea80;transform:translateY(-2px)}.btn-submit-survey:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-submit-survey .spinner{animation:spin 1s linear infinite}.survey-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px 40px;text-align:center}.survey-footer p{color:#9ca3af;font-size:13px;margin:0}@media (max-width:768px){.survey-response-page{padding:20px 12px}.survey-header{padding:32px 24px}.survey-title{font-size:24px}.survey-description{font-size:14px}.survey-form{padding:24px}.questions-container{gap:24px}.question-block{gap:12px;padding-bottom:24px}.question-label{font-size:15px}.rating-options{gap:8px}.rating-btn{min-width:60px;padding:12px}.btn-submit-survey{padding:14px 24px;width:100%}.survey-footer{padding:20px 24px}}@media (max-width:480px){.survey-response-page .rating-options{justify-content:center}.survey-response-page .rating-btn{flex-basis:calc(20% - 8px);flex-grow:0;flex-shrink:0}}.invite-accept-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.invite-accept-container{max-width:600px;width:100%}.invite-accept-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.invite-accept-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:32px;text-align:center}.invite-accept-logo{display:flex;justify-content:center;margin-bottom:16px}.invite-accept-header h1{font-size:28px;font-weight:600;margin:0}.invite-accept-content{padding:32px}.invitation-org,.invitation-preview{margin-bottom:24px}.invitation-org{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:20px}.org-logo{border:2px solid #e5e7eb;border-radius:12px;height:64px;object-fit:cover;width:64px}.org-info h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.org-subtitle{color:#6b7280;font-size:14px;margin:0}.invitation-details{display:flex;flex-direction:column;gap:16px}.detail-item{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.detail-item svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.detail-item>div{display:flex;flex:1 1;flex-direction:column;gap:4px}.detail-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:15px;font-weight:500}.detail-message{background:#f0f9ff;border:1px solid #bae6fd}.detail-message-text{color:#0369a1;font-size:14px;font-style:italic;line-height:1.5;margin:0}.invite-accept-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.invite-accept-actions{display:flex;gap:12px;justify-content:center}.btn-accept,.btn-secondary,.btn-signin,.btn-signup{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:14px 28px;transition:all .2s}.btn-accept{background:#10b981;color:#fff;flex:1 1;justify-content:center}.btn-accept:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-accept:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.btn-secondary{border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.invite-accept-auth{text-align:center}.auth-prompt{color:#6b7280;font-size:15px;margin:0 0 20px}.auth-actions{display:flex;gap:12px;justify-content:center}.btn-signin{background:#8b5cf6;color:#fff;flex:1 1;justify-content:center}.btn-signin:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.btn-signup{background:#fff;border:2px solid #8b5cf6;color:#8b5cf6;flex:1 1;justify-content:center}.btn-signup:hover{background:#f5f3ff;transform:translateY(-1px)}.error-state,.loading-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner-large{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;height:60px;margin-bottom:24px;width:60px}.loading-state p{font-size:16px}.error-icon{color:#dc2626}.error-state h1{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.error-message{color:#6b7280;font-size:15px;margin:0 0 24px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}@media (max-width:640px){.invite-accept-header{padding:24px}.invite-accept-header h1{font-size:24px}.invite-accept-content{padding:24px}.invitation-org{text-align:center}.auth-actions,.invitation-org{flex-direction:column}.btn-signin,.btn-signup{width:100%}}.survey-details-page{background:#f9fafb;min-height:100vh}.error-container,.loading-container{gap:20px;min-height:60vh}.loading-container .spinner{color:#2563eb}.error-container{color:#dc2626}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 32px}.btn-back{background:#f3f4f6;margin-bottom:20px}.btn-back:hover{background:#e5e7eb;color:#111827}.header-content{margin:0 auto;max-width:1200px}.page-title{margin:0 0 8px}.page-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0}.page-content{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px;padding:32px}.questions-section{border:1px solid #e5e7eb;padding:32px}.question-card{border-radius:8px;display:flex;gap:20px;padding:20px}.question-card:hover{box-shadow:0 2px 8px #00000014}.question-number{font-size:16px;height:48px;width:48px}.question-details{flex:1 1}.question-details,.question-meta{display:flex;flex-direction:column;gap:12px}.question-type{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.question-choices{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.choices-label{color:#6b7280;font-size:13px;font-weight:600}.choice-badge{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:inline-flex;font-size:13px;padding:6px 12px}.send-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.status-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.status-message.success{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.status-message.error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.status-message.warning{background:#fffbeb;border:1px solid #fcd34d;color:#d97706}.email-input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.email-input-group label{color:#374151;font-size:15px;font-weight:600}.email-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .2s;width:100%}.email-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.email-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.input-hint{color:#6b7280;font-size:13px;margin:0}.btn-send-survey{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 32px;transition:all .2s;width:100%}.btn-send-survey:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-send-survey:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-send-survey .spinner{animation:spin 1s linear infinite}@media (max-width:768px){.page-header{padding:20px}.page-title{font-size:24px}.page-description{font-size:14px}.page-content,.questions-section,.send-section{padding:20px}.question-card{flex-direction:column;gap:16px}.question-number{height:40px;width:100%}}.survey-analytics{padding:0}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.chart-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.chart-container.compact{padding:16px}.chart-container.compact .chart-header{margin-bottom:16px}.chart-content{align-items:flex-start;display:flex;gap:16px}.chart-visual{flex:0 0 160px;min-height:160px}.yesno-summary.compact{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-top:0}.yesno-card.compact{align-items:center;display:flex;justify-content:space-between;min-height:auto;padding:12px 16px;text-align:left}.yesno-card.compact .yesno-label{flex:1 1;font-size:14px;margin-bottom:0}.yesno-card.compact .yesno-value{font-size:24px;margin-bottom:0;margin-right:8px}.yesno-card.compact .yesno-percentage{font-size:14px;font-weight:600}.chart-legend.compact{background:#0000;border:none;display:flex;flex:1 1;flex-direction:column;gap:8px;margin-top:0;padding:0}.legend-item.compact{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.legend-item.compact .legend-color{height:12px;width:12px}.legend-item.compact .legend-label{flex:1 1;font-size:13px}.legend-item.compact .legend-value{font-size:13px;font-weight:600}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.header-icon{color:#2563eb}.chart-title{color:#111827;flex:1 1;font-size:18px;font-weight:700;margin:0}.chart-stats{display:flex;flex-wrap:wrap;gap:12px}.stat-badge{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.chart-wrapper{padding:16px}.chart-legend,.chart-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.chart-legend{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px;padding:20px}.legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-label{color:#374151;flex:1 1}.legend-value{color:#111827;font-weight:600}.yesno-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.yesno-card{border-radius:8px;padding:20px;text-align:center}.yesno-card.yes{background:#f0fdf4;border:2px solid #86efac}.yesno-card.no{background:#fef2f2;border:2px solid #fca5a5}.yesno-label{font-size:14px;font-weight:600;margin-bottom:8px}.yesno-card.yes .yesno-label{color:#16a34a}.yesno-card.no .yesno-label{color:#dc2626}.yesno-value{font-size:32px;font-weight:700;margin-bottom:4px}.yesno-card.yes .yesno-value{color:#16a34a}.yesno-card.no .yesno-value{color:#dc2626}.yesno-percentage{color:#6b7280;font-size:16px;font-weight:600}.text-responses-list{display:flex;flex-direction:column;gap:16px}.text-response-item{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:8px;display:flex;gap:12px;padding:16px}.text-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.text-response-item p{color:#374151;flex:1 1;font-size:14px;font-style:italic;line-height:1.6;margin:0}.no-responses{color:#9ca3af;font-size:14px;padding:32px;text-align:center}.analytics-empty,.analytics-error,.analytics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 24px}.analytics-loading p{color:#6b7280}.analytics-empty svg{color:#9ca3af;margin-bottom:16px}.analytics-empty p{color:#6b7280;font-size:18px;font-weight:600;margin:0 0 8px}.analytics-empty span{color:#9ca3af;font-size:14px}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column}.chart-legend,.charts-grid,.yesno-summary{grid-template-columns:1fr}.chart-content{flex-direction:column;gap:16px}.chart-visual{flex:none;min-height:180px;width:100%}.yesno-summary.compact{flex-direction:row;gap:12px}.yesno-card.compact{flex:1 1;flex-direction:column;padding:12px;text-align:center}.yesno-card.compact .yesno-label{margin-bottom:4px}.yesno-card.compact .yesno-value{margin-bottom:2px;margin-right:0}.chart-legend.compact{flex-direction:row;flex-wrap:wrap}.legend-item.compact{flex:1 1;min-width:120px}}.recharts-tooltip-wrapper{outline:none!important}.recharts-default-tooltip{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important}.recharts-tooltip-label{color:#111827!important;font-weight:600!important;margin-bottom:8px!important}.recharts-tooltip-item{color:#374151!important}.survey-responses-page{background:#f9fafb;margin:0!important;max-width:none!important;min-height:calc(100vh - 80px);padding:24px 0;width:100%!important}.page-header{gap:24px;margin-bottom:32px}.page-title{flex:1 1;font-size:32px;font-weight:700}.btn-generate-sample{white-space:nowrap}.btn-generate-sample:hover:not(:disabled){box-shadow:0 4px 12px #9333ea4d;transform:translateY(-1px)}.statistics-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000000d;gap:12px;padding:16px 12px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-value{font-size:24px;line-height:1.2}.stat-label{font-size:15px;margin-top:6px}.tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:0}.tabs{border-bottom:1px solid #e5e7eb;gap:0}.tab,.tabs{display:flex}.tab{align-items:center;background:#0000;border-bottom:2px solid #0000;color:#6b7280;font-size:15px;gap:8px;padding:16px 24px;transition:all .2s}.tab:hover{background:#f9fafb;color:#374151}.tab.active{background:#fff;border-bottom-color:#2563eb;color:#2563eb}.tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;min-height:400px;padding:32px}.search-container{margin-bottom:24px;position:relative}.search-icon{left:16px}.search-input{border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 12px 12px 48px;transition:all .2s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.responses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width:1400px){.responses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1200px){.responses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.response-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px;transition:all .2s}.response-card:hover{border-color:#d1d5db;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recipient-info{align-items:center;display:flex;gap:12px}.recipient-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.recipient-details{flex:1 1;min-width:0}.recipient-name{font-size:15px;font-weight:600;margin-bottom:4px}.recipient-email,.recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{font-size:13px}.btn-view{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-view:hover{background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.response-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item{font-size:13px;justify-content:space-between}.meta-label{color:#6b7280;font-weight:500}.meta-value{color:#374151}.response-progress{align-items:center;display:flex;gap:12px}.progress-bar{flex:1 1}.progress-label{color:#374151;font-size:13px;font-weight:600;min-width:42px;text-align:right}.empty-state{padding:64px 24px}.empty-state svg{margin-bottom:16px}.empty-state p{font-size:18px;font-weight:600;margin:0 0 8px}.empty-state span{color:#9ca3af;font-size:14px}.loading-container{padding:64px}.error-container{padding:64px 24px}@media (max-width:992px){.survey-responses-page{padding:24px}.responses-grid,.statistics-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.survey-responses-page{padding:16px}.responses-grid,.statistics-cards{grid-template-columns:1fr}.page-title,.stat-value{font-size:24px}.tab-content{padding:20px}.response-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-view{justify-content:center;width:100%}}.response-detail-page{background:#f9fafb;margin:0 auto;max-width:1000px;min-height:calc(100vh - 80px);padding:32px}.page-header{margin-bottom:24px}.recipient-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:24px;margin-bottom:32px;padding:32px}.recipient-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.recipient-info{flex:1 1}.recipient-name{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.recipient-email{color:#6b7280;font-size:16px;margin:0 0 16px}.recipient-meta{display:flex;gap:24px}.meta-item{color:#6b7280;font-size:14px;gap:8px}.meta-item svg{color:#9ca3af}.questions-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.section-title{padding-bottom:16px}.questions-list{gap:20px}.question-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.question-card:hover{box-shadow:0 2px 8px #0000000f}.question-header{display:flex;gap:16px;margin-bottom:20px}.question-number{background:#2563eb;border-radius:8px;font-size:14px;font-weight:700;height:40px;width:40px}.question-content{flex:1 1}.question-text{color:#111827;font-size:16px;font-weight:600;line-height:1.6;margin:0 0 8px}.question-type{background:#eff6ff;border-radius:4px;color:#2563eb;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.answer-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.rating-response{align-items:center;display:flex;gap:8px}.rating-value{color:#111827;font-size:18px;font-weight:700;margin-left:8px}.choice-response{align-items:center;color:#111827;display:flex;font-size:16px;gap:12px}.check-icon{color:#16a34a;flex-shrink:0}.yesno-response{border-radius:8px;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px}.yesno-response.yes{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.yesno-response.no{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.text-response{padding:4px 0}.text-response p{color:#374151;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.no-answer{color:#9ca3af;font-style:italic}.error-container,.loading-container{padding:64px 24px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:48px;margin-bottom:16px;width:48px}.error-message{color:#dc2626;font-size:16px;margin-bottom:24px;text-align:center}.btn-back{border:1px solid #e5e7eb;border-radius:6px;display:inline-flex;font-size:14px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.response-detail-page{padding:16px}.recipient-card{align-items:flex-start;flex-direction:column;padding:24px}.recipient-avatar-large{height:64px;width:64px}.recipient-name{font-size:20px}.questions-container{padding:20px}.question-header{flex-direction:column;gap:12px}.rating-response{flex-wrap:wrap}}.interview-details-page{background-color:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.page-header{align-items:center;gap:20px;margin-bottom:30px}.btn-back{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-back:hover{background:#f3f4f6;border-color:#9ca3af}.page-title{color:#111827;font-size:28px;font-weight:600;margin:0}.error-container,.loading-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px}.loading-container .spinner{animation:spin 1s linear infinite;color:#3b82f6;color:var(--primary-color,#3b82f6);margin-bottom:20px}.error-container svg{color:#ef4444;margin-bottom:20px}.error-container h3{color:#1f2937;font-size:20px;margin-bottom:10px}.error-container p{margin-bottom:20px}.transcript-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.section-title-clickable{align-items:center;border-bottom:2px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:10px;-webkit-user-select:none;user-select:none}.section-title-clickable:hover{opacity:.8}.section-title-text{color:#111827;font-size:18px;font-weight:600;margin:0}.transcript-textarea{border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:inherit;font-size:15px;padding:15px;resize:vertical;transition:border-color .2s ease;width:100%}.transcript-textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.transcript-textarea::placeholder{color:#9ca3af}.stats-card{display:flex;gap:15px;margin-bottom:20px}.stat-item{align-items:center;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;flex:1 1;gap:10px;padding:12px 15px}.stat-item svg{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;height:20px;width:20px}.stat-item>div{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px}.stat-label{font-size:12px;letter-spacing:.5px}.questions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px}.section-title{border-bottom:2px solid #e5e7eb;font-weight:600;margin-bottom:20px;padding-bottom:10px}.prospectives-container{display:flex;flex-direction:column;gap:30px}.prospective-header{background:linear-gradient(135deg,var(--primary-color,#3b82f6) 0,var(--primary-color-dark,#2563eb) 100%)}.question-header-clickable:not(.editing) .question-text{cursor:pointer}.question-header-clickable:not(.editing):hover{background:#f9fafb}.question-header-clickable.editing{background:#fef3c7;border-left:3px solid #f59e0b}.question-number{background:var(--primary-color,#3b82f6)}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.btn-icon:hover{background:#e5e7eb}.btn-edit-question{color:#3b82f6}.btn-edit-question:hover{background:#dbeafe;color:#2563eb}.btn-save-question{color:#10b981}.btn-save-question:hover{background:#d1fae5;color:#059669}.btn-cancel-edit{color:#ef4444}.btn-cancel-edit:hover{background:#fee2e2;color:#dc2626}.question-edit-textarea{background:#fff;border:2px solid #f59e0b;border-radius:6px;color:#1f2937;flex-grow:1;font-family:inherit;font-size:14px;line-height:1.5;min-height:50px;padding:8px 12px;resize:vertical}.question-edit-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.response-textarea:focus{border-color:var(--primary-color,#3b82f6)}.btn-generate-response{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.btn-generate-response:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 2px 8px #8b5cf666;transform:translateY(-1px)}.btn-generate-response:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-generate-response .spinner{animation:spin 1s linear infinite}.btn-send-response{background:var(--primary-color,#3b82f6)}.btn-send-response:hover:not(:disabled){background:var(--primary-color-dark,#2563eb)}.empty-state{color:#9ca3af;padding:50px 20px}.empty-state svg{margin-bottom:15px}.empty-state p{font-size:16px}@media (max-width:768px){.interview-details-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column}.page-title{font-size:22px}.prospective-header,.stats-card{flex-direction:column}.prospective-header{align-items:flex-start;gap:10px}.question-header-clickable{padding:10px 12px}.question-text{font-size:13px}.response-buttons{flex-direction:column;gap:8px}.btn-generate-response,.btn-record-response,.btn-send-response{width:100%}}.modal-overlay{background-color:#00000080;padding:20px}.modal-container{border:1px solid #d1d5db;border-radius:0;box-shadow:none;max-height:80vh;overflow:hidden}.modal-header{background:#fff;border-bottom:1px solid #d1d5db;padding:16px 20px}.modal-header-actions{align-items:center;display:flex;gap:12px}.modal-header h3{font-size:18px}.modal-close-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:0;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container.modal-large{max-height:85vh;max-width:800px;width:100%}.modal-container.modal-extra-large{max-height:75vh;max-width:900px;width:100%}.modal-title-section{align-items:center;display:flex;gap:12px}.modal-title-icon{color:#3b82f6}.modal-close{align-items:center;background:none;border:1px solid #d1d5db;border-radius:0;color:#6b7280;display:flex;justify-content:center;padding:8px}.modal-close:hover{background-color:#f3f4f6;color:#374151}.remove-duplicates-btn{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:0;color:#92400e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px}.remove-duplicates-btn:hover:not(:disabled){background:#fde68a;border-color:#d97706;color:#78350f}.remove-duplicates-btn:disabled{background:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:not-allowed;opacity:.6}.modal-content{padding:0}.loading-state{padding:40px 20px}.loading-state p{font-size:14px;margin-top:12px}.participants-list{display:flex;flex-direction:column;gap:16px}.participant-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.participant-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px 0 #0000001a}.participant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.participant-name{color:#111827;font-size:16px;font-weight:600;margin:0}.status-badge{border-radius:0;font-weight:500;letter-spacing:.5px;padding:4px 8px}.status-scheduled{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.participant-details{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.detail-item{color:#374151;font-size:14px}.detail-item strong{color:#111827;font-weight:500}.stat-item-clickable{cursor:pointer;transition:all .2s ease}.stat-item-clickable:hover{background:#f3f4f6;border-radius:0}.participant-name-section{align-items:center;display:flex;gap:12px}.participant-checkbox{cursor:pointer;height:18px;width:18px}.participant-email-missing{background:#fef3c7;border-radius:0;color:#f59e0b;font-size:12px;font-weight:500;padding:2px 6px}.participant-selected{background:#f0f9ff;border-color:#0ea5e9}.send-invitation-section{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.invitation-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.selection-info{align-items:center;display:flex;gap:12px}.selection-count{color:#6b7280;font-size:14px;font-weight:500}.clear-selection-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.clear-selection-btn:hover{background:#e5e7eb;color:#374151}.send-invitations-btn{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:8px;box-shadow:0 2px 4px #0ea5e933;padding:12px 20px;transition:all .2s ease}.send-invitations-btn:hover:not(:disabled){box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-1px)}.send-invitations-btn:disabled{box-shadow:none;transform:none}.invitation-results{border-radius:8px;margin-top:16px;padding:16px}.invitation-results.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.invitation-results.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.result-message{font-weight:600;margin-bottom:12px}.result-details{display:flex;flex-direction:column;gap:8px}.result-item{align-items:center;background:#ffffff80;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.result-status.success{color:#059669;font-weight:500}.result-status.error{color:#dc2626;font-weight:500}.participants-loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}.participants-empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:60px 20px;text-align:center}.participants-empty-state svg{color:#9ca3af;margin-bottom:16px}.participants-empty-state h4{color:#374151;font-size:18px;margin:0 0 8px}.participants-empty-state p{color:#6b7280;font-size:14px;margin:0}.participants-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.participants-modal{background:#fff;border:1px solid #ccc;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.participants-modal-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.participants-modal-title{color:#333;font-size:18px;font-weight:600;margin:0}.participants-modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.participants-modal-close:hover{color:#000}.participants-modal-body{background:#fff;flex:1 1;overflow:auto}.participants-empty,.participants-loading{color:#666;padding:60px 20px;text-align:center}.participants-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#666;height:40px;margin:0 auto 16px;width:40px}.participants-data-table{border-collapse:collapse;width:100%}.participants-data-table thead{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:1}.participants-data-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.participants-data-table tbody tr{border-bottom:1px solid #e0e0e0}.participants-data-table tbody tr:hover{background:#fafafa}.participants-data-table tbody tr.selected{background:#e3f2fd}.participants-data-table td{padding:12px 16px;vertical-align:middle}.td-checkbox{text-align:center}.td-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.td-name{color:#333;font-weight:500}.td-input{padding:8px 16px!important}.td-input input{background:#fff;border:1px solid #ccc;box-sizing:border-box;color:#333;font-size:14px;padding:8px 12px;width:100%}.td-input input:focus{border-color:#1976d2;outline:none}.td-input input.changed{background:#fff8e1;border-color:#ff9800}.td-input input.error{background:#ffebee;border-color:#f44336}.td-input .error-msg{color:#f44336;display:block;font-size:11px;margin-top:4px}.td-action{text-align:center}.save-btn{align-items:center;background:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-width:40px;padding:8px 12px}.save-btn:hover:not(:disabled){background:#45a049}.save-btn:disabled{background:#ccc}.participants-modal-footer{align-items:center;background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.footer-info{color:#666;font-size:14px}.send-btn{align-items:center;background:#1976d2;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.send-btn:hover:not(:disabled){background:#1565c0}.send-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.participants-modal{max-height:95vh;width:95%}.participants-modal-footer,.participants-modal-header{padding:12px 16px}.participants-data-table td,.participants-data-table th{font-size:13px;padding:8px 12px}}.modal-footer{align-items:center;background:#fff;border-top:1px solid #d1d5db;box-sizing:border-box;justify-content:space-between;padding:16px 20px;width:100%}.selection-summary{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px}.selection-summary svg{color:#3b82f6}.send-invitations-btn{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.send-invitations-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.send-invitations-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-container{margin:10px;max-height:90vh}.modal-container.modal-extra-large,.modal-container.modal-large{margin:10px;max-width:calc(100vw - 20px)}.modal-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.modal-header-actions{justify-content:space-between;width:100%}.remove-duplicates-btn{font-size:13px;padding:6px 10px}.modal-content{padding:20px}.participant-details{grid-template-columns:1fr}.invitation-controls{align-items:stretch;flex-direction:column;gap:12px}.selection-info{justify-content:space-between}.send-invitations-btn{justify-content:center;width:100%}.participant-card{flex-direction:column;gap:12px;padding:16px}.participant-selection{align-self:flex-start;margin-top:0}.participant-header{align-items:flex-start;flex-direction:column;gap:8px}.participant-fields{gap:12px}.fields-row{gap:12px;grid-template-columns:1fr}.field-input-container{align-items:stretch;flex-direction:column;gap:8px}.save-button{height:40px;width:100%}.save-record-button{justify-content:center;width:100%}.modal-footer{align-items:stretch;flex-direction:column;gap:12px}.selection-summary{justify-content:center}}.audio-recorder-container{background:#f8f9fa;border:2px dashed #cbd5e1;border-radius:8px;margin-top:12px;padding:16px}.audio-recorder-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:12px;padding:12px}.audio-recorder-controls{align-items:center;display:flex;flex-direction:column;gap:12px}.btn-audio-record{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-audio-record:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.recording-status{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:12px 20px}.recording-indicator{align-items:center;display:flex;gap:8px}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:12px;width:12px}.recording-label{color:#ef4444;font-size:14px;font-weight:600}.recording-timer{color:#1f2937;font-family:Courier New,monospace;font-size:18px;font-weight:700}.recording-actions{display:flex;gap:12px}.btn-audio-pause,.btn-audio-stop{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-audio-pause{background:#f59e0b;color:#fff}.btn-audio-pause:hover{background:#d97706;transform:translateY(-1px)}.btn-audio-stop{background:#6b7280;color:#fff}.btn-audio-stop:hover{background:#4b5563;transform:translateY(-1px)}.audio-recorder-preview{display:flex;flex-direction:column;gap:12px}.audio-preview-info{background:#fff;border-radius:6px;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;padding:12px}.audio-duration,.audio-size{font-weight:500}.audio-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-audio-cancel,.btn-audio-play,.btn-audio-transcribe{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:10px 16px;transition:all .2s ease}.btn-audio-play{background:#3b82f6;color:#fff}.btn-audio-play:hover{background:#2563eb;box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.btn-audio-transcribe{background:#10b981;color:#fff}.btn-audio-transcribe:hover{background:#059669;box-shadow:0 2px 6px #10b9814d;transform:translateY(-1px)}.btn-audio-cancel{background:#e5e7eb;color:#374151}.btn-audio-cancel:hover{background:#d1d5db;transform:translateY(-1px)}@media (max-width:768px){.audio-recorder-container{padding:12px}.recording-status{flex-direction:column;gap:8px;text-align:center}.recording-actions{justify-content:center;width:100%}.audio-preview-actions{flex-direction:column}.btn-audio-cancel,.btn-audio-play,.btn-audio-transcribe{width:100%}}.interview-response-page{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.completed-container,.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.completed-container h1,.error-container h2,.loading-container h2{color:#1f2937;font-size:24px;font-weight:600;margin:20px 0 10px}.completed-container p,.error-container p,.loading-container p{color:#6b7280;font-size:16px;margin-bottom:20px}.retry-btn{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#0284c7;transform:translateY(-1px)}.completed-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:500px}.completed-container svg{color:#10b981;margin-bottom:20px}.completion-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:20px;padding:16px}.completion-info p{color:#065f46;font-size:14px;margin:0}.interview-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.header-content h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 20px}.participant-info{display:flex;gap:20px;margin-bottom:20px}.participant-details{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.participant-details svg{color:#9ca3af}.progress-section{margin-top:20px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px}.progress-fill{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.progress-text{color:#6b7280;font-size:14px;font-weight:500}.interview-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.interview-info h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 10px}.interview-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 30px}.questions-sections{margin-top:30px}.prospective-group{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;overflow:hidden}.prospective-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.prospective-header h3{font-size:18px;font-weight:600;margin:0}.question-count{background:#fff3;border-radius:20px;font-size:14px;font-weight:500;padding:4px 12px}.questions-list{display:flex;flex-direction:column;gap:15px;padding:20px}.question-item-collapsible{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;overflow:hidden;transition:all .2s ease}.question-item-collapsible:hover{box-shadow:0 2px 4px #0000000d}.question-header-clickable{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.question-header-clickable:hover{background:#f9fafb}.question-header-clickable.has-responses{background:#f0fdf4;border-left:3px solid #22c55e}.question-header-clickable.has-responses:hover{background:#dcfce7}.question-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.question-header-clickable.has-responses .question-number{background:#22c55e}.question-text{color:#1f2937;flex-grow:1;font-size:14px;font-weight:500;line-height:1.5;margin:0}.question-actions{flex-shrink:0;gap:6px;margin-left:auto}.expand-btn,.question-actions{align-items:center;display:flex}.expand-btn{color:#6b7280;justify-content:center;padding:4px}.expand-btn:hover{background:#e5e7eb;color:#1f2937}.response-section{animation:slideDown .2s ease;border-top:1px solid #f3f4f6;padding:0 15px 15px}.response-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;font-family:inherit;font-size:14px;margin-bottom:10px;margin-top:12px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.response-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.response-textarea::placeholder{color:#9ca3af}.response-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.response-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn-record-response{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.btn-record-response:hover:not(:disabled){background:#dc2626;box-shadow:0 2px 8px #ef444466;transform:translateY(-1px)}.btn-record-response:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-send-response{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.btn-send-response:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.btn-send-response:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-send-response .spinner{animation:spin 1s linear infinite}.transcribing-status{align-items:center;background:#eff6ff;border:2px solid #3b82f6;border-radius:8px;color:#1e40af;display:flex;font-size:14px;font-weight:600;gap:12px;margin-top:12px;padding:12px 16px}.transcribing-status .spinner{animation:spin 1s linear infinite}.action-section{align-items:flex-end;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:40px;padding-top:30px}.save-status{flex:1 1}.status-message{border-radius:6px;font-size:14px;font-weight:500;margin-bottom:8px;padding:8px 12px}.status-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.status-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.unsaved-indicator{align-items:center;color:#f59e0b;display:flex;font-size:14px;font-weight:500;gap:6px}.action-buttons{gap:12px}.finish-btn,.save-btn,.submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.save-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.save-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.finish-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 4px #dc262633;color:#fff}.finish-btn:hover:not(:disabled){box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.finish-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.interview-response-page{padding:10px}.interview-content,.interview-header{padding:20px}.participant-info{flex-direction:column;gap:8px}.prospective-header{align-items:flex-start;flex-direction:column;gap:10px}.question-header-clickable{padding:10px 12px}.question-text{font-size:13px}.response-buttons{flex-direction:column;gap:8px}.btn-record-response,.btn-send-response{width:100%}.action-section{align-items:stretch;flex-direction:column;gap:16px}.action-buttons{justify-content:stretch}.finish-btn,.save-btn,.submit-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.header-content h1{font-size:24px}.interview-info h2{font-size:20px}.prospective-header h3{font-size:16px}.question-text{font-size:14px}}.framework-type-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;padding:2rem 2rem 1rem}.header-content h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#64748b;font-size:.875rem;margin:0}.close-button{background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#374151}.close-icon{height:1.25rem;width:1.25rem}.overview-section{margin-bottom:2rem}.overview-section h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.overview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.overview-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.overview-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.type-icon{color:#667eea;flex-shrink:0;height:2rem;width:2rem}.overview-title h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.type-code{background:#f0f4ff;border-radius:.25rem;color:#667eea;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.overview-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.comparison-section{margin-bottom:2rem}.comparison-section h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.comparison-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.comparison-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;transition:all .2s ease}.comparison-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:1rem;padding:1.5rem}.card-icon{align-items:center;background:#667eea;border-radius:.75rem;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.card-icon .type-icon{color:#fff;height:1.5rem;width:1.5rem}.card-title h4{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.card-subtitle{color:#64748b;font-size:.75rem;font-weight:500}.card-content{padding:1.5rem}.content-section{margin-bottom:1.5rem}.content-section:last-child{margin-bottom:0}.content-section h5{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.content-section p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.examples-list,.use-cases-list{list-style:none;margin:0;padding:0}.examples-list li,.use-cases-list li{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;line-height:1.4;margin-bottom:.5rem}.list-icon{color:#667eea;flex-shrink:0;height:1rem;width:1rem}.when-to-use{background:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:.5rem;padding:1rem}.when-to-use p{color:#0369a1;font-style:italic}.decision-helper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.decision-helper h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.helper-question h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.helper-options{display:flex;flex-direction:column;gap:1rem}.helper-option{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.helper-option:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.option-icon{color:#667eea;flex-shrink:0;height:1.5rem;margin-top:.125rem;width:1.5rem}.option-content h5{color:#1a202c;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.option-content p{color:#64748b;font-size:.75rem;margin:0}.option-content strong{color:#667eea;font-weight:600}.modal-footer{border-top:1px solid #e2e8f0}.btn{border-radius:.5rem;font-size:.875rem;font-weight:500}.btn-primary{background:#667eea}.btn-primary:hover{background:#5a67d8}@media (max-width:768px){.modal-overlay{padding:1rem}.framework-type-modal{max-height:95vh}.modal-content,.modal-footer,.modal-header{padding:1.5rem}.comparison-grid,.overview-grid{grid-template-columns:1fr}.helper-options{gap:.75rem}.helper-option{padding:.75rem}}[dir=rtl] .when-to-use{border-left:none;border-right:3px solid #0ea5e9}[dir=rtl] .list-icon{transform:scaleX(-1)}.clear-framework-tool{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.tool-header{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:16px 20px}.tool-header:hover{background-color:#f9fafb}.tool-icon{color:#ef4444;flex-shrink:0}.tool-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.tool-header p{color:#6b7280;font-size:14px;margin:0}.collapse-toggle{color:#6b7280;margin-left:auto}.tool-content{padding:20px}.tool-content.collapsed{display:none}.select-with-refresh{align-items:center;display:flex;gap:8px}.select-with-refresh select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;flex:1 1;font-size:14px;padding:8px 12px}.select-with-refresh select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-refresh{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px}.btn-refresh:hover{background:#f9fafb;border-color:#9ca3af}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.loading-text{color:#6b7280;font-size:12px;font-style:italic}.framework-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:16px}.framework-info h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:12px;font-weight:500}.info-value{color:#111827;font-size:14px}.btn-clear{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 16px}.btn-clear:hover{background:#dc2626}.btn-clear:disabled{background:#9ca3af;cursor:not-allowed}.message{align-items:flex-start;border-radius:6px;display:flex;font-size:14px;gap:10px;margin-top:12px;padding:12px}.error-message{background:#fef2f2;border:1px solid #fecaca}.error-message svg{color:#ef4444;flex-shrink:0;margin-top:2px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.success-message svg{color:#22c55e;flex-shrink:0}.delete-modal-backdrop{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.delete-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;overflow:hidden;width:100%}.delete-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;margin-bottom:0;padding:24px 24px 0}.delete-modal-icon{color:#f59e0b;flex-shrink:0}.delete-modal-title{color:#111827;font-size:20px;font-weight:700;margin:0}.delete-modal-content{padding:24px}.delete-modal-question{color:#374151;font-size:16px;line-height:1.5;margin:0 0 20px}.framework-code{background:#f3f4f6;border-radius:4px;color:#111827;padding:2px 8px}.delete-warning-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:16px}.delete-warning-title{color:#dc2626;font-size:14px;font-weight:600;margin:0 0 12px}.delete-list{margin:0 0 12px}.delete-item{color:#374151;font-size:14px;margin:4px 0;padding-left:8px}.delete-warning-final{color:#dc2626;font-size:14px;font-weight:600;margin:0}.force-delete-option{margin-top:20px}.force-delete-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.force-delete-checkbox{flex-shrink:0;height:18px;margin:2px 0 0;width:18px}.force-delete-text{color:#374151;font-size:14px;line-height:1.4}.force-delete-warning{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px}.force-delete-warning svg{color:#ef4444;flex-shrink:0;height:16px;margin-top:2px;width:16px}.delete-modal-footer{background:#fafbfc;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.delete-modal-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.delete-modal-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.delete-modal-confirm-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.delete-modal-confirm-btn:hover{background:#b91c1c}.delete-modal-cancel-btn:disabled,.delete-modal-confirm-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.delete-modal-container{margin:10px;max-width:calc(100vw - 20px)}.delete-modal-content,.delete-modal-footer,.delete-modal-header{padding-left:20px;padding-right:20px}.delete-modal-footer{flex-direction:column}.delete-modal-cancel-btn,.delete-modal-confirm-btn{width:100%}}.ai-suggestion-modal-overlay{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}.ai-suggestion-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.ai-suggestion-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.ai-suggestion-modal .modal-title-section{align-items:center;display:flex;gap:.75rem}.ai-suggestion-modal .modal-icon{color:#fff;height:24px;width:24px}.ai-suggestion-modal .modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.ai-suggestion-modal .modal-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s ease;width:32px}.ai-suggestion-modal .modal-close:hover{background:#ffffff4d}.ai-suggestion-modal .modal-content{flex:1 1;overflow-y:auto;padding:2rem}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.spinner-icon{animation:spin 1s linear infinite;color:#667eea;height:48px;margin-bottom:1rem;width:48px}.loading-state p{margin:0}.loading-state p,.suggestion-intro{color:#6b7280;font-size:1rem;line-height:1.6}.suggestion-intro{margin-bottom:1.5rem}.suggestions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.suggestion-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.suggestion-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.suggestion-value{color:#667eea;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.suggestion-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.suggestion-reasoning{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;line-height:1.5;margin-top:.5rem;padding-top:.75rem;text-align:left}.ai-suggestion-modal .modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.ai-suggestion-modal .modal-actions .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.ai-suggestion-modal .modal-actions .btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.ai-suggestion-modal .modal-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.ai-suggestion-modal .modal-actions .btn-primary{background:#667eea;color:#fff}.ai-suggestion-modal .modal-actions .btn-primary:hover{background:#5568d3}.ai-suggestion-modal .modal-actions .btn-icon{height:18px;width:18px}.error-state{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.error-message{color:#ef4444;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:1rem}.error-hint{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:2rem;max-width:500px}.error-state .modal-actions{background:#0000;border-top:none;justify-content:center;padding:0;width:100%}@media (max-width:768px){.ai-suggestion-modal{margin:1rem;max-width:95%}.suggestions-grid{grid-template-columns:1fr}.ai-suggestion-modal .modal-content{padding:1.5rem}.ai-suggestion-modal .modal-actions{flex-direction:column-reverse}.ai-suggestion-modal .modal-actions .btn{justify-content:center;width:100%}}.phase-progress-bar{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1rem;transition:all .3s ease}.phase-progress-bar.pending{border:1px solid #dee2e6;opacity:.6}.phase-progress-bar.in_progress{background:#e3f2fd;border:2px solid #2196f3;box-shadow:0 2px 8px #2196f333}.phase-progress-bar.completed{background:#e8f5e9;border:1px solid #4caf50}.phase-progress-bar.error{background:#ffebee;border:1px solid #f44336}.phase-header{justify-content:space-between;margin-bottom:.75rem}.phase-header,.phase-info{align-items:center;display:flex}.phase-info{gap:.5rem}.phase-icon{animation:spin 2s linear infinite;font-size:1.5rem}.phase-progress-bar.completed .phase-icon,.phase-progress-bar.pending .phase-icon{animation:none}.phase-label{color:#333;font-size:1rem;font-weight:600}.phase-count{color:#667eea;font-size:.95rem;font-weight:500}.progress-bar-container{background:#e0e0e0;border-radius:14px;height:28px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:14px;display:flex;height:100%;justify-content:flex-end;padding-right:.5rem;transition:width .4s ease}.progress-percentage{color:#fff;font-size:.85rem;font-weight:600}.phase-sub-message{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem}.framework-builder-wizard{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:auto;padding:2rem;width:100%}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.error-container{align-items:center;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.error-container h2{color:#e74c3c;margin-bottom:1rem}.error-container p{color:#666;line-height:1.6;margin-bottom:2rem}.master-template .framework-builder-wizard{background:linear-gradient(135deg,#f5f7fa,#e8eef5);margin:-1rem;min-height:auto;padding:1rem}.master-template .modal-container.large{max-width:95vw!important;min-width:1200px!important;width:95vw!important}.master-template .modal-container.large .modal-content{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:0!important;max-height:none!important;max-width:100%!important;min-width:100%!important;overflow-y:auto!important;padding:2rem!important;width:100%!important}.master-template .modal-container.large .modal-content .templates-grid,.master-template .templates-grid{grid-gap:2rem!important;box-sizing:border-box!important;display:grid!important;gap:2rem!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:0!important;width:100%!important}.master-template .categories-row{border:3px solid green!important;gap:.75rem!important;width:100%!important}.wizard-steps-indicator{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin:0 auto 3rem;max-width:1200px;padding:1.5rem 2rem}.master-template .wizard-steps-indicator{background:#fff;box-shadow:0 2px 8px #00000014;margin:0 0 2rem;max-width:100%}.wizard-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative}.wizard-step:after{background:#e0e0e0;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:0}.wizard-step:last-child:after{display:none}.wizard-step.completed:after{background:#4caf50}.step-number{background:#e0e0e0;color:#666;height:40px;position:relative;transition:all .3s ease;width:40px;z-index:1}.wizard-step.active .step-number{background:#667eea;color:#fff;transform:scale(1.1)}.wizard-step.completed .step-number{background:#4caf50;color:#fff}.step-label{color:#666;font-size:.85rem;font-weight:500;text-align:center}.wizard-step.active .step-label{color:#667eea;font-weight:600}.wizard-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;margin:0 auto;max-width:1400px;overflow:hidden}.master-template .wizard-content{box-shadow:0 4px 20px #0000001a;max-width:100%}.step-header{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-bottom:1px solid #e0e0e0;padding:2rem 3rem}.step-header h2{color:#333;font-size:2rem;margin:0 0 .5rem}.step-description{color:#666;font-size:1rem;margin:0}.step-landing{display:flex;flex:1 1;flex-direction:column;padding:3rem}.landing-hero{margin:0 auto;max-width:800px;padding:3rem 0;text-align:center}.hero-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1.5rem}.hero-title{color:#333;font-size:3rem;font-weight:700;margin:0 0 1rem}.hero-subtitle{color:#666;font-size:1.25rem;line-height:1.6;margin:0 0 2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-section{flex:0 0 auto;margin-top:4rem}.section-title{font-size:2rem;margin-bottom:2rem;text-align:center}.examples-grid,.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.example-card,.feature-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.example-card:hover,.feature-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.example-icon,.feature-icon{font-size:3rem;margin-bottom:1rem}.example-title,.feature-title{color:#333;font-size:1.25rem;margin-bottom:.75rem}.example-description,.feature-description{color:#666;font-size:.95rem;line-height:1.5}.example-code{background:#667eea;border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.recent-frameworks-list{display:flex;flex-direction:column;gap:1rem}.recent-framework-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.recent-framework-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateX(4px)}.framework-icon{flex-shrink:0;font-size:2.5rem}.framework-name{color:#333;font-size:1.25rem;margin:0 0 .25rem}.framework-description{color:#666}.framework-meta{flex-wrap:wrap}.framework-code,.framework-date,.framework-type{color:#888;font-size:.85rem}.steps-overview{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.step-overview-card{background:#f8f9fa;border-radius:12px;flex:1 1;min-width:200px;padding:2rem;text-align:center}.step-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.step-overview-card h3{color:#333;margin:0 0 .5rem}.step-overview-card p{color:#666;font-size:.9rem;margin:0}.step-arrow{color:#667eea;font-size:2rem}.landing-cta{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin-top:4rem;padding:3rem 0;text-align:center}.landing-cta h2{color:#333;font-size:2rem;margin:0 0 .5rem}.landing-cta p{color:#666;font-size:1.1rem;margin:0 0 2rem}.step-ai-prompt{padding:2rem 3rem 3rem}.framework-form{margin:0 auto;max-width:900px}.form-section{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem}.section-title{color:#333;font-size:1.5rem;gap:.75rem;margin:0 0 1rem}.section-icon{font-size:1.75rem}.section-description{color:#666;line-height:1.5;margin-bottom:1.5rem}.form-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{gap:.5rem;height:100%;width:100%}.form-grid .form-group{align-items:stretch;align-self:start;display:flex;flex-direction:column;gap:.5rem;height:auto;min-height:0}.form-group-header{gap:1rem;justify-content:space-between}.form-group-header,.form-group-header label{align-items:center;display:flex;line-height:1.5;margin-bottom:0;min-height:1.5rem}.form-group-header label{color:#333;font-size:.95rem;font-weight:600;gap:.5rem}.info-link{align-items:center;background:none;border:none;border-radius:.375rem;color:#667eea;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.info-link:hover{background:#f0f4ff;color:#5a67d8}.info-icon{height:1rem;width:1rem}.form-group label{align-items:center;color:#333;display:flex;font-size:.95rem;gap:.5rem;line-height:1.5;margin-bottom:0;min-height:1.5rem}.required:after{color:#f44336;content:"*";margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem}.form-grid .form-group input[type=text],.form-grid .form-group select{box-sizing:border-box!important;height:48px!important;line-height:1.5;margin:0!important;max-height:48px!important;min-height:48px!important;padding:.75rem 1rem!important;vertical-align:top}.form-grid .form-group textarea{line-height:1.5;min-height:auto;resize:vertical}#framework_code,#framework_type,.form-grid .form-group textarea{box-sizing:border-box!important;margin:0!important;padding:.75rem 1rem!important}#framework_code,#framework_type{height:48px!important;line-height:1.5!important;max-height:48px!important;min-height:48px!important;vertical-align:top!important}.form-group select,.form-group select#framework_type{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none}.form-group input.error,.form-group textarea.error{border-color:#f44336}.error-message,.help-text{font-size:.85rem;line-height:1.4;margin-bottom:0;margin-top:0;min-height:auto}.help-text{color:#888}.structure-config{gap:1.5rem}.slider-group,.structure-config{display:flex;flex-direction:column}.slider-group{gap:.5rem;position:relative}.slider-group label{color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.slider-container{margin:1rem 0;position:relative}.slider-value-display{background:#667eea;border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;min-width:24px;padding:.25rem .5rem;pointer-events:none;text-align:center;top:25px;z-index:10}.slider-value-display,.slider-value-display:after{left:50%;position:absolute;transform:translateX(-50%)}.slider-value-display:after{border:4px solid;border-color:#0000 #0000 #667eea;bottom:100%;content:""}.slider-group input[type=range]{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:4px;height:8px;outline:none;width:100%}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-range{color:#888;font-size:.85rem;text-align:center}.uniform-toggle-container{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;margin-top:1.5rem;padding:1.5rem;transition:all .2s ease}.uniform-toggle-container:hover{background:#f0f4ff;border-color:#667eea}.uniform-toggle{align-items:center;display:flex;gap:1rem;justify-content:space-between}.uniform-toggle-label{align-items:center;color:#333;display:flex;font-weight:600;gap:.75rem;position:relative}.uniform-hint-icon{color:#667eea;cursor:pointer;height:1.25rem;transition:all .2s ease;width:1.25rem}.uniform-hint-icon:hover{color:#5a67d8;transform:scale(1.1)}.uniform-hint-tooltip{background:#333;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.85rem;line-height:1.4;padding:.75rem 1rem;pointer-events:none;top:-120px;width:280px;z-index:1000}.uniform-hint-tooltip,.uniform-hint-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.uniform-hint-tooltip:after{border:6px solid #0000;border-top-color:#333;content:"";top:100%}.toggle-switch{background:#ccc;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:all .3s ease;width:50px}.toggle-switch.active{background:#667eea}.toggle-switch-handle{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-switch.active .toggle-switch-handle{transform:translateX(26px)}.uniform-description{color:#666;font-size:.9rem;font-style:italic;line-height:1.4;margin-top:1rem}.total-items-preview{background:#fff;border:2px solid #667eea;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.total-items-preview h4{color:#333;margin:0 0 1rem}.items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.item-stat{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.item-stat.total{background:#667eea;color:#fff}.item-stat.total .stat-value{color:#fff}.stat-label{color:#666;font-size:.85rem}.item-stat.total .stat-label{color:#ffffffe6}.prompt-header{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.prompt-actions,.prompt-header{align-items:center;display:flex}.prompt-actions{gap:1rem}.quality-indicator{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.4rem 1rem}.quality-indicator.quality-poor{background:#ffebee;color:#c62828}.quality-indicator.quality-fair{background:#fff3e0;color:#e65100}.quality-indicator.quality-good{background:#e3f2fd;color:#1565c0}.quality-indicator.quality-excellent{background:#e8f5e9;color:#2e7d32}.quality-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.character-counter{color:#888;font-size:.85rem;text-align:right}.counter-warning{color:#ff9800}.section-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 0;transition:all .2s ease;width:100%}.section-toggle:hover{color:#764ba2}.toggle-icon{transition:transform .2s ease}.toggle-icon.open{transform:rotate(90deg)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.form-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;justify-content:space-between;padding:2rem 3rem}.actions-right,.form-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{font-family:inherit;font-size:1rem;padding:.75rem 1.5rem}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-ghost{color:#666}.btn-ghost:hover:not(:disabled){background:#f0f0f0}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.btn-lg{font-size:1.1rem;padding:1rem 2rem}.btn-icon{font-size:1.25em}.step-generation{align-items:center;display:flex;justify-content:center;min-height:600px;padding:3rem}.generation-container{max-width:600px;text-align:center}.generation-spinner{height:120px;margin:0 auto 2rem;position:relative;width:120px}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;inset:0;position:absolute}.spinner-icon{align-items:center;animation:pulse 2s ease-in-out infinite;display:flex;font-size:3rem;inset:0;justify-content:center;position:absolute}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.generation-title{color:#333;font-size:2rem;margin-bottom:1rem}.generation-message{color:#666;font-size:1.1rem;margin-bottom:2rem;min-height:1.5em}.progress-bar{background:#f0f0f0;border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;height:100%;transition:width .3s ease}.progress-percentage{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.generation-note{color:#888;font-size:.9rem;margin-bottom:2rem}.error-icon,.success-icon{font-size:4rem;margin-bottom:1rem}.error-title,.success-title{color:#333;font-size:2rem;margin-bottom:1rem}.success-subtitle{color:#666}.error-message,.success-subtitle{font-size:1.1rem;margin-bottom:2rem}.error-message{color:#f44336}.error-details{background:#ffebee;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:left}.error-details h3{margin:0 0 1rem}.standards-selection{margin-bottom:1rem}.standards-selector{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:.5rem;color:#64748b;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.standards-selector:hover{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.selected-standards{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.standard-tag{align-items:center;background:#3b82f6;border-radius:1rem;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.25rem .75rem}.remove-standard{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;margin-left:.25rem;padding:0}.remove-standard:hover{color:#fbbf24}.standards-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;overflow:hidden}.standards-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem}.standards-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.standards-header p{color:#6b7280;font-size:.875rem;margin:0}.standards-content{background:#fff;padding:1.5rem}.standards-filters{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.filter-group{min-width:150px}.filter-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.custom-standards-upload{border-radius:12px;margin-bottom:2rem}.custom-standards-upload h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.upload-section{align-items:flex-start;gap:2rem}.file-upload-area{flex-shrink:0}.file-input{display:none}.file-upload-label{background:#3b82f6;border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.file-upload-label:hover{background:#2563eb}.custom-standard-form{flex:1 1}.form-row{margin-bottom:1rem}.form-group label{margin-bottom:.375rem}.form-input,.form-select,.form-textarea{border-radius:8px;padding:.75rem;transition:border-color .2s ease;width:100%}.standards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:500px;overflow-y:auto}.standard-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.standard-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.standard-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.standard-header{gap:.75rem;margin-bottom:.75rem}.standard-icon{flex-shrink:0;font-size:1.5rem}.standard-name{margin:0 0 .5rem}.standard-meta{flex-wrap:wrap;gap:.5rem}.meta-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.standard-checkbox input[type=checkbox]{accent-color:#3b82f6;height:1.125rem;width:1.125rem}.standard-actions{align-items:center;display:flex;gap:.5rem}.delete-standard-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;padding:.5rem;transition:all .2s ease;width:36px;z-index:10}.delete-standard-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.05)}.delete-standard-btn:active{transform:scale(.95)}.standard-description{line-height:1.5;margin-bottom:.75rem}.standard-details{display:flex;font-size:.75rem;gap:.75rem}.standard-category{color:#3b82f6}.standard-region{color:#6b7280}.empty-state,.loading-state{color:#6b7280;grid-column:1/-1;padding:3rem 1rem;text-align:center}.empty-state p{font-style:italic;margin:0}.selected-file{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin:1rem 0;padding:1rem}.selected-file p{color:#0c4a6e;font-size:.875rem;margin:.25rem 0}.upload-button-section{margin-top:1.5rem;text-align:center}.upload-btn{font-size:1rem;font-weight:600;padding:.75rem 2rem}.standards-count{color:#3b82f6;font-size:.875rem;font-weight:500;margin-left:.5rem}.standards-tabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button:hover{background:#f9fafb;color:#374151}.tab-button.active{background:#eff6ff;border-bottom-color:#3b82f6;color:#3b82f6}.standards-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.standards-reliance-control{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1.5rem;margin-top:1rem;padding:1.5rem}.standard-reliance-inline{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:0 0 8px 8px;margin-top:-1px;padding:1rem}.reliance-inline-header{margin-bottom:.75rem}.reliance-inline-header label{color:#1e40af;display:block;font-size:.875rem;font-weight:600;text-align:center}.reliance-description-small{background:#fff;border:1px solid #dbeafe;border-radius:6px;margin-top:.75rem;padding:.75rem}.reliance-description-small p{color:#1e40af;font-size:.8125rem;font-weight:400;line-height:1.4;margin:0}.upload-status{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.upload-status.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.upload-status.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.standards-upload-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin-bottom:1.5rem}@media (max-width:768px){.standards-upload-layout{grid-template-columns:1fr}}.upload-options{display:flex;flex-direction:column;gap:1rem}.upload-options h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .5rem}.upload-button-group{display:flex;flex-direction:column;gap:.75rem}.upload-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn svg{color:#3b82f6;flex-shrink:0}.upload-btn .btn-title{color:#374151;font-size:.9375rem;font-weight:600}.upload-btn .btn-subtitle{color:#6b7280;font-size:.8125rem;margin-top:.125rem}.uploading-indicator{align-items:center;background:#eff6ff;border-radius:6px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.75rem}.spinner-small{animation:spin .6s linear infinite;border:2px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.standards-list-container{display:flex;flex-direction:column;gap:1rem}.standards-list-container h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.standards-list-simple{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem}.standard-item-simple{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .2s ease}.standard-item-simple:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.standard-item-simple.selected{background:#eff6ff;border-color:#3b82f6}.standard-checkbox{flex-shrink:0;margin-top:.125rem}.standard-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.standard-info-simple{flex:1 1}.standard-name-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.standard-name{color:#111827;font-size:.9375rem}.standard-version{background:#dbeafe;color:#1e40af;padding:.125rem .5rem}.standard-description{font-size:.8125rem;margin:.25rem 0}.standard-meta-simple{color:#9ca3af;display:flex;font-size:.75rem;gap:1rem;margin-top:.5rem}.selected-count{align-items:center;background:#d1fae5;border-radius:6px;color:#065f46;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem}.selected-count svg{color:#10b981}.manual-entry-modal{max-width:700px;width:90%}.manual-entry-modal .modal-body{max-height:600px;overflow-y:auto}.manual-entry-modal .form-group{margin-bottom:1.25rem}.manual-entry-modal .form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.manual-entry-modal .form-group label.required:after{color:#ef4444;content:" *"}.manual-entry-modal .form-input,.manual-entry-modal .form-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.manual-entry-modal .form-input:focus,.manual-entry-modal .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.manual-entry-modal .form-input.error,.manual-entry-modal .form-textarea.error{border-color:#ef4444}.manual-entry-modal .form-textarea{font-family:inherit;resize:vertical}.manual-entry-modal .form-hint{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.manual-entry-modal .error-message{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.manual-entry-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.dimension-validation-modal{max-width:600px;width:90%}.dimension-validation-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.dimension-validation-modal .modal-header h2{align-items:center;color:#374151;display:flex;font-size:1.5rem;gap:.75rem;margin:0}.icon-success{color:#10b981}.icon-warning{color:#f59e0b}.validation-message{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.dimensions-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.dimensions-list h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.dimensions-list ol{margin:0;padding-left:1.5rem}.dimension-item{color:#1e40af;font-size:.95rem;font-weight:500;padding:.5rem 0}.validation-note{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;display:flex;gap:.75rem;padding:1rem}.validation-note p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0}.validation-note code{background:#fff;border:1px solid #dbeafe;border-radius:4px;color:#374151;display:block;font-size:.75rem;margin-top:.5rem;padding:.75rem}.modal-actions{gap:1rem;padding:1.5rem}.btn-secondary{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{border-color:#9ca3af}.btn-primary{background:#3b82f6;border-radius:6px;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{background:#2563eb}.reliance-header h4{color:#1e40af;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.reliance-header p{color:#3b82f6;font-size:.875rem;margin:0 0 1rem}.slider-container{margin-bottom:1rem}.slider-container label{color:#1e40af;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.standards-reliance-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#10b981 0,#3b82f6 50%,#6366f1);border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.standards-reliance-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #3b82f6;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.standards-reliance-slider::-webkit-slider-thumb:hover{border-color:#2563eb;transform:scale(1.1)}.standards-reliance-slider::-moz-range-thumb{background:#fff;border:3px solid #3b82f6;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:24px;-moz-transition:all .2s ease;transition:all .2s ease;width:24px}.standards-reliance-slider::-moz-range-thumb:hover{border-color:#2563eb;transform:scale(1.1)}.slider-labels{color:#6b7280;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;margin-top:.5rem}.reliance-description{background:#fff;border:1px solid #dbeafe;border-radius:6px;padding:.875rem}.reliance-description p{color:#1e40af;font-size:.875rem;font-weight:500;line-height:1.5;margin:0}.search-box{min-width:200px}.search-icon{color:#9ca3af}.search-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.category-filter,.region-filter{min-width:150px}.category-select,.region-select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;width:100%}.category-select:focus,.region-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.custom-standards-upload{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.custom-standards-upload h4{color:#374151;font-size:1.125rem;margin:0 0 1rem}.upload-section{display:flex;flex-direction:column;gap:1rem}.file-upload-area{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-upload-label{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.file-upload-label:hover{background:#eff6ff;border-color:#3b82f6}.custom-standard-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}.form-group{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.standards-list{border:1px solid #e5e7eb;border-radius:.5rem;max-height:400px;overflow-y:auto}.standard-item{border-bottom:1px solid #f3f4f6}.standard-item:last-child{border-bottom:none}.standard-checkbox{align-items:flex-start;cursor:pointer;display:flex;padding:1rem;transition:background-color .2s ease}.standard-checkbox:hover{background-color:#f9fafb}.standard-item.selected .standard-checkbox{background-color:#eff6ff}.standard-info{flex:1 1;margin-left:.75rem}.standard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.standard-name{color:#1f2937;font-size:1rem;font-weight:600}.standard-badges{align-items:center;display:flex;gap:.5rem}.standard-type-badge{background:#3b82f6}.standard-type-badge,.standard-version{border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.standard-version{background:#6b7280}.standard-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.standard-meta{color:#9ca3af;display:flex;font-size:.75rem;gap:1rem}.standard-category{font-weight:500}.loading-state,.no-results{color:#6b7280;font-style:italic;padding:2rem}.no-results{text-align:center}.selected-count{color:#6b7280;font-size:.875rem}.error-details ul{color:#666;margin:0;padding-left:1.5rem}.error-details li{margin-bottom:.5rem}.error-actions,.generation-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.action-note{border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.action-note.error-note{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.action-note.warning-note{background:#fff3e0;border-left:4px solid #ff9800;color:#e65100}.action-note.success-note{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.validation-display{margin:2rem 0}.validation-display.compact{margin:1rem 0}.validation-summary{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.summary-badge{border-radius:6px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.summary-badge.success{background:#e8f5e9;color:#2e7d32}.summary-badge.error{background:#ffebee;color:#c62828}.issue-count{border-radius:6px;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.issue-count.error{background:#ffebee;color:#c62828}.issue-count.warning{background:#fff3e0;color:#e65100}.validation-status{align-items:center;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.validation-status.success{background:#e8f5e9;border:2px solid #4caf50}.validation-status.error{background:#ffebee;border:2px solid #f44336}.status-icon{flex-shrink:0;font-size:3rem}.status-text h3{color:#333;margin:0 0 .5rem}.status-text p{color:#666;margin:0}.validation-statistics{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.validation-statistics h4{color:#333;margin:0 0 1rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#fff;border-radius:8px;padding:1rem;text-align:center}.validation-section{margin-bottom:2rem}.validation-section .section-title{align-items:center;color:#333;display:flex;font-size:1.25rem;gap:.75rem;margin-bottom:1rem}.issues-list{display:flex;flex-direction:column;gap:.75rem}.issue-card{background:#fff;border-left:4px solid;border-radius:8px;overflow:hidden}.issue-card.error{background:#ffebee;border-left-color:#f44336}.issue-card.warning{background:#fff3e0;border-left-color:#ff9800}.issue-header{cursor:pointer;gap:1rem;justify-content:space-between;padding:1rem}.issue-header,.issue-main{align-items:center;display:flex}.issue-main{flex:1 1;gap:.75rem}.issue-icon{flex-shrink:0;font-size:1.25rem}.issue-message{color:#333;font-weight:500}.issue-location{background:#0000000d;border-radius:4px;color:#888;font-size:.85rem;padding:.25rem .75rem}.expand-btn{background:none;color:#666;font-size:1rem;padding:.25rem .5rem}.issue-details{padding:0 1rem 1rem 3rem}.detail-section{margin-bottom:1rem}.detail-section strong{color:#333;display:block;margin-bottom:.5rem}.detail-section p{color:#666;line-height:1.5;margin:0}.detail-section.suggestion{background:#667eea1a;border-radius:6px;padding:1rem}.validation-success{padding:3rem;text-align:center}.validation-success .success-icon{font-size:4rem;margin-bottom:1rem}.validation-success h3{color:#333;font-size:1.75rem;margin:0 0 .5rem}.validation-success p{color:#666;font-size:1.1rem;margin:0}.step-review{padding:2rem 3rem 3rem}.review-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:1rem;padding:1.5rem}.stat-card .stat-icon{font-size:2.5rem}.stat-card .stat-info{flex:1 1}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-card .stat-label{display:block;font-size:.9rem;opacity:.9}.review-toolbar{background:#f8f9fa;border-radius:12px;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.review-toolbar,.toolbar-left,.toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.view-mode-toggle{background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;overflow:hidden}.toggle-btn{border:none;color:#666;padding:.5rem 1rem}.toggle-btn:hover{background:#f8f9fa}.toggle-btn.active{background:#667eea;color:#fff}.search-box input{box-sizing:border-box;padding:.5rem 2.5rem .5rem 1rem}.search-icon{right:1rem}.filter-select{border:2px solid #e0e0e0;padding:.5rem 1rem}.validation-panel{margin-bottom:2rem}.review-content{background:#f8f9fa;border-radius:12px;min-height:400px;padding:2rem}.changes-indicator{animation:slideIn .3s ease;background:#ff9800;border-radius:8px;bottom:2rem;box-shadow:0 4px 12px #0003;color:#fff;font-weight:600;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:100}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.framework-tree-view{max-width:100%}.tree-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-results{background:#e3f2fd;border-radius:6px;color:#1565c0;font-size:.9rem;font-weight:600;padding:.4rem 1rem}.tree-container{background:#fff;border-radius:8px;padding:1.5rem}.tree-node{margin-bottom:.5rem}.tree-node.highlighted .node-content{background:#fff9c4;border-color:#fbc02d}.node-content{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.node-content:hover{background:#fff;border-color:#667eea}.expand-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;height:24px;transition:all .2s ease;width:24px}.expand-btn.expanded,.expand-btn:hover{background:#764ba2}.expand-spacer{flex-shrink:0;width:24px}.node-icon{flex-shrink:0;font-size:1.5rem}.node-info{flex:1 1;min-width:0}.node-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.node-code{background:#667eea;border-radius:6px;color:#fff;flex-shrink:0;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.node-name{color:#333;flex:1 1;font-weight:500;min-width:0}.node-name-ar{color:#666;flex:1 1;min-width:0}.node-description{color:#666;font-size:.9rem;line-height:1.4;margin-top:.5rem}.edit-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease}.edit-btn:hover{background:#764ba2;transform:scale(1.05)}.node-children{border-left:2px solid #e0e0e0;margin-left:2rem;margin-top:.5rem;padding-left:1rem}.tree-node.prospective>.node-content{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.tree-node.dimension>.node-content{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.tree-node.criteria>.node-content{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.tree-node.statement>.node-content{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.tree-view-empty{color:#888;font-size:1.1rem;padding:3rem;text-align:center}.modal-overlay{background:#0009;inset:0;padding:2rem}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:1.5rem 2rem}.modal-container.large .modal-header{padding:1rem 2rem!important}.modal-header h2{color:#333;font-size:1.5rem}.modal-close{background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.25rem;height:36px;transition:all .2s ease;width:36px}.modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-toolbar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:1rem 2rem}.modal-toolbar .search-box{width:100%}.modal-tabs{border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0}.tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:1rem 2rem;position:relative;transition:all .2s ease}.tab:hover{background:#f8f9fa}.tab.active{color:#667eea;font-weight:600}.tab.active:after{background:#667eea;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.modal-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:2rem;width:100%}.modal-footer{border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.retranslate-btn{margin-left:auto}.metadata-view{display:flex;flex-direction:column;gap:1rem}.metadata-item{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.metadata-label{color:#666;font-weight:600}.metadata-value{color:#333;font-family:Courier New,monospace}.modal-container.large{box-sizing:border-box!important;max-width:98vw!important;min-width:1400px!important;position:relative!important;width:98vw!important}.modal-container.large .modal-content{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:0!important;max-height:none!important;max-width:100%!important;min-width:100%!important;overflow-y:auto!important;padding:1.5rem 2rem!important;width:100%!important}.modal-container.large .modal-toolbar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:.75rem 2rem!important}.toolbar-content{display:flex;flex-direction:column;gap:0}.search-box{max-width:400px;width:100%}.search-box input{border:2px solid #e0e0e0;padding:.75rem 1rem .75rem 2.5rem}.search-icon{color:#666;font-size:1.2rem;left:.75rem}.categories-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.master-template .modal-container.large .modal-content .templates-grid,.modal-container.large .modal-content .templates-grid,.templates-grid{grid-gap:1.5rem!important;box-sizing:border-box!important;display:grid!important;flex:none!important;flex-basis:auto!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:0!important;width:100%!important}.category-chip{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;box-shadow:0 2px 4px #0000000d;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.category-chip:hover{background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 8px #667eea26;transform:translateY(-1px)}.category-chip.active{background:#667eea!important;border-color:#667eea!important;box-shadow:0 4px 12px #667eea4d;color:#fff!important}.chip-icon{font-size:1rem}.template-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;height:100%;padding:1.5rem;transition:all .2s ease;width:100%}.template-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.template-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.template-icon{flex-shrink:0;font-size:2.5rem}.template-info{flex:1 1}.template-name{color:#333;font-size:1.25rem;margin:0 0 .5rem}.template-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-badge{background:#667eea;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.template-prompt{margin-bottom:1rem}.prompt-preview{background:#fff;border-radius:8px;color:#666;font-size:.9rem;line-height:1.5;max-height:100px;overflow:hidden;padding:1rem}.template-actions{display:flex;justify-content:flex-end}.template-actions .btn-primary,.template-actions .btn-primary.btn-sm{background-color:#3b82f6!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:.625rem 1.25rem!important;transition:all .3s ease!important}.template-actions .btn-primary.btn-sm:hover,.template-actions .btn-primary:hover{background-color:#1d4ed8!important;box-shadow:0 4px 12px #1d4ed84d!important;color:#fff!important;transform:translateY(-1px)!important}.modal-footer .btn-secondary{background-color:#6b7280!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.modal-footer .btn-secondary:hover{background-color:#4b5563!important;color:#fff!important}.modern-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.modern-icon-picker{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90vw}.modern-picker-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px 20px}.header-content{justify-content:space-between;margin-bottom:20px}.header-content,.picker-title{align-items:center;display:flex}.picker-title{font-size:24px;font-weight:700;gap:12px;margin:0}.title-icon{font-size:28px}.modern-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modern-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.modern-search-wrapper{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:12px;padding:0 16px;position:relative}.search-icon{color:#667eea;flex-shrink:0}.modern-search-input{background:#0000;border:none;color:#1a202c;flex:1 1;font-size:15px;outline:none;padding:14px 0}.modern-search-input::placeholder{color:#a0aec0}.modern-clear-btn{align-items:center;background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.modern-clear-btn:hover{background:#cbd5e0}.modern-picker-body{display:flex;flex:1 1;overflow:hidden}.modern-picker-sidebar{background:#f7fafc;border-right:1px solid #e2e8f0;overflow-y:auto;padding:20px 12px;width:220px}.sidebar-section{margin-bottom:24px}.sidebar-section:last-child{margin-bottom:0}.section-label{color:#718096;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:0 12px;text-transform:uppercase}.sidebar-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;gap:12px;margin-bottom:4px;padding:10px 12px;transition:all .2s ease;width:100%}.sidebar-btn:hover{background:#667eea14;color:#667eea}.sidebar-btn.active{background:#667eea;color:#fff;font-weight:600}.btn-icon{flex-shrink:0;font-size:18px}.btn-text{flex:1 1;text-align:left}.btn-badge{background:#ffffff4d;border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.sidebar-btn.active .btn-badge{background:#ffffff40}.modern-picker-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.selection-preview{align-items:center;background:linear-gradient(90deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;display:flex;gap:20px;padding:16px 24px}.preview-emoji{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;font-size:48px;height:72px;justify-content:center;width:72px}.preview-emoji,.preview-info{align-items:center;display:flex}.preview-info{flex:1 1;justify-content:space-between}.preview-label{color:#718096;font-size:13px;font-weight:600}.preview-actions{display:flex;gap:8px}.preview-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.preview-action-btn.primary{background:#667eea;color:#fff}.preview-action-btn.primary:hover{background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.preview-action-btn:not(.primary){align-items:center;background:#fff;border:1px solid #e2e8f0;color:#4a5568;display:flex;font-size:18px;height:36px;justify-content:center;padding:0;width:36px}.preview-action-btn.favorited{background:#fffbeb;border-color:#fde68a;color:#f59e0b}.modern-icon-grid{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));overflow-y:auto;padding:20px 24px}.modern-icon-btn{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:32px;justify-content:center;position:relative;transition:all .15s ease}.modern-icon-btn:hover{background:#f7fafc;border-color:#667eea;box-shadow:0 8px 16px #667eea26;transform:translateY(-2px)}.modern-icon-btn.focused{outline:3px solid #667eea;outline-offset:2px}.modern-icon-btn.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.icon-emoji{transition:transform .15s ease}.modern-icon-btn:hover .icon-emoji{transform:scale(1.15)}.icon-favorite-badge{align-items:center;background:#fffbeb;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#f59e0b;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.modern-empty-state{grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;opacity:.5}.empty-title{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:8px}.empty-description{color:#718096;font-size:14px}.modern-picker-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.footer-info{align-items:center;color:#718096;display:flex;font-size:13px;gap:12px}.info-divider{color:#cbd5e0}.footer-actions{display:flex;gap:8px}.footer-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.footer-btn.primary{background:#667eea;color:#fff}.footer-btn.primary:hover{background:#5568d3}.footer-btn.secondary{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.footer-btn.secondary:hover{background:#f7fafc;border-color:#cbd5e0}.modern-icon-grid::-webkit-scrollbar,.modern-picker-sidebar::-webkit-scrollbar{width:8px}.modern-icon-grid::-webkit-scrollbar-track,.modern-picker-sidebar::-webkit-scrollbar-track{background:#0000}.modern-icon-grid::-webkit-scrollbar-thumb,.modern-picker-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modern-icon-grid::-webkit-scrollbar-thumb:hover,.modern-picker-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.modern-icon-picker{max-height:90vh;width:95vw}.modern-picker-sidebar{display:none}.modern-icon-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.step-save{padding:2rem 3rem 3rem}.save-content{margin:0 auto;max-width:900px}.framework-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.summary-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.summary-icon{flex-shrink:0;font-size:4rem}.summary-info{flex:1 1}.summary-name{font-size:1.75rem;margin:0 0 .5rem}.summary-name-ar{font-size:1.25rem;margin:0 0 .75rem;opacity:.9}.summary-code{font-size:1rem;opacity:.9}.summary-description{border-bottom:1px solid #fff3;border-top:1px solid #fff3;margin-bottom:1rem;padding:1rem 0}.summary-description p{line-height:1.6;margin:0;opacity:.9}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.summary-stat{text-align:center}.summary-stat .stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.summary-stat .stat-label{display:block;font-size:.9rem;opacity:.9}.sidebar-config-form{display:flex;flex-direction:column;gap:1.5rem}.icon-picker-trigger{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.icon-picker-trigger:hover{border-color:#667eea}.selected-icon{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.picker-label{color:#666}.form-value{color:#667eea;font-weight:600;margin-left:auto}.sidebar-preview{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.sidebar-preview h4{color:#333;margin:0 0 1rem}.preview-sidebar{background:#2c3e50;border-radius:8px;padding:1rem}.preview-sidebar-item{align-items:center;border-radius:6px;color:#fffc;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease}.preview-sidebar-item:hover{background:#ffffff1a}.preview-sidebar-item.active{background:#667eea;color:#fff}.preview-icon{font-size:1.5rem}.preview-label{font-weight:500}.activation-options{margin-top:1rem}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-label{align-items:flex-start;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.radio-label:hover{border-color:#667eea}.radio-label input[type=radio]{cursor:pointer;flex-shrink:0;height:20px;margin-top:.25rem;width:20px}.radio-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.radio-title{color:#333;font-size:1.1rem;font-weight:600}.radio-description{color:#666;font-size:.95rem;line-height:1.5}.radio-label:has(input:checked){background:#e3f2fd;border-color:#667eea}.step-save.saving{background:linear-gradient(135deg,#667eea,#764ba2)}.save-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:3rem}.save-spinner{height:120px;margin:0 auto 2rem;position:relative;width:120px}.save-title{color:#333;font-size:2rem;margin-bottom:1rem;text-align:center}.save-message{color:#666;font-size:1.1rem;margin-bottom:2rem;min-height:1.5em;text-align:center}.save-error{background:#ffebee;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.save-error .error-icon{font-size:3rem;margin-bottom:1rem}.save-error .error-message{color:#c62828;font-size:1.1rem;margin-bottom:1.5rem}.step-complete{padding:3rem;text-align:center}.complete-container{margin:0 auto;max-width:900px}.success-animation{margin-bottom:2rem}.success-checkmark{margin:0 auto}.check-icon,.success-checkmark{height:120px;position:relative;width:120px}.check-icon{border:4px solid #4caf50;border-radius:50%;box-sizing:initial}.icon-line{background-color:#4caf50;border-radius:2px;display:block;height:5px;position:absolute;z-index:10}.icon-line.line-tip{animation:checkTip .75s;left:25px;top:56px;transform:rotate(45deg);width:25px}.icon-line.line-long{animation:checkLong .75s;right:15px;top:48px;transform:rotate(-45deg);width:50px}@keyframes checkTip{0%{left:25px;top:56px;width:0}54%{left:25px;top:56px;width:0}70%{left:25px;top:56px;width:25px}}@keyframes checkLong{0%{right:15px;top:48px;width:0}65%{right:15px;top:48px;width:0}84%{right:15px;top:48px;width:50px}}.icon-circle{border:4px solid #4caf504d;border-radius:50%;box-sizing:initial;height:120px;left:-4px;position:absolute;top:-4px;width:120px;z-index:10}.icon-fix{background-color:#fff;height:85px;left:34px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.complete-title{color:#333;font-size:2.5rem;margin-bottom:1rem}.complete-subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem}.framework-complete-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:1.5rem;margin-bottom:3rem;padding:2rem}.framework-complete-card .card-icon{flex-shrink:0;font-size:4rem}.framework-complete-card .card-content{flex:1 1;text-align:left}.framework-complete-card .card-title{font-size:1.75rem;margin:0 0 .5rem}.framework-complete-card .card-title-ar{font-size:1.25rem;margin:0 0 1rem;opacity:.9}.framework-complete-card .card-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{font-size:.95rem;opacity:.9}.meta-icon{font-size:1.25em}.complete-actions{margin-bottom:3rem}.actions-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.action-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.action-card.primary{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-color:#667eea}.action-card.primary:hover{border-color:#764ba2}.action-card .action-icon{font-size:3rem}.action-card .action-content h4{color:#333;font-size:1.25rem;margin:0 0 .5rem}.action-card .action-content p{color:#666;font-size:.95rem;margin:0}.complete-tips{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:left}.complete-tips h4{color:#333;font-size:1.25rem;margin:0 0 1rem}.complete-tips ul{display:flex;flex-direction:column;gap:.75rem;margin:0;padding-left:1.5rem}.complete-tips li{color:#666;line-height:1.6}.complete-tips strong{color:#333}.complete-bottom-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:1024px){.wizard-steps-indicator{padding:1rem}.step-header{padding:1.5rem 2rem}.step-header h2{font-size:1.75rem}.step-ai-prompt,.step-landing,.step-review,.step-save{padding:1.5rem 2rem}.form-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.master-template .wizard-content{max-width:100%}.master-template .step-ai-prompt,.master-template .step-landing,.master-template .step-review,.master-template .step-save{padding:1rem}}@media (max-width:768px){.framework-builder-wizard{padding:.5rem}.master-template .framework-builder-wizard{margin:-.5rem;padding:.5rem}.wizard-steps-indicator{flex-wrap:wrap;gap:1rem}.wizard-step:after{display:none}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.examples-grid,.features-grid{grid-template-columns:1fr}.steps-overview{flex-direction:column}.step-arrow{transform:rotate(90deg)}.review-toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right,.view-mode-toggle{width:100%}.toggle-btn{flex:1 1}.search-box input{min-width:0;width:100%}.node-children{margin-left:1rem}.form-actions{flex-direction:column}.actions-right{width:100%}.actions-right .btn{flex:1 1}.action-cards,.summary-stats{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.emoji-btn{font-size:1.5rem;height:50px;width:50px}.master-template .step-header{padding:1rem 1.5rem}.master-template .step-header h2{font-size:1.5rem}.master-template .step-ai-prompt,.master-template .step-landing,.master-template .step-review,.master-template .step-save{padding:1rem}.master-template .modal-container{margin:.5rem;max-width:95vw;width:95vw}.master-template .modal-container.large{margin:.5rem;max-width:95vw;min-width:1000px;width:95vw}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:50vh}.master-template .modal-container.large .modal-content{display:flex!important;flex-direction:column!important;padding:1.5rem!important;width:100%!important}.master-template .templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;width:100%!important}}.loading-state{color:#888;padding:3rem;text-align:center}.empty-state{color:#888;font-size:1.1rem;padding:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.modal-overlay{z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem 1.5rem 0}.modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-body{padding:1.5rem}.modal-body p{color:#374151;line-height:1.5;margin:0 0 1rem}.warning-text{color:#dc2626;font-weight:500}.modal-actions{gap:.75rem;padding:0 1.5rem 1.5rem}.btn-danger{background:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.framework-management-container{margin:0 auto;max-width:1400px;padding:2rem}.framework-management-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.framework-management-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.framework-management-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.framework-management-header p{color:#6b7280;font-size:1.1rem;margin:0}.header-actions{gap:.75rem}.framework-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-box{min-width:250px}.search-box svg{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #e5e7eb;font-size:1rem;padding:.75rem 1rem .75rem 3rem}.search-box input:focus{outline:none}.filter-select{border:2px solid #e5e7eb;font-size:1rem;padding:.75rem 1rem}.filter-select:focus{outline:none}.error-banner{align-items:center;background:#fee2e2;border:2px solid #fca5a5;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem}.frameworks-section{margin-bottom:3rem}.frameworks-section>h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.framework-card{padding:1.5rem}.framework-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.framework-card.default-framework{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#9ca3af}.framework-card-header{display:flex;gap:1rem;margin-bottom:1rem}.framework-icon-wrapper{flex-shrink:0}.framework-icon{display:block;font-size:3rem;line-height:1}.framework-info{min-width:0}.framework-info h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.framework-name-ar{color:#6b7280;font-size:1rem;margin:0 0 .5rem}.framework-description{-webkit-line-clamp:2;font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.framework-badges{flex-wrap:wrap;gap:.5rem}.framework-code{background:#667eea;color:#fff;font-family:Courier New,monospace}.framework-badge,.framework-code{border-radius:6px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.framework-badge{text-transform:capitalize}.framework-badge.default-badge{background:#374151;color:#fff}.framework-badge.status-active{background:#d1fae5;color:#065f46}.framework-badge.status-draft{background:#fed7aa;color:#92400e}.framework-badge.status-archived{background:#e5e7eb;color:#374151}.framework-type{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.framework-meta{color:#6b7280;display:flex;font-size:.85rem;gap:1rem;margin-bottom:1rem;padding-top:1rem}.meta-item{align-items:center;gap:.5rem}.framework-stats{grid-gap:1rem;background:#ffffff80;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;padding:1rem}.stat{text-align:center}.stat-value{color:#667eea;display:block;font-size:1.75rem;margin-bottom:.25rem}.stat-label{display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.framework-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-ghost{background:#0000;border:1px solid #e5e7eb;color:#6b7280}.btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:.85rem;padding:.5rem .875rem}.action-loading-overlay{align-items:center;background:#ffffffe6;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:0 0 .5rem}.empty-state p{font-size:1rem;margin:0 0 1.5rem}@media (max-width:768px){.framework-management-container{padding:1rem}.framework-management-header{align-items:stretch;flex-direction:column}.framework-management-header h1{font-size:2rem}.header-actions{width:100%}.header-actions .btn{flex:1 1;justify-content:center}.framework-filters{flex-direction:column}.search-box{min-width:0}.frameworks-grid{grid-template-columns:1fr}.framework-stats{grid-template-columns:repeat(2,1fr)}.framework-actions{flex-direction:column}.framework-actions .btn{justify-content:center;width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.quick-edit-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.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:24px}.modal-header h2{color:#111827;color:var(--text-primary,#111827);font-size:24px;font-weight:700;margin:0}.close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;padding:8px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#111827;color:var(--text-primary,#111827)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.error-message{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:16px;padding:12px 16px}.form-group{margin-bottom:20px}.form-group label{color:#111827;color:var(--text-primary,#111827);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px;resize:vertical}.icon-picker-container{position:relative}.icon-display{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.icon-display:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.selected-icon{font-size:32px;line-height:1}.change-text{color:#667eea;font-size:14px;font-weight:500}.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:8px;padding-top:16px}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.btn-secondary:hover{background:#f9fafb}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.clone-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.clone-info{background:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:16px}.clone-info p{color:#111827;color:var(--text-primary,#111827);font-size:14px;margin:0 0 8px}.clone-info p:last-child{margin-bottom:0}.info-text{color:#6b7280!important;color:var(--text-secondary,#6b7280)!important;font-size:13px!important}.code-input-container{align-items:center;display:inline-flex;position:relative}.code-input{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:.2em;outline:none;padding:12px 40px 12px 16px;text-align:center;text-transform:uppercase;transition:all .2s ease;width:100px}.code-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-input.valid{border-color:#10b981}.code-input.invalid{border-color:#ef4444}.validation-icon{height:20px;position:absolute;right:12px;width:20px}.validation-icon.valid{color:#10b981}.validation-icon.invalid{color:#ef4444}.help-text{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:12px;margin-top:6px}.framework-actions-menu{animation:menuSlideIn .2s ease;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;background-attachment:scroll!important;background-clip:initial!important;background-color:#fff!important;background-image:none!important;background-origin:initial!important;background-position:0 0!important;background-repeat:no-repeat!important;background-size:auto!important;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;filter:none!important;-webkit-filter:none!important;isolation:auto!important;max-height:400px;max-width:300px;min-width:220px;mix-blend-mode:normal!important;opacity:1!important;overflow-x:hidden;overflow-y:auto;padding:4px;pointer-events:auto!important;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto;z-index:999999}.framework-actions-menu::-webkit-scrollbar{width:6px}.framework-actions-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.framework-actions-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.framework-actions-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-error{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:13px;gap:8px;margin-bottom:8px}.menu-error,.menu-item{align-items:center;display:flex;padding:10px 12px}.menu-item{background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;gap:12px;position:relative;text-align:left;transition:all .2s ease;width:100%;z-index:10}.menu-item:hover{background:#f3f4f6!important;background-color:#f3f4f6!important}.menu-item:disabled{cursor:not-allowed;opacity:.5}.menu-item.danger{color:#dc2626}.menu-item.danger:hover{background:#fee2e2!important;background-color:#fee2e2!important}.menu-item.confirm{background:#fef3c7;color:#92400e;font-weight:600}.menu-item.confirm:hover{background:#fde68a!important;background-color:#fde68a!important}.menu-icon{flex-shrink:0;height:18px;width:18px}.menu-divider{background:#e5e7eb;height:1px;margin:8px 0}.framework-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:16px;max-height:none;min-height:400px;overflow:visible;padding:24px;position:relative;transition:all .3s ease;z-index:0}.framework-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.framework-card.system{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.framework-card.system:hover{border-color:#2563eb;box-shadow:0 4px 12px #3b82f633}.framework-card.draft{border-color:#fbbf24}.framework-card.archived{border-color:#9ca3af;opacity:.7}.card-selection{left:12px;position:absolute;top:12px;z-index:10}.card-selection input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.card-header{align-items:flex-start;display:flex;justify-content:space-between}.framework-icon-large{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:48px;height:64px;line-height:1;text-align:center;width:64px}.framework-badges{align-items:flex-end;gap:8px}.card-body,.framework-badges{display:flex;flex-direction:column}.card-body{flex:1 1;gap:12px;min-height:0}.framework-title-section{align-items:center;display:flex;gap:12px;justify-content:space-between}.framework-title{word-wrap:break-word;color:#111827;color:var(--text-primary,#111827);flex:1 1;font-size:20px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;overflow-wrap:break-word}.framework-code-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d;color:#fff;display:inline-flex;font-family:Courier New,monospace;font-weight:700;letter-spacing:.1em;padding:4px 10px}.framework-title-ar{color:#6b7280;color:var(--text-secondary,#6b7280);direction:rtl;font-size:16px;margin:0;text-align:right}.framework-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary,#6b7280);display:-webkit-box;max-height:4.8em;overflow:hidden;text-overflow:ellipsis}.framework-meta{grid-gap:12px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding-top:12px}.meta-item{gap:4px}.meta-label{font-size:11px}.meta-value{font-size:14px}.card-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:8px;margin-bottom:20px;margin-top:auto;padding-top:16px;z-index:15}.card-action-btn,.card-footer{pointer-events:auto;position:relative}.card-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:20}.card-action-btn:hover{background:#f9fafb;border-color:#667eea}.card-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;flex:1 1;pointer-events:auto;z-index:25}.card-action-btn.primary:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.card-action-btn.secondary{min-width:44px;padding:10px}.actions-menu-container{z-index:10}@media (max-width:768px){.framework-card{max-height:none;min-height:350px;padding:16px}.framework-icon-large{font-size:36px;height:48px;width:48px}.framework-title{font-size:18px}.framework-description{-webkit-line-clamp:2;line-clamp:2;font-size:13px;max-height:3.2em}.framework-meta{grid-template-columns:1fr 1fr}}@media (max-width:480px){.framework-card{max-height:none;min-height:300px;padding:12px}.framework-title{font-size:16px}.framework-description{-webkit-line-clamp:2;line-clamp:2;font-size:12px;max-height:2.4em}.framework-meta{gap:8px;grid-template-columns:1fr}.card-action-btn{font-size:12px;padding:8px 12px}}.framework-list-item{grid-gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);cursor:pointer;display:grid;gap:16px;grid-template-columns:40px 50px 2fr 100px 100px 120px 100px 120px 100px;padding:16px;position:relative;transition:background .2s ease;z-index:0}.framework-list-item:hover{background:#f9fafb}.framework-list-item:last-child{border-bottom:none}.list-cell-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.framework-icon-small{display:block;font-size:28px;line-height:1}.list-cell-name{display:flex;flex-direction:column;gap:4px}.name-primary{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600}.name-secondary{color:#6b7280;color:var(--text-secondary,#6b7280);direction:rtl;font-size:12px}.code-badge{border-radius:6px;display:inline-flex;font-size:11px;padding:4px 8px}.status-badge{font-size:11px;gap:4px;padding:4px 10px}.status-badge.blue{background:#dbeafe;color:#1e40af}.badge-icon{height:12px;width:12px}.list-cell-assessments,.list-cell-created,.list-cell-type{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px}.list-cell-actions{overflow:visible!important;position:relative;z-index:10}.actions-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.actions-trigger:hover{background:#f3f4f6;color:#111827;color:var(--text-primary,#111827)}.actions-menu-container{overflow:visible!important;position:relative}@media (max-width:1024px){.framework-list-item{font-size:12px;gap:12px;grid-template-columns:40px 50px 2fr 80px 80px 90px 100px 80px}}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bulk-info{align-items:center;display:flex;gap:12px}.bulk-count{color:#fff;font-size:16px;font-weight:600}.bulk-actions{display:flex;flex:1 1;gap:8px;justify-content:center}.bulk-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-action-btn:hover{background:#fff3;border-color:#ffffff80}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-action-btn.danger{background:#dc262633;border-color:#dc262680}.bulk-action-btn.danger:hover{background:#dc26264d;border-color:#dc2626b3}.bulk-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.bulk-close-btn:hover{background:#fff3}.framework-management-page{background:#f9fafb;background:var(--background,#f9fafb);display:flex;flex-direction:column;min-height:100vh;padding:2rem;width:100%}.master-template .framework-management-page{margin:-2rem;max-width:none;padding:2rem;width:calc(100% + 4rem)}.framework-management-page.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;min-height:104px;width:100%}.header-left{align-items:center;display:flex;gap:16px}.page-icon{color:#667eea;height:40px;width:40px}.header-text h1{color:#111827;color:var(--text-primary,#111827);font-size:28px;font-weight:700;margin:0}.header-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:4px 0 0}.header-actions{flex-shrink:0;gap:12px;min-width:0}.action-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.action-button:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.action-button.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.action-button.secondary{background:#f3f4f6;border:1px solid #e5e7eb}.action-button.secondary:hover{background:#e5e7eb}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button:disabled:hover{box-shadow:none;transform:none}.controls-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;width:100%}.search-box{flex:1 1;min-width:300px;position:relative}.search-icon{color:#6b7280;color:var(--text-secondary,#6b7280);height:20px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box input{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:14px;outline:none;padding:10px 16px 10px 44px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-controls{align-items:center;display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 16px;transition:all .2s ease}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.view-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;padding:8px;transition:all .2s ease}.view-toggle-btn:hover{background:#fff;color:#111827;color:var(--text-primary,#111827)}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.frameworks-container{flex:1 1;margin-top:1.5rem;width:100%}.frameworks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding-bottom:2rem;width:100%}.frameworks-list{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:visible}.list-header{grid-gap:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:grid;font-size:12px;font-weight:600;gap:16px;grid-template-columns:40px 50px 2fr 100px 100px 120px 100px 120px 100px;letter-spacing:.05em;padding:16px;text-transform:uppercase}.list-header input[type=checkbox]{cursor:pointer;height:18px;width:18px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.empty-icon{color:#6b7280;color:var(--text-secondary,#6b7280);height:64px;margin-bottom:16px;width:64px}.empty-state h3{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0 0 24px}@media (min-width:1400px){.frameworks-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (max-width:1024px){.frameworks-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.list-header{font-size:11px;gap:12px;grid-template-columns:40px 50px 2fr 80px 80px 90px 100px 80px}}@media (max-width:768px){.framework-management-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.action-button{flex:1 1;justify-content:center;min-width:120px}.action-button span{display:inline}.controls-bar{flex-direction:column;gap:.75rem}.search-box{min-width:0;min-width:auto;width:100%}.filter-controls{flex-wrap:wrap;gap:.5rem;width:100%}.filter-select{flex:1 1;min-width:120px}.frameworks-grid{gap:1rem;grid-template-columns:1fr}.frameworks-list{overflow-x:auto}.list-header{min-width:900px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.frameworks-grid>*,.frameworks-list>*{animation:fadeIn .3s ease}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.framework-details-page{background:#f9fafb;background:var(--background,#f9fafb);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.framework-details-page.error,.framework-details-page.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.error-icon{height:64px;width:64px}.details-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.back-btn{background:#fff;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827);padding:10px 16px}.back-btn:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.header-actions{align-items:center;flex-wrap:wrap;gap:16px}.action-btn{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#111827;color:var(--text-primary,#111827);font-weight:600;gap:10px;justify-content:center;min-width:120px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn:hover{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.action-btn:active{box-shadow:0 4px 12px #667eea33;transform:translateY(0)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:700;min-width:140px}.action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.action-btn.primary:active{box-shadow:0 6px 20px #667eea59;transform:translateY(-1px)}.action-btn svg{transition:transform .3s ease}.action-btn:hover svg{transform:scale(1.1)}.details-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:32px}.section-title{color:#111827;color:var(--text-primary,#111827);font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.section-header,.section-title{align-items:center;display:flex}.section-header{justify-content:space-between;margin-bottom:24px}.toggle-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-btn:hover{background:#f3f4f6}.overview-section{background:linear-gradient(135deg,#f8f9ff,#f3f4ff);border-color:#e0e7ff}.framework-header{display:flex;gap:24px;margin-bottom:24px}.framework-icon-large{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;font-size:80px;height:120px;justify-content:center;width:120px}.framework-info{flex:1 1}.title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.title-row h1{color:#111827;color:var(--text-primary,#111827);font-size:32px;font-weight:700;margin:0}.code-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:.1em}.code-badge,.status-badge{border-radius:8px;padding:6px 12px}.status-badge{align-items:center;display:inline-flex;gap:6px;letter-spacing:.05em;text-transform:uppercase}.status-badge.green{background:#d1fae5;color:#065f46}.status-badge.yellow{background:#fef3c7;color:#92400e}.status-badge.gray{background:#f3f4f6;color:#4b5563}.badge-icon{height:14px;width:14px}.name-ar{direction:rtl;font-size:24px;margin:0 0 16px}.description,.name-ar{color:#6b7280;color:var(--text-secondary,#6b7280)}.description{font-size:16px;line-height:1.6;margin:0 0 12px}.description-ar{color:#9ca3af;color:var(--text-secondary,#9ca3af);direction:rtl;font-size:15px;line-height:1.6;margin:0}.meta-info{grid-gap:16px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:24px}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{border-radius:10px;flex-shrink:0;height:40px;padding:10px;width:40px}.stat-icon.purple{background:#ede9fe;color:#7c3aed}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.green{background:#d1fae5;color:#059669}.stat-icon.orange{background:#fed7aa;color:#ea580c}.stat-icon.teal{background:#ccfbf1;color:#0d9488}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{color:#111827;color:var(--text-primary,#111827);font-size:28px;font-weight:700;line-height:1}.stat-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;font-weight:500}.structure-summary{background:#f9fafb;border-radius:8px;display:flex;gap:32px;margin-bottom:16px;padding:16px 20px}.summary-item{align-items:center;display:flex;gap:8px}.summary-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-weight:500}.summary-value{color:#667eea;font-size:16px;font-weight:700}.structure-tree{background:#fafbfc;border-radius:8px;margin-top:16px;max-height:600px;overflow-y:auto;padding:16px}.usage-table{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1.5fr 1fr 1fr;padding:16px}.table-header{background:#f9fafb;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-header,.table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.table-row{cursor:pointer;transition:background .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.col-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600}.col-client,.col-date{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.ai-info{display:flex;flex-direction:column;gap:24px}.ai-meta{display:flex;gap:32px}.ai-prompt{background:#f9fafb;border-left:4px solid #667eea;border-radius:8px;padding:20px}.prompt-label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.prompt-text{color:#111827;color:var(--text-primary,#111827);font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}@media (max-width:1200px){.header-actions{gap:12px}.action-btn{font-size:13px;min-width:100px;padding:10px 16px}.action-btn.primary{min-width:120px}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.framework-header{flex-direction:column}.header-actions{flex-wrap:wrap;justify-content:center}.action-btn{flex:1 1;max-width:200px;min-width:0}}@media (max-width:768px){.framework-details-page{padding:16px}.details-section{padding:20px}.details-header{align-items:stretch;flex-direction:column}.header-actions{flex-direction:column;gap:12px;width:100%}.action-btn{font-size:15px;justify-content:center;min-width:auto;padding:14px 20px;width:100%}.action-btn.primary{min-width:auto;order:-1}.framework-icon-large{font-size:48px;height:80px;width:80px}.title-row h1{font-size:24px}.stats-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.table-header{display:none}.structure-summary{flex-direction:column;gap:12px}}.w-4{height:16px;width:16px}.w-5{height:20px;width:20px}.framework-structure-view{background:#f9fafb;min-height:100vh;padding:24px;width:100%}.framework-structure-view.rtl{direction:rtl}.framework-structure-view.ltr{direction:ltr}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.loading-container p{color:#6b7280;font-size:14px;margin-top:16px}.error-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.error-icon{color:#ef4444;margin-bottom:16px}.error-container h2{color:#1f2937;font-size:20px;margin:0 0 8px}.error-container p{color:#6b7280;font-size:14px;margin:0 0 24px}.structure-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px}.back-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.header-info{flex:1 1}.framework-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.framework-title h1{color:#1f2937;font-size:24px;font-weight:600;margin:0}.framework-code-badge{background:#ede9fe;color:#7c3aed}.framework-code-badge,.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.framework-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.action-btn,.header-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.action-btn.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.action-btn.secondary:hover{background:#e5e7eb}.action-btn.primary{background:#3b82f6!important;color:#fff!important}.action-btn.primary:hover{background:#2563eb!important}.structure-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px;padding:24px}.empty-structure{align-items:center;color:#9ca3af;display:flex;font-size:14px;justify-content:center;min-height:400px}@media (max-width:768px){.framework-structure-view{padding:16px}.structure-header{flex-direction:column;gap:12px}.header-actions{width:100%}.action-btn{flex:1 1;justify-content:center}}.btn-primary{background:#3b82f6!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#2563eb!important}
/*# sourceMappingURL=main.c71b7b0b.css.map*/