@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.top-navbar{height:70px;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:999}.navbar-left{display:flex;align-items:center;gap:1.5rem}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-text{font-size:1.75rem;font-weight:700;color:#212529}.navbar-right{display:flex;align-items:center;gap:1.5rem}.icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;border-radius:50%;transition:all .2s ease}.icon-button:hover{color:#4338ca;background-color:#f3f4f6}.user-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.hamburger-menu-button{display:none}@media(max-width:1023px){.top-navbar{padding:0 1.5rem}.logo-container{display:none}.hamburger-menu-button{display:flex;font-size:26px}}@media(max-width:767px){.top-navbar{padding:0 1rem}.navbar-right{gap:.75rem}.user-profile-image{width:36px;height:36px}}.notifications-dropdown{position:relative;display:inline-block}.notification-bell-button{position:relative;background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell-button:hover{background-color:#f3f4f6;color:#374151}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.notifications-panel{position:absolute;top:100%;right:0;width:380px;max-height:480px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden;margin-top:8px}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB;background-color:#f9fafb}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.notifications-actions{display:flex;align-items:center;gap:8px}.mark-all-read-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read-btn:hover{background-color:#e5e7eb;color:#374151}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#e5e7eb;color:#374151}.notifications-content{max-height:400px;overflow-y:auto}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.loading-spinner{width:24px;height:24px;border:2px solid #E5E7EB;border-top:2px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af}.no-notifications p{margin:12px 0 0;font-size:14px}.notifications-list{padding:8px 0}.notification-item{display:flex;align-items:flex-start;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eef2ff}.notification-item.unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:#3b82f6;border-radius:50%}.notification-icon{flex-shrink:0;margin-right:12px;margin-top:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.notification-header h4{margin:0;font-size:14px;font-weight:600;color:#111827;line-height:1.3}.notification-time{font-size:11px;color:#9ca3af;white-space:nowrap;margin-left:8px}.notification-message{margin:0;font-size:13px;color:#6b7280;line-height:1.4;word-wrap:break-word}.delete-notification-btn{flex-shrink:0;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;margin-left:8px;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{background-color:#fee2e2;color:#ef4444}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:#f1f1f1}.notifications-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notifications-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:640px){.notifications-panel{width:calc(100vw - 32px);right:-8px;left:-8px;margin:8px}.notification-header{flex-direction:column;align-items:flex-start}.notification-time{margin-left:0;margin-top:2px}}:root{--sidebar-width: 260px;--sidebar-width-collapsed: 88px;--transition-speed: .3s;--color-border: #e9ecef;--color-text-primary: #111827;--color-text-secondary: #495057;--color-primary-light-bg: #EEF2FF;--color-primary-brand: #4338CA;--color-icon-primary: #6B7280}.app-layout-container{display:flex;background-color:#f8f9fa;min-height:100vh;position:relative;overflow-x:hidden}.sidebar{width:var(--sidebar-width);height:100vh;background-color:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:20px 14px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:1200;transition:width var(--transition-speed) ease,transform var(--transition-speed) ease}.main-content-wrapper{flex-grow:1;transition:margin-left var(--transition-speed) ease;width:100%;overflow-x:hidden}.content-area{width:100%;padding:1.5rem;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;height:40px;margin-bottom:30px;padding:0 4px;flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;overflow:hidden}.logo-image{height:36px;width:36px;object-fit:contain;flex-shrink:0}.logo-name-text{font-size:16px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.sidebar-toggle-wrapper{display:flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:50%;cursor:pointer;color:#4b5563;flex-shrink:0;transition:background-color .2s ease}.sidebar-toggle-wrapper:hover{background-color:#f3f4f6}.sidebar-toggle-wrapper .icon{font-size:22px}.sidebar-content{flex-grow:1;overflow-y:auto;overflow-x:hidden}.menu-group{margin-bottom:16px}.menu-group-title{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 16px;white-space:nowrap}.menu-group ul{list-style:none;padding:0;margin:0}.menu-item{display:flex;align-items:center;padding:10px 16px;margin-bottom:4px;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease-in-out;text-decoration:none;white-space:nowrap}.menu-item-icon{display:flex;align-items:center;font-size:20px;margin-right:16px;color:var(--color-icon-primary)}.menu-item-text{font-size:15px;font-weight:500}a.menu-item.active{background-color:var(--color-primary-light-bg);color:var(--color-primary-brand);font-weight:600}a.menu-item.active .menu-item-icon{color:var(--color-primary-brand)}a.menu-item:not(.active):hover{background-color:#f3f4f6}.sidebar-footer{margin-top:auto;flex-shrink:0;padding-top:10px;border-top:1px solid var(--color-border)}.user-profile{display:flex;align-items:center;padding:8px;margin:4px 0;border-radius:8px;transition:background-color .2s ease;text-decoration:none}.user-profile:hover{background-color:#f9fafb}.avatar-wrapper{position:relative;flex-shrink:0;margin-right:12px}.avatar{width:40px;height:40px;border-radius:50%;background-color:#ebf0ff;color:#4a65d3;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.verified-badge{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;background-color:#fff!important;border-radius:50%!important;bottom:-2px!important;right:-2px!important;box-shadow:0 1px 3px #0000001a!important}.verified-badge svg{color:#22c55e;stroke-width:2.5;font-size:18px}.user-info-wrapper{display:flex;flex-direction:column;justify-content:center;overflow:hidden;transform:translateY(-1px)}.user-info-main-line{display:flex;align-items:baseline}.user-name{font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-profile-dots{color:#8b5cf6;font-weight:700;line-height:1;margin-left:8px;transform:translateY(-1px)}.user-subtext-link{font-size:13px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.logout-section .menu-item{padding-left:16px}.logout-section .menu-item-icon{font-size:20px}@media(max-width:767px){.sidebar{transform:translate(-100%);box-shadow:0 0 20px #0000001a}.main-content-wrapper{margin-left:0;width:100%}.app-layout-container.mobile-nav-open .sidebar{transform:translate(0)}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1150}.sidebar-toggle-wrapper{display:none}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:var(--sidebar-width-collapsed)}.main-content-wrapper{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}.sidebar-toggle-wrapper,.sidebar .logo-name-text,.sidebar .menu-group-title,.sidebar .menu-item-text,.sidebar .user-info-wrapper{display:none}.sidebar .sidebar-header,.sidebar .logo,.sidebar .menu-item{justify-content:center}.sidebar .menu-item-icon{margin-right:0;font-size:22px}.sidebar .user-profile{justify-content:center}.sidebar .avatar-wrapper{margin-right:0}}@media(min-width:1024px){.sidebar{width:var(--sidebar-width)}.main-content-wrapper{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.content-area{padding:2.5rem}.app-layout-container.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed)}.app-layout-container.sidebar-collapsed .main-content-wrapper{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}.app-layout-container.sidebar-collapsed .logo-name-text,.app-layout-container.sidebar-collapsed .menu-group-title,.app-layout-container.sidebar-collapsed .menu-item-text,.app-layout-container.sidebar-collapsed .user-info-wrapper{display:none}.app-layout-container.sidebar-collapsed .sidebar-header,.app-layout-container.sidebar-collapsed .logo,.app-layout-container.sidebar-collapsed .menu-item,.app-layout-container.sidebar-collapsed .user-profile{justify-content:center}.app-layout-container.sidebar-collapsed .menu-item-icon{margin-right:0;font-size:22px}.app-layout-container.sidebar-collapsed .avatar-wrapper{margin-right:0}}:root{--primary-blue: #375FD4;--light-blue-card: #4A6DDB;--button-hover: #2F51B8;--light-grey-bg: #F8F9FD;--form-bg: #FFFFFF;--text-primary: #1E293B;--text-secondary: #64748B;--text-on-dark: #FFFFFF;--border-color: #E2E8F0;--input-bg-filled: #F1F5F9;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 8px;--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .05);--success-color: #10B981;--error-color: #EF4444}.auth-container{display:flex;min-height:100vh;width:100%;font-family:var(--font-family);background-color:var(--light-grey-bg)}.auth-branding-panel{width:100%;background-color:var(--primary-blue);color:var(--text-on-dark);display:none;flex-direction:column;justify-content:center;padding:40px;box-sizing:border-box}.branding-content{max-width:600px;margin:0 auto}.branding-logo{display:flex;align-items:center;margin-bottom:3.5rem}.logo-icon{width:50px;height:50px;background-color:var(--form-bg);color:var(--primary-blue);font-size:1.75rem;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);margin-right:12px}.branding-logo h2{font-size:1.75rem;font-weight:600;margin:0}.branding-content h3{font-size:2.75rem;font-weight:600;margin-bottom:1rem;line-height:1.2}.branding-content p{font-size:1rem;line-height:1.6;margin-bottom:3.5rem;opacity:.8;max-width:440px}.feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-list li{background-color:var(--light-blue-card);padding:24px;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;color:var(--text-on-dark)}.feature-list svg{display:block;font-size:1.5rem;margin-bottom:10px}.auth-form-panel{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.form-wrapper{width:100%;max-width:420px;background-color:var(--form-bg);padding:30px;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--border-color)}.form-header{text-align:center;margin-bottom:2.5rem}.form-header h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-header p{font-size:1rem;color:var(--text-secondary)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:12px 16px;font-size:1rem;color:var(--text-primary);background-color:var(--form-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box}.form-input::placeholder{color:#9ca3af}.form-input:-webkit-autofill,.form-input:not(:placeholder-shown){background-color:var(--input-bg-filled)!important}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #375fd433;background-color:var(--form-bg)}.form-input.email-valid,.form-input.email-valid:not(:placeholder-shown),.form-input.email-valid:-webkit-autofill{border-color:var(--success-color)!important;background-color:#f0fdf4!important}.form-input.email-valid:focus{border-color:var(--success-color)!important;box-shadow:0 0 0 3px #10b98133!important}.form-input.email-invalid,.form-input.email-invalid:not(:placeholder-shown),.form-input.email-invalid:-webkit-autofill{border-color:var(--error-color)!important;background-color:#fef2f2!important}.form-input.email-invalid:focus{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ef444433!important}.email-error-message{color:var(--error-color);font-size:.8rem;font-weight:500;margin-top:6px;text-align:left}.btn-submit{width:100%;padding:14px;font-size:1rem;font-weight:500;color:var(--text-on-dark);background-color:var(--primary-blue);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease;margin-top:1.5rem}.btn-submit:hover{background-color:var(--button-hover)}.password-input-container{position:relative;width:100%}.password-input-container .form-input{padding-right:50px}.password-toggle-btn{position:absolute;top:0;right:0;height:100%;width:50px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.25rem;transition:color .2s ease}.password-toggle-btn:hover{color:var(--text-primary)}.forgot-password-link{display:block;text-align:right;margin-top:8px;font-size:.875rem;font-weight:500;color:var(--primary-blue);text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:var(--button-hover);text-decoration:underline}.auth-switch-link{text-align:center;margin-top:2rem;font-size:.9rem;color:var(--text-secondary)}.auth-switch-link a{color:var(--primary-blue);font-weight:500;text-decoration:none;transition:color .2s ease}.auth-switch-link a:hover{color:var(--button-hover);text-decoration:underline}.sso-divider{display:flex;align-items:center;margin:24px 0;color:#8a94a6}.sso-divider-line{flex-grow:1;height:1px;background-color:#dce0e6}.sso-divider-text{padding:0 16px;font-size:12px;font-weight:500;text-transform:uppercase}.btn-sso{width:100%;padding:12px;border:1px solid #dce0e6;border-radius:8px;background-color:#fff;color:#2c3e50;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.btn-sso:hover{background-color:#f8f9fa;border-color:#c8ced6}.sso-icon{font-size:18px}.auth-error-message{color:var(--error-color);background-color:#fef2f2;border:1px solid var(--error-color);padding:12px;border-radius:var(--border-radius);font-size:.9rem;margin:1rem 0;text-align:center}.auth-success-message{color:var(--success-color);background-color:#f0fdf4;border:1px solid var(--success-color);padding:12px;border-radius:var(--border-radius);font-size:.9rem;margin:1rem 0;text-align:center}@media(min-width:768px){.auth-form-panel{padding:40px}.form-wrapper{padding:40px;box-shadow:var(--card-shadow)}}@media(min-width:1024px){.auth-container{display:grid;grid-template-columns:1fr 1fr}.auth-branding-panel{display:flex}.auth-form-panel{flex:1}}:root{--brand-blue: #3B82F6;--brand-blue-dark: #2563EB;--text-dark: #1F2937;--text-light: #6B7280;--border-color: #D1D5DB;--surface-white: #FFFFFF;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.auth-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;font-family:var(--font-family)}.auth-branding-panel{background-color:var(--brand-blue);color:#fff;display:flex;justify-content:center;align-items:center;padding:3rem}.branding-content{max-width:400px;text-align:left}.branding-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.branding-logo .logo-icon{background-color:#fff;color:var(--brand-blue);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.branding-logo h2{font-size:2rem;font-weight:700;margin:0}.branding-content h3{font-size:1.25rem;font-weight:500;margin:0 0 1rem}.branding-content p{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:2rem}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;margin-bottom:1rem}.feature-list li svg{font-size:1.25rem}.auth-form-panel{background-color:var(--surface-white);display:flex;justify-content:center;align-items:center;padding:2rem}.form-wrapper{width:100%;max-width:400px}.form-header{text-align:left;margin-bottom:2rem}.form-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.form-logo .logo-icon{background-color:var(--brand-blue);color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.form-logo h2{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0}.form-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0 0 .5rem}.form-header p{color:var(--text-light);margin:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #3b82f633}.options-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-light);cursor:pointer}.forgot-password-link,.auth-switch-link a{color:var(--brand-blue);text-decoration:none;font-weight:500}.forgot-password-link:hover,.auth-switch-link a:hover{text-decoration:underline}.btn-submit{width:100%;padding:.875rem;border:none;border-radius:6px;background-color:var(--brand-blue);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-submit:hover{background-color:var(--brand-blue-dark)}.auth-switch-link{text-align:center;margin-top:2rem;color:var(--text-light)}@media(max-width:900px){.auth-container{grid-template-columns:1fr}.auth-branding-panel{display:none}.auth-form-panel{min-height:100vh}}.form-group .error-message{color:#e53e3e;font-size:.875rem;margin-top:.5rem;text-align:left}.form-group input:invalid{box-shadow:none}.dashboard-page{padding:1rem;background-color:#f8f9fa;min-height:100vh}.dashboard-header{margin-bottom:1rem}.dashboard-header h1{font-size:1.75rem;color:#212529;font-weight:700;margin:0}.dashboard-header p{font-size:1rem;color:#6c757d;margin:0}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;color:#343a40;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{border-color:#adb5bd;background-color:#f8f9fa}.filter-toggle-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.filter-section{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.filter-grid{display:grid;grid-template-columns:1fr;gap:1rem}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-select{width:100%;padding:.6rem .8rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;height:40px;background-color:#fff;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-icon-container{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-container svg{font-size:1.25rem;color:inherit}.stat-card-content h3{font-size:.9rem;color:#6c757d;margin:0 0 .25rem;font-weight:500}.stat-card-content .stat-number{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2}.charts-section{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef}.chart-container h3{font-size:1.1rem;color:#343a40;margin:0 0 1.5rem;font-weight:600}.dashboard-task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.dashboard-task-list li{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.dashboard-task-link{border:none;background:none;color:#0f172a;font-weight:600;cursor:pointer;padding:0;text-align:left}.dashboard-task-meta{color:#64748b;font-size:.85rem;flex:1}.dashboard-task-complete{border:none;background:#059669;color:#fff;border-radius:6px;padding:.25rem .6rem;cursor:pointer;font-size:.8rem}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6c757d;text-align:center}.no-data-message svg{margin-bottom:1rem;opacity:.5}.no-data-message p{margin:0;font-size:.9rem}.dashboard-contact-list{background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 2px 8px #0000000f}.contact-list-header{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.contact-list-header h3{font-size:1.1rem;color:#343a40;margin:0;font-weight:600}.contact-count{font-size:.9rem;color:#6c757d}.contact-table{overflow-x:auto}.table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;background-color:#f8f9fa;padding:1rem 1.5rem;font-weight:600;color:#495057;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid #e9ecef}.contact-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease;align-items:center}.contact-row:hover{background-color:#f8f9fa}.contact-row span{font-size:.9rem;color:#495057}.status-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:12px;text-transform:capitalize}.status-badge.new{background-color:#d1ecf1;color:#0c5460}.status-badge.contacted{background-color:#d4edda;color:#155724}.status-badge.qualified{background-color:#fff3cd;color:#856404}.status-badge.proposal{background-color:#f8d7da;color:#721c24}.status-badge.negotiation{background-color:#e2e3e5;color:#383d41}.status-badge.closed{background-color:#d1ecf1;color:#0c5460}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid #e9ecef;background-color:#f8f9fa}.pagination-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem;color:#6c757d;font-weight:500}.no-contacts-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:#6c757d;text-align:center}.no-contacts-message svg{margin-bottom:1rem;opacity:.5}.no-contacts-message p{margin:0;font-size:1rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;font-size:1.1rem;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.error-container svg{color:#dc3545;margin-bottom:1rem}.error-container h2{color:#dc3545;margin:0 0 1rem;font-size:1.5rem}.error-container p{color:#6c757d;margin:0 0 1.5rem;font-size:1rem}.retry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background-color:#0056b3}.card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid #e9ecef}.dashboard-prompt-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem;color:#6c757d;border:2px dashed #dee2e6;background-color:#f8f9fa;border-radius:8px;min-height:200px}.dashboard-prompt-card svg{margin-bottom:1rem;opacity:.6}.dashboard-prompt-card p{margin:0;font-size:1rem}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media(min-width:768px){.dashboard-page{padding:1.5rem 2.5rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-actions{grid-column:auto}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.charts-section{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.table-header,.contact-row{grid-template-columns:2fr 2fr 1.5fr 1fr}}@media(min-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}.filter-grid{grid-template-columns:repeat(6,1fr)}.filter-actions{grid-column:span 2}}:root{--primary-color: #4F46E5 !important;--primary-hover: #4338CA !important;--secondary-color: #6B7280 !important;--border-color: #E5E7EB !important;--background-color: #F9FAFB !important;--container-bg: #FFFFFF !important;--success-color: #10B981 !important;--warning-color: #F59E0B !important;--danger-color: #EF4444 !important;--info-color: #3B82F6 !important;--error-color: #EF4444 !important;--font-family: "Inter", sans-serif !important}body{font-family:var(--font-family)!important;background-color:var(--background-color)!important;color:var(--secondary-color)!important;margin:0!important}.body-no-scroll{overflow:auto!important}.contacts-page-container{margin:2rem auto!important;padding:2rem!important;background-color:var(--container-bg)!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.page-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-bottom:1.5rem!important;border-bottom:1px solid var(--border-color)!important;margin-bottom:1.5rem!important}.page-title{font-size:2rem!important;font-weight:700!important;color:#111827!important;display:flex!important;align-items:center!important;gap:.75rem!important}.header-actions{display:flex!important;gap:.75rem!important}.btn{padding:.6rem 1.2rem!important;border:1px solid transparent!important;border-radius:8px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease-in-out!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.btn-primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #4f46e533!important}.btn-secondary{background-color:var(--container-bg)!important;color:#374151!important;border:1px solid var(--border-color)!important}.btn-secondary:hover{background-color:#f9fafb!important;border-color:#d1d5db!important}.btn-view-email{background:none!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;vertical-align:middle!important;display:inline-flex!important;align-items:center!important;color:var(--primary-color)!important;transition:opacity .2s ease!important}.btn-view-email:hover{opacity:.7!important}.btn-view-email svg{width:18px!important;height:18px!important}.contact-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background-color:var(--primary-color)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;text-transform:uppercase!important;font-size:.875rem!important;flex-shrink:0!important;box-sizing:border-box!important}.filters-section{background:#fff;border-radius:8px;border:1px solid #e9ecef;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.8rem;font-weight:500;color:#495057;margin-bottom:.4rem}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#adb5bd;z-index:1}.search-input{width:100%;padding:.6rem .8rem .6rem 38px;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;height:40px;transition:border-color .2s ease}.filter-select{width:100%;padding:.6rem .8rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;height:40px;background-color:#fff;transition:border-color .2s ease;color:#495057}.search-input:focus,.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:.5rem;gap:.75rem}.reset-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:#6c757d;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.reset-btn:hover{background-color:#5a6268}.table-container{overflow-x:auto!important}.table{width:100%!important;border-collapse:collapse!important;text-align:left!important}.table thead{background-color:#f9fafb!important}.table th,.table td{padding:1rem 1.5rem!important;border-bottom:1px solid var(--border-color)!important;vertical-align:middle!important}.table th{font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--secondary-color)!important;font-weight:600!important}.table td{color:#374151!important}.table th:first-child,.table td:first-child{text-align:left!important}.table input[type=checkbox]{width:16px!important;height:16px!important;cursor:pointer!important;accent-color:var(--primary-color)!important}.table tbody tr{transition:background-color .15s ease-in-out!important}.table tbody tr:last-child td{border-bottom:none!important}.clickable-row{cursor:pointer!important}.clickable-row:hover{background-color:#f9fafb!important}.contact-info{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important}.contact-info h4{margin:0!important;font-size:.95rem!important;font-weight:600!important;color:#111827!important}.status-badge,.priority-badge{display:inline-block!important;padding:.25rem .75rem!important;border-radius:999px!important;font-size:.75rem!important;font-weight:600!important;text-transform:capitalize!important;white-space:nowrap!important}.status-badge.status-active{background-color:#d1fae5!important;color:#065f46!important}.status-badge.status-inactive,.status-badge.status-inquiry{background-color:#f3f4f6!important;color:#4b5563!important}.priority-badge.priority-high{background-color:#fee2e2!important;color:#991b1b!important}.priority-badge.priority-medium{background-color:#fef3c7!important;color:#92400e!important}.priority-badge.priority-low{background-color:#d1fae5!important;color:#065f46!important}.action-buttons{display:flex!important;flex-wrap:nowrap!important;gap:8px!important}.action-btn{background-color:#f9fafb!important;border:1px solid #E5E7EB!important;padding:0!important;cursor:pointer!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0000000d!important}.action-btn svg{width:18px!important;height:18px!important;color:#6b7280;transition:color .2s ease!important}.action-btn:hover{transform:translateY(-2px)!important;border-color:#d1d5db!important;background-color:#fff!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.action-btn[disabled]{cursor:not-allowed;background-color:#f9fafb!important;opacity:.6;transform:none;box-shadow:none}.action-btn[disabled]:hover{border-color:#e5e7eb!important}.action-btn[title=View]:hover svg{color:#2563eb!important}.action-btn[title=Email]:hover svg{color:#ea580c!important}.action-btn[title=Edit]:hover svg{color:#ca8a04!important}.action-btn[title=Delete]:hover svg{color:#dc2626!important}.action-btn[title=Call]:hover svg{color:#059669!important}.action-btn[title=SMS]:hover svg{color:#7c3aed!important}.action-btn[title=WhatsApp] svg{color:#16a34a!important}.action-btn[title=WhatsApp]:hover svg{color:#15803d!important}.contact-detail-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:2rem!important}.detail-main{display:flex!important;flex-direction:column!important;gap:2rem!important}.detail-section{border:1px solid var(--border-color)!important;border-radius:12px!important;padding:1.5rem!important}.detail-section h3{margin:0 0 1.5rem!important;font-size:1.1rem!important;font-weight:600!important;color:#111827!important;border-bottom:1px solid var(--border-color)!important;padding-bottom:.75rem!important}.detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem!important}.detail-item{display:flex!important;flex-direction:column!important}.detail-label{font-size:.8rem!important;font-weight:500!important;color:var(--secondary-color)!important;margin-bottom:.25rem!important}.detail-value{font-size:.95rem!important;color:#374151!important;font-weight:500!important}.detail-sidebar .sidebar-card{padding:1.5rem!important;border:1px solid var(--border-color)!important;border-radius:12px!important}.sidebar-card h4{margin-top:0!important;margin-bottom:1rem!important;font-weight:600!important}.detail-item.full-width-detail{grid-column:1 / -1!important}.detail-notes{color:#374151!important;font-size:.95rem!important;line-height:1.6!important;white-space:pre-wrap!important}.form-view-wrapper{height:100vh!important;overflow-y:auto!important;padding:2rem!important;box-sizing:border-box!important}.form-container{max-width:1200px!important;margin:0 auto!important;background-color:var(--container-bg)!important;border-radius:12px!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}.form-container .page-header{padding:1.5rem 2rem!important;margin-bottom:0!important;border-bottom:1px solid var(--border-color)!important}.form-container .page-title{font-size:1.5rem!important}.form-container form{padding:1.5rem 2rem 2rem!important}.form-grid{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:1.25rem 1.5rem!important}.form-group{display:flex!important;flex-direction:column!important}.form-label{font-size:.875rem!important;font-weight:600!important;color:#374151!important;margin-bottom:.5rem!important}.form-input,.form-textarea{width:100%!important;padding:.75rem 1rem!important;font-size:.95rem!important;border:1px solid var(--border-color)!important;border-radius:8px!important;background-color:var(--container-bg)!important;color:#111827!important;font-family:inherit!important;box-shadow:0 1px 2px #0000000d!important;transition:border-color .2s ease,box-shadow .2s ease!important;box-sizing:border-box!important}.form-input:focus,.form-textarea:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #4f46e51a!important}.form-textarea{min-height:100px!important;resize:vertical!important}.is-invalid{border-color:var(--error-color)!important}.is-invalid:focus{box-shadow:0 0 0 3px #ef444426!important}.invalid-feedback{color:var(--error-color)!important;font-size:.8rem!important;margin-top:.25rem!important}.form-group.col-span-1{grid-column:span 1!important}.form-group.col-span-2{grid-column:span 2!important}.form-group.col-span-3{grid-column:span 3!important}.form-group.col-span-4{grid-column:span 4!important}.form-group.col-span-6{grid-column:span 6!important}.form-group.col-span-12{grid-column:span 12!important}.phone-input-group{display:flex!important;align-items:flex-start!important;gap:.5rem!important}.phone-input-group:not(:last-of-type){margin-bottom:.75rem!important}.phone-type-select{flex:0 0 120px!important}.phone-code-select{flex:0 0 180px!important}.phone-input-wrapper{flex-grow:1!important;position:relative!important}.btn-add-phone{background:transparent!important;border:1px dashed var(--border-color)!important;color:var(--secondary-color)!important;font-weight:600!important;font-size:.875rem!important;cursor:pointer!important;padding:.6rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;margin-top:.5rem!important;border-radius:8px!important;transition:all .2s ease!important}.btn-add-phone:hover{color:var(--primary-color)!important;border-color:var(--primary-color)!important;background-color:#4f46e50d!important}.btn-remove-phone{background:transparent!important;border:none!important;cursor:pointer!important;color:var(--secondary-color)!important;padding:.5rem!important;display:flex!important;border-radius:50%!important;transition:color .2s,background-color .2s!important;margin-top:4px!important}.btn-remove-phone:hover{color:var(--danger-color)!important;background-color:#fef2f2!important}.btn-remove-phone svg{width:18px!important;height:18px!important}.form-actions{display:flex!important;justify-content:flex-end!important;gap:1rem!important;padding-top:1.5rem!important;margin-top:2rem!important;border-top:1px solid var(--border-color)!important}.status-pipeline{display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.pipeline-stage{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:80px!important}.pipeline-icon{width:40px!important;height:40px!important;border-radius:50%!important;border:2px solid var(--border-color)!important;background-color:var(--container-bg)!important;color:var(--secondary-color)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;transition:all .3s ease!important;z-index:2!important}.pipeline-label{font-size:.75rem!important;font-weight:500!important;color:var(--secondary-color)!important;margin-top:.5rem!important;transition:color .3s ease!important}.pipeline-connector{flex-grow:1!important;height:2px!important;background-color:var(--border-color)!important;margin:0 -1px!important;transform:translateY(19px)!important;transition:background-color .3s ease!important;z-index:1!important}.pipeline-stage.active .pipeline-icon,.pipeline-stage.completed .pipeline-icon{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.pipeline-stage.active .pipeline-label{color:var(--primary-color)!important;font-weight:600!important}.pipeline-stage.completed .pipeline-label{color:#111827!important}.pipeline-connector.completed{background-color:var(--primary-color)!important}.modal-overlay{position:fixed!important;inset:0!important;background:#11182799!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease!important;z-index:1000!important}.modal-overlay.active{opacity:1!important;visibility:visible!important}.modal{background:var(--container-bg)!important;border-radius:12px!important;width:90%!important;max-width:600px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;transform:scale(.95)!important;transition:transform .3s ease!important}.modal-overlay.active .modal{transform:scale(1)!important}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1rem 1.5rem!important;border-bottom:1px solid var(--border-color)!important}.modal-title{font-size:1.25rem!important;font-weight:600!important;color:#111827!important;margin:0!important}.close-btn{background:none!important;border:none!important;font-size:1.5rem!important;cursor:pointer!important;color:var(--secondary-color)!important;padding:.5rem!important;line-height:1!important;border-radius:50%!important}.close-btn:hover{background-color:#f3f4f6!important}.modal-body{padding:1.5rem!important}.modal .form-group{margin-bottom:1rem!important}.modal .form-input[disabled]{background-color:#f9fafb!important;cursor:not-allowed!important}.modal-footer{display:flex!important;justify-content:flex-end!important;gap:.75rem!important;padding:1rem 1.5rem!important;border-top:1px solid var(--border-color)!important;background-color:#f9fafb!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}.modal-note{font-size:.875rem!important;color:var(--secondary-color)!important;margin-top:1rem!important}.import-actions,.export-actions{display:flex!important;justify-content:center!important;gap:1rem!important;margin-top:1.5rem!important}.pagination-container{display:flex;justify-content:center;align-items:center;padding:1.5rem 0;margin-top:1.5rem;border-top:1px solid var(--border-color);gap:1rem;-webkit-user-select:none;user-select:none}.pagination-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--container-bg);color:#374151;border:1px solid var(--border-color);padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.pagination-button:hover{background-color:var(--background-color);border-color:#d1d5db;color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.pagination-button:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:var(--border-color);box-shadow:none;transform:none}.pagination-info{font-size:.9rem;font-weight:500;color:var(--secondary-color);padding:0 1rem}@media(min-width:768px){.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-actions{grid-column:auto}}@media(min-width:1200px){.filter-grid{grid-template-columns:repeat(6,1fr)}.filter-actions{grid-column:span 2}}@media(max-width:768px){.contacts-page-container,.form-view-wrapper{margin:0!important;padding:1rem!important;height:100%!important;border-radius:0}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.header-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}.header-actions .btn{justify-content:center!important}.filters-section{padding:1rem!important}.filter-grid{grid-template-columns:1fr!important;gap:1rem!important}.filter-actions{grid-column:1!important;justify-content:stretch!important}.filter-actions .btn{flex:1!important;justify-content:center!important}.form-container{border-radius:0!important;border-left:none!important;border-right:none!important}.form-container form,.form-container .page-header{padding:1.5rem 1rem!important}.form-grid{grid-template-columns:1fr!important}.form-group,.form-group.col-span-6{grid-column:span 1!important}.contact-detail-grid,.detail-grid{grid-template-columns:1fr!important}}.activity-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.activity-timeline-header h2,.activity-timeline-header h3{margin:0}.activity-empty{color:#64748b;margin:0}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{padding:.5rem 0;border-bottom:1px solid #e2e8f0}.activity-notes{font-size:.875rem;color:#475569;margin-top:.25rem}.activity-time{font-size:.8rem;color:#64748b;margin-top:.15rem}.activity-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000}.activity-modal{background:#fff;border-radius:8px;padding:1.25rem;width:min(420px,92vw);box-shadow:0 12px 40px #0000002e}.activity-modal h3{margin:0 0 1rem}.activity-modal .form-group{margin-bottom:.75rem}.activity-modal label{display:block;font-size:.85rem;margin-bottom:.25rem}.activity-modal input,.activity-modal select,.activity-modal textarea{width:100%;box-sizing:border-box;padding:.45rem .6rem;border:1px solid #cbd5e1;border-radius:6px}.activity-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.attachments-panel{margin-top:.5rem}.attachments-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.attachments-header h3{margin:0;display:flex;align-items:center;gap:.4rem;font-size:1rem}.attachments-msg{color:#92400e;background:#fffbeb;padding:.5rem .65rem;border-radius:6px;font-size:.875rem}.attachments-empty{color:#6b7280;font-size:.9rem}.attachments-list{list-style:none;margin:0;padding:0}.attachments-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.attachments-name{flex:1;font-size:.9rem}.attachments-meta{color:#94a3b8;font-size:.8rem}.attachments-actions{display:flex;gap:.5rem}.attachments-actions a,.attachments-actions button{background:none;border:none;cursor:pointer;color:#475569;padding:.25rem}:root{--primary-color: #4f46e5;--primary-hover-color: #4338ca;--secondary-color: #6b7280;--secondary-hover-color: #4b5563;--danger-color: #ef4444;--success-color: #22c55e;--warning-color: #f97316;--bg-color: #f9fafb;--surface-color: #ffffff;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-on-primary: #ffffff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius: .375rem;--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-speed: .2s}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-title{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-speed),color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.btn:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:translateY(0);box-shadow:none}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--primary-hover-color)}.btn-secondary{background-color:var(--surface-color);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background-color:#f3f4f6;border-color:#d1d5db}.action-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--secondary-color);transition:color var(--transition-speed),background-color var(--transition-speed);border-radius:50%}.action-btn:hover{color:var(--primary-color);background-color:#eef2ff}.action-btn[title=Delete]:hover{color:var(--danger-color);background-color:#fee2e2}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;margin-bottom:2rem;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.search-bar{flex-grow:1;display:flex;align-items:center;gap:.75rem;padding:0 .75rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}.search-bar svg{color:var(--text-secondary)}.search-bar input{width:100%;padding:.625rem 0;border:none;background:none;font-size:1rem;color:var(--text-primary)}.search-bar input:focus{outline:none}.filter-options{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.filter-options select{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-color);font-size:.875rem;color:var(--text-secondary);height:42px;box-sizing:border-box}.leads-table-container{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow-x:auto}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.table-title{margin:0;font-size:1.125rem;font-weight:600}.table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.leads-table{width:100%;border-collapse:collapse}.leads-table th,.leads-table td{padding:.75rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.leads-table thead th{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-color)}.leads-table tbody tr:last-child td{border-bottom:none}.leads-table tbody tr:hover{background-color:var(--bg-color)}.leads-table .clickable-row{cursor:pointer}.leads-table .clickable-row td:first-child,.leads-table .clickable-row td:last-child{cursor:default}.lead-name-primary{font-weight:600;color:var(--text-primary)}.lead-name-secondary{font-size:.875rem;color:var(--text-secondary)}.action-buttons{display:flex;align-items:center;gap:.25rem}.export-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);list-style:none;padding:.5rem 0;margin:0;min-width:180px;z-index:10;overflow:hidden;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu li{padding:.625rem 1.25rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}.dropdown-menu li:hover{background-color:var(--bg-color);color:var(--primary-color)}.dropdown-menu li.disabled{color:var(--text-secondary);opacity:.6;cursor:not-allowed;background-color:transparent}.dropdown-menu .dropdown-item-cancel{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}.dropdown-menu .dropdown-item-cancel:hover{background-color:#fee2e2;color:var(--danger-color)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-new{background-color:#dbeafe!important;color:#1e40af!important}.status-contacted{background-color:#e0e7ff!important;color:#3730a3!important}.status-qualified{background-color:#d1fae5!important;color:#065f46!important}.status-proposal{background-color:#fef3c7!important;color:#92400e!important}.status-negotiation{background-color:#f5d0fe!important;color:#701a75!important}.status-closed-won{background-color:#bbf7d0!important;color:#14532d!important}.status-closed-lost,.status-lost{background-color:#fecaca!important;color:#991b1b!important}.priority-text{font-weight:600}.priority-text.priority-high{color:var(--danger-color)}.priority-text.priority-medium{color:var(--warning-color)}.priority-text.priority-low{color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease-in-out,visibility var(--transition-speed) ease-in-out;padding:1rem}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95);transition:transform var(--transition-speed) ease-in-out}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--secondary-color);padding:0;line-height:1}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--bg-color);flex-shrink:0}.form-row{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;background-color:var(--surface-color);transition:border-color var(--transition-speed),box-shadow var(--transition-speed);box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.form-input:disabled{background-color:var(--bg-color);cursor:not-allowed}.pagination-container{display:flex;justify-content:center;align-items:center;padding:2rem 0;margin-top:1.5rem}.pagination-list{display:flex;align-items:center;gap:.75rem;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.page-link{display:flex;justify-content:center;align-items:center;min-width:44px;height:44px;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-color);color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all var(--transition-speed) ease-in-out}.pagination-item:first-child .page-link,.pagination-item:last-child .page-link{min-width:auto;padding:.5rem 1.25rem}.page-link:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateY(-2px)}.pagination-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary);box-shadow:var(--box-shadow-lg);transform:translateY(-2px);cursor:default}.pagination-item.disabled .page-link{background-color:var(--bg-color);color:#adb5bd;cursor:not-allowed}.pagination-item.active .page-link:hover,.pagination-item.disabled .page-link:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px);border-color:var(--primary-color)}.pagination-item.disabled .page-link:hover{transform:none;box-shadow:none;border-color:var(--border-color)}@media(max-width:1024px){html{font-size:15px}.page-header{align-items:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.search-bar{width:100%}.filter-options{width:100%;justify-content:space-between}.filter-options select{flex-grow:1}}@media(max-width:768px){html{font-size:14px}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:1.75rem;text-align:center}.header-actions .btn-primary{width:100%}.filter-options{flex-direction:column;align-items:stretch}.filter-options select,.filter-options .btn{width:100%}.table-header{flex-direction:column;align-items:stretch}.table-actions{justify-content:space-between}.leads-table th,.leads-table td{padding-left:1rem;padding-right:1rem}.modal-body{padding:1.5rem 1rem}.form-row{grid-template-columns:1fr}}:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--bg-color: #f8f9fa;--surface-color: #ffffff;--surface-alt-color: #f1f3f5;--border-color: #dee2e6;--text-primary: #212529;--text-secondary: #6c757d;--text-on-primary: #ffffff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 12px;--border-radius-sm: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .04);--transition-speed: .2s}.page-container{padding:1.5rem 2rem;background-color:var(--bg-color);min-height:100vh;font-family:var(--font-family)}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.header-actions .btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;padding:.625rem 1rem;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.header-actions .btn-primary{background-color:var(--primary-color);color:var(--text-on-primary)}.header-actions .btn-primary:hover{background-color:var(--primary-hover-color);box-shadow:0 4px 12px #007bff33}.pipeline-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem}.stat-card{background-color:var(--surface-color);padding:1.25rem;border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.stat-value{font-size:1.625rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.pipeline-board{display:grid;grid-auto-columns:minmax(300px,1fr);grid-auto-flow:column;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.pipeline-column{background-color:var(--surface-alt-color);border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%;max-height:75vh;scroll-snap-align:start;width:100%}.pipeline-column.closed-won{background-color:#e6f9f1}.pipeline-column.closed-lost{background-color:#fdedee}.pipeline-column.closed-won .column-title{color:var(--success-color)}.pipeline-column.closed-lost .column-title{color:var(--danger-color)}.column-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:2px solid var(--border-color);font-weight:600;flex-shrink:0}.column-title{font-size:1rem;color:#343a40;text-transform:uppercase;letter-spacing:.5px}.column-summary{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem}.column-count{background-color:#e9ecef;color:#495057;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:20px}.deal-list{padding:.5rem;overflow-y:auto;flex-grow:1;min-height:150px}.deal-list::-webkit-scrollbar{width:6px}.deal-list::-webkit-scrollbar-thumb{background-color:#ced4da;border-radius:3px}.deal-list::-webkit-scrollbar-track{background:transparent}.deal-card{background-color:var(--surface-color);border-radius:var(--border-radius-sm);padding:1rem;margin-bottom:.75rem;border-left:5px solid var(--text-secondary);box-shadow:0 2px 4px #00000014;cursor:grab;transition:box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.deal-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.deal-card.priority-high{border-left-color:var(--danger-color)}.deal-card.priority-medium{border-left-color:var(--warning-color)}.deal-card.priority-low{border-left-color:var(--success-color)}.deal-title{font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.deal-company{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.deal-value{font-size:.9375rem;font-weight:700;color:var(--success-color);margin-bottom:.75rem}.deal-date-info{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#495057;margin-bottom:.75rem;padding:.25rem .5rem;background-color:var(--surface-alt-color);border-radius:4px;width:fit-content}.deal-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#868e96;border-top:1px solid #e9ecef;padding-top:.5rem;margin-top:.5rem}.deal-owner{display:flex;align-items:center;gap:.375rem}.owner-avatar{width:20px;height:20px;border-radius:50%;background-color:#adb5bd}.deal-card.dragging{opacity:.9;box-shadow:0 10px 20px #00000026;transform:rotate(3deg);cursor:grabbing}.drag-overlay{z-index:1000}@media(max-width:1024px){html{font-size:15px}.page-container{padding:1.5rem}}@media(max-width:768px){html{font-size:14px}.page-container{padding:1rem}.page-header{flex-direction:column;align-items:stretch;text-align:center}.header-actions .btn-primary{width:100%;justify-content:center}.pipeline-stats{gap:1rem}.stat-value{font-size:1.5rem}.pipeline-board{grid-auto-columns:minmax(280px,1fr);gap:.75rem}.column-header,.deal-card{padding:.75rem}.column-title,.deal-title{font-size:.95rem}}.settings-page{background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.settings-header{background-color:#f8f9fa;padding:2rem 2.5rem 1.25rem;border-bottom:none}.settings-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.notification-settings-section{margin-bottom:2rem}.notification-settings-section h4{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.master-toggle{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.master-toggle .permission-label{font-weight:600;font-size:1rem;color:#1e293b}.master-toggle .permission-label svg{width:24px;height:24px;color:#4f46e5}.master-toggle-description{display:block;margin-top:.75rem;padding:.75rem;background:#4f46e50d;border-radius:.5rem;color:#475569;font-size:.875rem;line-height:1.4;border-left:3px solid #4f46e5}.disabled-section{opacity:.6;pointer-events:none;position:relative}.disabled-section:before{content:"";position:absolute;inset:0;background:#ffffffb3;border-radius:.5rem;z-index:1}.disabled-section h4,.disabled-section .permission-label{color:#9ca3af}.disabled-section .permission-label svg{color:#d1d5db}.card-container{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.card-container h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.card-container>p{color:#6b7280;margin-bottom:2rem}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.875rem}.btn-danger{background-color:#dc2626;color:#fff;padding:.75rem 1.5rem;font-size:.9rem;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-danger:hover{background-color:#b91c1c}.security-section,.password-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.security-section:last-child,.password-section:last-child{border-bottom:none}.security-section h3,.password-section h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.security-section p,.password-section p{color:#6b7280;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.verification-form{margin-top:1.5rem;padding:1.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.verification-form .form-group{margin-bottom:1rem}.verification-form .form-group:last-child{margin-bottom:0}.password-form{margin-top:1.5rem;padding:2rem;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.password-form .form-group{margin-bottom:1.5rem}.password-form .form-group:last-child{margin-bottom:0}.password-form label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.password-form input[type=password]{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background-color:#f9fafb}.password-form input[type=password]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.password-form .error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.password-form .error-message:before{content:"⚠️";font-size:1rem}.password-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.password-form .btn-primary{flex:1;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.password-form .btn-primary:hover:not(:disabled){background-color:#2563eb}.password-form .btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.react-select__control{background-color:#f8f9fa;border:1px solid #d1d5db;border-radius:.375rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.react-select__control:hover{border-color:#4f46e5}.react-select__control--is-focused{border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 2px #4f46e533}.react-select__value-container{padding:.5rem .75rem}.react-select__multi-value{background-color:#e0e0e0;border-radius:4px;margin:.25rem}.react-select__multi-value__label{color:#333;font-weight:500;padding:.25rem .5rem}.react-select__multi-value__remove{color:#555;cursor:pointer;padding:.25rem}.react-select__multi-value__remove:hover{background-color:silver;color:#fff}.react-select__menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;margin-top:.25rem}.react-select__option{padding:.75rem 1rem;color:#374151;cursor:pointer;transition:background-color .2s}.react-select__option:hover{background-color:#f9fafb}.react-select__option--is-selected{background-color:#eef2ff;color:#4338ca;font-weight:600}.settings-container{display:flex;gap:2rem;padding:0 2.5rem 2.5rem;max-width:1300px;margin:0 auto}.settings-sidebar{width:250px;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d;height:fit-content}.settings-sidebar ul{list-style:none;padding:0;margin:0}.settings-sidebar li{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;color:#4b5563;transition:all .2s ease-in-out;margin-bottom:.25rem}.settings-sidebar li:hover{background-color:#f9fafb;color:#1f2937}.settings-sidebar li.active{background-color:#eef2ff;color:#4338ca;font-weight:600}.settings-sidebar li svg{width:20px;height:20px;stroke-width:2;color:#6b7280;transition:color .2s ease-in-out}.settings-sidebar li.active svg{color:#4338ca}.settings-content{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:2.5rem;box-shadow:0 1px 2px #0000000d}.language-selector{margin-top:.5rem}.language-selector .react-select__control{background-color:#f8f9fa;border:1px solid #d1d5db;border-radius:.375rem;padding:.25rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.language-selector .react-select__control:hover{border-color:#4f46e5}.language-selector .react-select__control--is-focused{border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 2px #4f46e533}.language-selector .react-select__value-container{padding:.5rem .75rem}.language-selector .react-select__single-value{color:#111827;font-weight:500}.language-selector .react-select__menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;margin-top:.25rem}.language-selector .react-select__option{padding:.75rem 1rem;color:#374151;cursor:pointer;transition:background-color .2s}.language-selector .react-select__option:hover{background-color:#f9fafb}.language-selector .react-select__option--is-selected{background-color:#eef2ff;color:#4338ca;font-weight:600}.current-language{display:block;margin-top:.5rem;color:#6b7280;font-size:.875rem}.current-language strong{color:#374151}.status-message{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;white-space:nowrap}.status-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.status-message.info{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.status-message.language-message{animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.loading-container .spinner{width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.translation-mode-selector{margin-top:.5rem}.toggle-container{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.toggle-label{position:relative;display:inline-block;width:50px;height:24px;margin:0}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-input:checked+.toggle-slider{background-color:#4f46e5}.toggle-input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-text{font-weight:500;color:#374151;font-size:.9rem}.translation-description{display:block;color:#6b7280;font-size:.875rem;line-height:1.4;margin-top:.25rem}@media(max-width:768px){.settings-container{flex-direction:column;padding:0 1rem 1rem}.settings-sidebar{width:100%;margin-bottom:1rem}.settings-sidebar ul{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.settings-sidebar li{white-space:nowrap;margin-bottom:0;margin-right:.25rem}.settings-content{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;align-items:stretch}}.settings-tabs-nav{width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;box-shadow:0 1px 2px #0000000d}.settings-tabs-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:.5rem}.settings-tabs-nav li{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;color:#4b5563;transition:all .2s ease-in-out}.settings-tabs-nav li:hover{background-color:#f9fafb;color:#1f2937}.settings-tabs-nav li.active{background-color:#eef2ff;color:#4338ca;font-weight:600}.settings-tabs-nav li svg{width:20px;height:20px;stroke-width:2;color:#6b7280;transition:color .2s ease-in-out}.settings-tabs-nav li.active svg{color:#4338ca}.settings-content-main{flex:1}.card-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:2.5rem;box-shadow:0 1px 2px #0000000d}.card-container h3{font-size:1.25rem;font-weight:600;color:#111827;margin-top:0;margin-bottom:.25rem}.card-container p{color:#6b7280;margin-top:0;margin-bottom:2rem;font-size:.9rem;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-input,select.form-input,input[type=text],input[type=email],input[type=tel]{display:block;width:100%;padding:.75rem 1rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#f8f9fa;font-size:.9rem;color:#111827;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input:focus,select.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{outline:none;border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 2px #4f46e533}input:disabled{background-color:#e9ecef;cursor:not-allowed;color:#6c757d}.input-with-action{display:flex;align-items:center;gap:1rem}.input-with-action input{flex-grow:1}.phone-input-group{display:flex;gap:.75rem;align-items:center}.phone-input-group .phone-code-input{flex:0 0 80px}.phone-input-group .phone-number-input{flex:1}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em}.form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.verified-badge{display:inline-flex;align-items:center;gap:.375rem;color:#28a745;font-weight:500;font-size:.875rem;white-space:nowrap}.verified-badge svg{width:18px;height:18px;stroke-width:2.5}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid #f3f4f6}.permission-item:last-child{border-bottom:none}.permission-label{display:flex;align-items:center;gap:12px;font-weight:500;color:#374151}.permission-label svg{width:20px;height:20px;color:#4f46e5;flex-shrink:0}.btn-primary{background-color:#4f46e5;color:#fff;padding:.75rem 1.5rem;font-size:.9rem;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background-color .2s}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider.round{border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.create-notification-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.create-notification-toggle-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.create-notification-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.create-notification-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-top:1rem}.create-notification-form .form-group{margin-bottom:1.25rem}.create-notification-form .form-group:last-child{margin-bottom:0}.create-notification-form label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.create-notification-form input,.create-notification-form select,.create-notification-form textarea{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:border-color .2s ease}.create-notification-form input:focus,.create-notification-form select:focus,.create-notification-form textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.create-notification-form textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.btn-cancel{padding:.625rem 1.25rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-create{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-create:disabled{opacity:.6;cursor:not-allowed;transform:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.lead-detail-page{background-color:#f3f4f6;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.loading-container{text-align:center;padding:4rem;font-size:1.2rem;color:#6b7280}.lead-detail-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #e5e7eb;gap:1rem}.lead-detail-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;text-align:left;flex-grow:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-back{background-color:#fff;color:#374151;border-color:#d1d5db}.btn-back:hover{background-color:#f9fafb}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-primary:disabled{background-color:#a5b4fc;cursor:not-allowed}.btn-secondary{background-color:#e5e7eb;color:#1f2937}.btn-secondary:hover{background-color:#d1d5db}.lead-detail-content{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}@media(min-width:900px){.lead-detail-content{grid-template-columns:1fr 1fr}}.detail-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.detail-card h2{font-size:1.125rem;font-weight:600;color:#111827;margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid #f3f4f6;padding-bottom:.75rem}.detail-item{margin-bottom:1.5rem}.detail-item:last-child{margin-bottom:0}.detail-item label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.detail-item p{font-size:1rem;color:#1f2937;margin:0;min-height:24px;white-space:pre-wrap;word-break:break-word}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background-color:#f9fafb;box-shadow:inset 0 1px 2px #0000000d;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.required-star{color:#ef4444}.currency-input{position:relative}.currency-input span{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#6b7280;pointer-events:none}.currency-input input{padding-left:2rem}@media(max-width:768px){.lead-detail-header{flex-wrap:wrap}.lead-detail-header h1{width:100%;order:-1;margin-bottom:.5rem}.btn-back{order:-2}.lead-detail-content{padding:1.5rem}}@media(max-width:600px){.lead-detail-header{flex-direction:column;align-items:stretch;padding:1rem}.lead-detail-header h1{font-size:1.25rem;text-align:center;margin-bottom:1rem;order:0}.btn-back{order:0}.header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;order:0}.lead-detail-content{padding:1rem;gap:1.5rem}.detail-card{padding:1.25rem}}.revenue-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.revenue-stat-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border-left:5px solid #28a745}.revenue-stat-value{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem}.revenue-stat-label{font-size:.9rem;color:#667085;text-transform:uppercase;letter-spacing:.5px}.revenue-table-container{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;overflow-x:auto}.table-title{font-size:1.5rem;margin-bottom:1.25rem;font-weight:600}.revenue-table{width:100%;border-collapse:collapse;min-width:800px}.revenue-table th,.revenue-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0;white-space:nowrap}.revenue-table th{background-color:#f9fafb;font-weight:600;color:#475467;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.deal-row{cursor:pointer;transition:background-color .2s ease}.deal-row:hover{background-color:#f7faff}.deal-company{font-size:.85rem;color:#6c757d;margin-top:4px}.expand-btn{background:none;border:none;cursor:pointer;margin-right:12px;color:#4a5568;vertical-align:middle}.actions-wrapper{display:flex;gap:.5rem}.nested-table-row td{padding:0;border:0;white-space:normal}.nested-table-container{padding:1rem 1.5rem 1rem 3.125rem;background-color:#f9fafb;overflow-x:auto}.installments-table{width:100%;border-collapse:collapse;min-width:600px}.installments-table th,.installments-table td{padding:.75rem;border-bottom:1px solid #e9ecef;white-space:nowrap}.installments-table th{font-size:.75rem;color:#6c757d;background:none}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-paid{background-color:#d1fae5;color:#065f46}.status-overdue{background-color:#fee2e2;color:#991b1b}.status-upcoming{background-color:#e0e7ff;color:#3730a3}.btn-action{border:none;border-radius:5px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-mark-paid{background-color:#28a745;color:#fff}.btn-mark-paid:hover{background-color:#218838}.btn-mark-paid[disabled]{background-color:#a3d9b1;cursor:not-allowed}.btn-raise-request{background-color:#007bff;color:#fff}.btn-raise-request:hover{background-color:#0069d9}.btn-raise-request[disabled]{background-color:#a9d0f5;cursor:not-allowed}.btn-invoice{background-color:#6c757d;color:#fff}.btn-invoice:hover{background-color:#5a6268}.no-data-message{text-align:center;padding:40px;color:#6c757d}.deal-name-link{font-weight:600;color:#0056b3;text-decoration:none;transition:color .2s ease}.deal-name-link:hover{color:#003d82;text-decoration:underline}@media(max-width:1024px){html{font-size:15px}}@media(max-width:768px){html{font-size:14px}.revenue-stats-grid{gap:1rem;margin-bottom:1.5rem}.revenue-stat-card,.revenue-table-container{padding:1rem}}.revenue-detail-page{padding:1.25rem;max-width:1200px;margin:0 auto;background-color:#f8f9fa}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;color:#2c3e50;margin:0}.page-subtitle{font-size:1rem;color:#7f8c8d;margin-top:.25rem}.loading-container{text-align:center;padding:3.75rem;font-size:1.2rem;color:#34495e}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:1.25rem}.detail-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #e9ecef}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.card-title{font-size:1.25rem;color:#34495e;margin:0}.card-description{font-size:.9rem;color:#7f8c8d;margin-bottom:1rem}.contact-info-grid{display:grid;gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem;color:#555}.info-item svg{color:#3498db;font-size:1.1rem;flex-shrink:0}.financial-summary-grid{display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f2f2f2}.summary-item:last-child{border-bottom:none}.summary-label{font-size:.95rem;color:#555}.summary-value{font-size:1.2rem;font-weight:600}.total-value{color:#2c3e50}.amount-paid{color:#2ecc71}.remaining-balance{color:#e74c3c}.installment-card{overflow-x:auto}.no-installments-message{text-align:center;padding:2.5rem 1.25rem;background-color:#fdfdfe;border-radius:6px;color:#7f8c8d;border:1px dashed #d6dbdf}.installments-table-detail{width:100%;border-collapse:collapse;min-width:650px}.installments-table-detail th,.installments-table-detail td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e9ecef;white-space:nowrap}.installments-table-detail th{background-color:#f8f9fa;font-weight:600;color:#495057;font-size:.8rem}.custom-plan-creator{padding-top:.75rem}.custom-installments-table{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0}.custom-installment-row{display:flex;align-items:center;gap:.75rem;background-color:#f8f9fa;padding:.75rem;border-radius:6px;border:1px solid #e9ecef;flex-wrap:wrap}.row-number{font-weight:700;color:#7f8c8d}.custom-date-input,.custom-amount-input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;flex:1;min-width:150px}.custom-date-input:focus,.custom-amount-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.custom-plan-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.actions-right{display:flex;gap:.75rem;flex-wrap:wrap}.custom-plan-summary{text-align:right;font-size:1.1rem;padding:1rem;background-color:#e9ecef;border-radius:6px;margin-top:1.25rem}.custom-plan-summary span{color:#555}.btn,button{padding:10px 18px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,button:hover{transform:translateY(-1px)}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9}.btn-secondary{background-color:#6c757d;color:#fff;text-decoration:none}.btn-secondary:hover{background-color:#5a6268}.btn-clear{background-color:#f8d7da;color:#721c24}.btn-clear:hover{background-color:#f5c6cb}.btn-mark-paid{background-color:#d4edda;color:#155724;font-size:.85rem;padding:6px 12px}.btn-mark-paid:hover{background-color:#c3e6cb}.btn-remove-row,.btn-add-row{background-color:transparent;border:1px solid #ced4da;color:#495057;padding:8px}.btn-remove-row{color:#e74c3c;border:1px solid #e74c3c;padding:8px 10px}.btn-remove-row:hover{background-color:#e74c3c;color:#fff}.btn-add-row:hover{background-color:#e9ecef}.btn-distribute{background-color:#e2e3e5;color:#343a40}.btn-distribute:hover{background-color:#d6d8db}.status-badge{padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;color:#fff}.status-paid{background-color:#28a745}.status-overdue{background-color:#dc3545}.status-upcoming{background-color:#ffc107;color:#212529}@media(max-width:1024px){html{font-size:15px}.revenue-detail-page{padding:1.5rem}}@media(max-width:768px){html{font-size:14px}.revenue-detail-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.btn-secondary{width:100%}.detail-grid{grid-template-columns:1fr}.detail-card{padding:1.25rem}.card-title{font-size:1.15rem}.custom-installment-row{flex-direction:column;align-items:stretch}.custom-installment-row .btn-remove-row{margin-top:.5rem}.custom-plan-actions,.actions-right{flex-direction:column;align-items:stretch}.actions-right .btn{justify-content:center}.custom-plan-summary{text-align:center}}:root{--primary-brand-color: #6d28d9;--primary-brand-light: #ede9fe;--background-color: #f8fafc;--card-background-color: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--border-radius-lg: 16px;--border-radius-md: 8px;--transition-speed: .4s}.page-container{background-color:var(--background-color);padding:2rem 2.5rem;min-height:100vh;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-page-header{display:flex;justify-content:flex-start;margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--card-shadow)}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.help-intro-wrapper{text-align:center;margin-bottom:4rem}.help-main-icon{font-size:3rem;color:var(--primary-brand-color);margin-bottom:1rem}.help-page-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .75rem}.help-intro{font-size:1.125rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.7}.help-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.help-section{background-color:var(--card-background-color);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;padding:1.5rem;transition:box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease,border-color var(--transition-speed) ease}.help-section:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.help-section.highlighted{border-color:var(--primary-brand-color);box-shadow:0 0 0 3px var(--primary-brand-light);transform:translateY(-5px)}.help-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.help-section-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:10px;background-color:var(--primary-brand-light);color:var(--primary-brand-color);font-size:1.5rem}.help-section-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.help-section-content{font-size:1rem;color:var(--text-secondary);line-height:1.65;margin:0;flex-grow:1}.help-section-preview{margin:0;padding-bottom:1rem}.help-section-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,margin-top .5s ease-in-out;margin-top:0}.help-section.expanded .help-section-details{max-height:1000px;opacity:1;margin-top:1.25rem;border-left:3px solid var(--primary-brand-light);padding-left:1.5rem}.help-section-details p{margin-top:0;margin-bottom:1rem}.help-section-details p:last-child{margin-bottom:0}.help-section-details strong{color:var(--text-primary);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.help-section-footer{margin-top:1rem;text-align:right;border-top:1px solid var(--border-color);padding-top:1rem}.view-more-btn{background:none;border:none;color:var(--primary-brand-color);font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem;border-radius:var(--border-radius-md);transition:background-color .2s ease}.view-more-btn:hover{background-color:var(--primary-brand-light)}.view-more-icon{transition:transform .3s ease-in-out}.help-section.expanded .view-more-icon{transform:rotate(180deg)}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--primary-brand-color: #2563eb;--primary-brand-hover: #1d4ed8;--primary-brand-light: #dbeafe;--primary-brand-dark: #1e40af;--text-primary: #1e293b;--text-secondary: #475569;--text-light: #64748b;--bg-light: #f8fafc;--bg-white: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-speed: .3s;--transition-fast: .15s;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%)}.email-page-container{display:flex;height:calc(100vh - 70px);background-color:var(--bg-light);border-top:1px solid var(--border-color);position:relative;overflow-x:hidden}.email-sidebar{width:var(--sidebar-width);background-color:var(--bg-white);border-right:1px solid var(--border-color);padding:1.5rem 1rem;display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition-speed) ease,transform var(--transition-speed) ease;overflow-x:hidden;box-shadow:var(--shadow-sm);position:relative;z-index:10}.email-sidebar.collapsed{width:var(--sidebar-collapsed-width);align-items:center;padding:1.5rem .5rem}.email-content{flex-grow:1;padding:2rem 2.5rem;overflow-y:auto;transition:margin-left var(--transition-speed) ease}.sidebar-btn{width:100%;padding:.875rem 1.125rem;margin-bottom:.75rem;border-radius:12px;border:none;font-size:.925rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease;display:flex;align-items:center;white-space:nowrap;position:relative;overflow:hidden;text-decoration:none;color:inherit}.sidebar-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sidebar-btn:hover:before{left:100%}.sidebar-btn .nav-icon{flex-shrink:0;width:20px;height:20px;margin-right:1rem;transition:margin-right var(--transition-speed) ease;display:flex;align-items:center;justify-content:center}.sidebar-btn .nav-icon svg{width:100%;height:100%;stroke-width:2}.email-sidebar.collapsed .sidebar-btn .nav-icon{margin-right:0}.sidebar-btn .nav-text{opacity:1;transition:opacity .2s ease}.email-sidebar.collapsed .sidebar-btn .nav-text{opacity:0;width:0;pointer-events:none}.sidebar-btn.compose-btn{background-color:var(--primary-brand-color);color:#fff;font-weight:600;box-shadow:var(--shadow-sm);transform:translateY(0);justify-content:flex-start}.sidebar-btn.compose-btn:hover{background-color:var(--primary-brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.email-sidebar.collapsed .sidebar-btn.compose-btn{justify-content:center;padding:.875rem;border-radius:50%;width:48px;height:48px;margin:0 auto .75rem}.sidebar-btn.template-btn{background-color:var(--primary-brand-light);color:var(--primary-brand-color);border:1px solid #93c5fd;margin-bottom:2rem;position:relative;justify-content:flex-start}.sidebar-btn.template-btn:hover{background-color:#bfdbfe;border-color:var(--primary-brand-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.email-sidebar.collapsed .sidebar-btn.template-btn{justify-content:center;padding:.875rem;border-radius:50%;width:48px;height:48px;margin:0 auto 2rem}.sidebar-btn.nav-btn{background-color:transparent;color:var(--text-secondary);justify-content:flex-start}.sidebar-btn.nav-btn:hover{background-color:#f1f5f9}.sidebar-btn.nav-btn.active{background-color:var(--primary-brand-light);color:var(--primary-brand-color);font-weight:600;border-left:3px solid var(--primary-brand-color)}.email-sidebar.collapsed .sidebar-btn.nav-btn{justify-content:center;padding:.875rem;border-radius:50%;width:48px;height:48px;margin:0 auto .75rem}.email-sidebar.collapsed .sidebar-btn.nav-btn.active{border-left:none;background-color:var(--primary-brand-color);color:#fff}.sidebar-btn.back-btn{background-color:transparent;color:var(--text-secondary)}.sidebar-btn.back-btn:hover{background-color:#f1f5f9}.content-header{display:flex;align-items:center;margin-bottom:0}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;padding:.5rem;margin-right:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sidebar-toggle-btn:hover{background-color:#e2e8f0}.sidebar-toggle-btn svg{width:24px;height:24px;color:var(--text-secondary)}.content-heading{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;margin-top:0}.email-content-card{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-speed) ease}.email-content-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.compose-field{display:flex;align-items:center;border-bottom:1px solid var(--border-light);padding:1rem 2.5rem;transition:all var(--transition-fast) ease;position:relative}.compose-field:focus-within{background-color:var(--primary-brand-light);border-bottom-color:var(--primary-brand-color)}.compose-field:hover{background-color:#f8fafc}.compose-field label{font-weight:600;color:var(--text-light);width:80px;flex-shrink:0}.compose-input{width:100%;padding:.875rem .5rem;border:none;font-size:1rem;color:var(--text-primary);background-color:transparent;flex-grow:1;transition:all var(--transition-fast) ease}.compose-input:focus{outline:none;transform:translate(4px)}.compose-input::placeholder{color:#cbd5e1;font-style:italic}.compose-editor-area{padding:1rem 2.5rem}.simple-editor{width:100%;min-height:400px;padding:1rem;font-family:inherit;font-size:1rem;color:var(--text-secondary);line-height:1.7;border:none;background:linear-gradient(135deg,#fafafa,#fff);border-radius:8px;transition:all var(--transition-fast) ease}.simple-editor:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.compose-footer{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2.5rem;border-top:1px solid var(--border-light);background:linear-gradient(135deg,var(--bg-light) 0%,#ffffff 100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px;gap:1rem}.email-list-item,.draft-list-item{background-color:var(--bg-white);border:1px solid var(--border-color);padding:1.25rem 1.5rem;margin-bottom:1rem;border-radius:12px;box-shadow:0 1px 3px #0000000d}.item-row b{color:var(--text-primary);font-weight:600;width:80px;display:inline-block}.item-meta{font-size:.8rem;color:var(--text-light);margin-top:.75rem}details summary{font-weight:500;color:var(--primary-brand-color);cursor:pointer}.email-body-content{margin-top:1rem;padding:1rem;background-color:var(--bg-light);border-radius:6px;border:1px solid #e2e8f0}.action-btn{background:linear-gradient(135deg,#fff,#f8fafc);color:var(--text-secondary);border:1px solid #cbd5e1;padding:.625rem 1.25rem;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition-fast) ease;display:flex;align-items:center;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#6366f11a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.action-btn:hover:before{width:100%;height:100%}.action-btn:hover{border-color:var(--primary-brand-color);color:var(--primary-brand-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn.submit-btn{background-color:var(--primary-brand-color);color:#fff;border:none;box-shadow:var(--shadow-sm)}.action-btn.submit-btn:hover{background-color:var(--primary-brand-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-btn svg{width:16px;height:16px;margin-right:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards;padding:1rem}.modal-content{background-color:#fff;padding:2rem 2.5rem;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:scale(.95);animation:scaleIn .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.modal-content h2{margin-top:0;margin-bottom:2rem;color:var(--text-primary);font-size:1.5rem}.modal-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.modal-form input,.modal-form select{width:100%;padding:.75rem 1rem;margin-bottom:1.25rem;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;background-color:var(--bg-white)}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 2px #c7d2fe}.modal-actions{display:flex;justify-content:flex-end;margin-top:1rem;gap:.5rem}.modal-actions .action-btn{padding:.6rem 1.2rem}.modal-actions .cancel-btn{background-color:transparent;border-color:transparent;color:var(--text-secondary)}.modal-actions .cancel-btn:hover{background-color:#f1f5f9}.modal-actions .submit-btn{background-color:var(--primary-brand-color);color:#fff}.modal-actions .submit-btn:hover{background-color:var(--primary-brand-hover)}.compose-view-container{width:100%}.compose-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.heading-with-badge{display:flex;align-items:center;gap:.75rem}.draft-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.compose-actions{display:flex;gap:.5rem}.format-toggle-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);transition:all var(--transition-fast) ease}.format-toggle-btn:hover{background:var(--primary-brand-light);border-color:var(--primary-brand-color);color:var(--primary-brand-color);transform:translateY(-1px)}.format-toggle-btn svg{width:16px;height:16px}.enhanced-compose-card{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.add-cc-bcc-btn{background-color:var(--primary-brand-light);border:1px solid #93c5fd;border-radius:6px;padding:.375rem .75rem;cursor:pointer;font-size:.8rem;color:var(--primary-brand-color);font-weight:500;transition:all var(--transition-fast) ease;margin-left:.5rem}.add-cc-bcc-btn:hover{background-color:var(--primary-brand-color);color:#fff;transform:translateY(-1px)}.cc-field,.bcc-field{animation:slideDown .3s ease}.priority-select{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;font-size:.875rem;color:var(--text-secondary);margin-left:.5rem;cursor:pointer;transition:all var(--transition-fast) ease}.priority-select:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 2px #6366f11a}.enhanced-editor{padding:0}.formatting-toolbar{background-color:var(--bg-light);border-bottom:1px solid var(--border-color);padding:.75rem 2.5rem;display:flex;align-items:center;gap:.25rem;animation:slideDown .3s ease}.format-btn{background:transparent;border:1px solid transparent;border-radius:4px;padding:.375rem .5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all var(--transition-fast) ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.format-btn:hover{background:#fff;border-color:var(--border-color);color:var(--primary-brand-color);transform:translateY(-1px)}.format-separator{width:1px;height:20px;background:var(--border-color);margin:0 .25rem}.enhanced-footer{background-color:var(--bg-light);border-top:1px solid var(--border-light);padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.footer-left,.footer-right{display:flex;gap:.75rem}.attachment-btn{background-color:#eff6ff;border:1px solid #93c5fd;color:var(--primary-brand-color)}.attachment-btn:hover{background-color:var(--primary-brand-color);color:#fff;border-color:var(--primary-brand-color)}.cancel-btn{background-color:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.cancel-btn:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.compose-page-container{padding:2rem 2.5rem;min-height:calc(100vh - 70px);background-color:var(--bg-light)}.compose-page-header{text-align:center;margin-bottom:2.5rem}.page-title{font-size:2.5rem;font-weight:700;color:var(--primary-brand-color);margin-bottom:.5rem}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0;font-weight:400}.compose-page-content{max-width:900px;margin:0 auto}.standalone-compose-card{border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);background-color:var(--bg-white)}.standalone-editor{width:100%;min-height:450px;padding:1.5rem;font-family:inherit;font-size:1rem;line-height:1.7;color:var(--text-secondary);border:none;background-color:var(--bg-light);border-radius:8px;resize:vertical;transition:all var(--transition-fast) ease}.standalone-editor:focus{outline:none;box-shadow:0 0 0 2px #2563eb1a;border:1px solid var(--primary-brand-color)}.standalone-editor::placeholder{color:#cbd5e1;font-style:italic}.standalone-footer{background-color:var(--bg-light);border-top:1px solid var(--border-light);padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.footer-info{display:flex;align-items:center;gap:1rem}.char-count{font-size:.875rem;color:var(--text-light);background:var(--bg-light);padding:.375rem .75rem;border-radius:20px;font-weight:500}.footer-actions{display:flex;gap:.75rem}.email-list-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.email-list-item{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-speed) ease;cursor:pointer}.email-item-header{display:flex;align-items:center;padding:1rem 1.5rem;gap:1rem;cursor:pointer;transition:background-color var(--transition-fast) ease}.email-item-header:hover{background-color:var(--bg-light)}.email-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-brand-color)}.inbox-view-container,.sent-view-container{width:100%;padding:0}.inbox-header,.sent-header{margin-bottom:2rem;padding:0}.inbox-header .content-heading,.sent-header .content-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.inbox-header .content-heading svg,.sent-header .content-heading svg{width:28px;height:28px;color:var(--primary-brand-color)}.inbox-controls,.sent-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.search-bar{display:flex;align-items:center;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;gap:.5rem;max-width:400px}.search-bar svg{width:20px;height:20px;color:var(--text-light)}.search-input{border:none;outline:none;flex:1;font-size:.95rem;color:var(--text-primary)}.search-input::placeholder{color:var(--text-light)}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{background-color:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease}.filter-tab:hover{background-color:var(--bg-light);border-color:var(--primary-brand-color);color:var(--primary-brand-color)}.filter-tab.active{background-color:var(--primary-brand-color);border-color:var(--primary-brand-color);color:#fff}.bulk-actions{display:flex;align-items:center;gap:1rem}.selected-count{font-size:.875rem;color:var(--text-light);background-color:var(--bg-light);padding:.375rem .75rem;border-radius:20px;font-weight:500}.email-list-item{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-speed) ease;cursor:pointer;margin-bottom:.75rem}.email-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.inbox-item,.sent-item{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-speed) ease;margin-bottom:.75rem}.inbox-item:hover,.sent-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.inbox-item.unread{border-left:4px solid var(--primary-brand-color);background-color:var(--primary-brand-light)}.inbox-item.unread .sender-name,.inbox-item.unread .subject-line{font-weight:700}.inbox-item.starred .star-btn{color:#fbbf24}.star-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all var(--transition-fast) ease;color:var(--text-light)}.star-btn:hover{background-color:var(--bg-light);color:#fbbf24}.star-btn svg{width:20px;height:20px}.email-sender,.email-recipient{flex:1;min-width:0;display:flex;flex-direction:column}.sender-name,.recipient-name{font-weight:600;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-email,.cc-info{font-size:.875rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipient-info{display:flex;flex-direction:column}.email-subject-preview{flex:2;min-width:0;display:flex;flex-direction:column}.subject-line{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.preview-text{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.email-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:120px;flex-shrink:0}.email-date{font-size:.8rem;color:var(--text-light);white-space:nowrap;font-weight:500}.email-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast) ease}.email-list-item:hover .email-actions{opacity:1}.action-btn-icon{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:4px;transition:all var(--transition-fast) ease;color:var(--text-light)}.action-btn-icon:hover{background-color:var(--bg-light);color:var(--primary-brand-color)}.action-btn-icon.delete-btn:hover{background-color:#fef2f2;color:#dc2626}.action-btn-icon svg{width:18px;height:18px}.email-item-body{border-top:1px solid var(--border-light);background-color:var(--bg-light);padding:1.5rem;display:none}.email-list-item.expanded .email-item-body{display:block}.email-body-content{line-height:1.6;color:var(--text-secondary);font-size:.95rem;max-height:400px;overflow-y:auto}.email-body-content p{margin:0 0 1rem}.email-body-content p:last-child{margin-bottom:0}.email-body-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.email-count{background-color:var(--primary-brand-light);color:var(--primary-brand-color);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-left:.75rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light);background-color:var(--bg-white);border-radius:12px;border:1px solid var(--border-color);margin:2rem 0}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;color:var(--text-light);opacity:.5}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-light);max-width:400px;margin:0 auto;line-height:1.5}@media(max-width:768px){.inbox-controls,.sent-controls{gap:.75rem}.search-bar{max-width:100%}.filter-tabs{justify-content:center}.email-item-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.email-meta{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-width:auto}.email-sender,.email-recipient,.email-subject-preview{width:100%}}.template-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.template-modal-content{background-color:var(--bg-white);border-radius:16px;box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;transform:scale(.95);animation:scaleIn .3s ease;border:1px solid var(--border-color)}.template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);border-radius:16px 16px 0 0}.template-modal-title{display:flex;align-items:center;gap:.75rem}.template-modal-title h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.template-modal-title svg{width:24px;height:24px;color:var(--primary-brand-color)}.template-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease;color:var(--text-light)}.template-modal-close:hover{background-color:var(--bg-light);color:var(--text-secondary)}.template-modal-close svg{width:20px;height:20px}.template-modal-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-label svg{width:20px;height:20px;color:var(--primary-brand-color);flex-shrink:0}.form-input,.form-select{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);background-color:var(--bg-white);transition:all var(--transition-fast) ease;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 3px #2563eb1a}.form-input.error,.form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder,.form-select::placeholder{color:var(--text-light);font-style:italic}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:.25rem;font-weight:500}.template-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border-light);background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);border-radius:0 0 16px 16px}.template-modal-info{display:flex;align-items:center}.template-count{font-size:.875rem;color:var(--text-light);background-color:var(--bg-light);padding:.375rem .75rem;border-radius:20px;font-weight:500}.template-modal-actions{display:flex;gap:.75rem}.template-modal-actions .action-btn{padding:.625rem 1.25rem;font-size:.9rem;font-weight:600}.template-modal-actions .secondary-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.template-modal-actions .secondary-btn:hover{background-color:var(--bg-light);border-color:var(--border-color);color:var(--text-primary)}.template-modal-actions .cancel-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.template-modal-actions .cancel-btn:hover{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626}.template-modal-actions .submit-btn{background-color:var(--primary-brand-color);color:#fff;border:none}.template-modal-actions .submit-btn:hover{background-color:var(--primary-brand-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media(max-width:768px){.template-modal-content{max-width:95%;margin:0}.template-modal-header{padding:1rem 1.5rem}.template-modal-body{padding:1.5rem}.template-modal-footer{flex-direction:column;gap:1rem;padding:1rem 1.5rem}.template-modal-actions{width:100%;justify-content:stretch}.template-modal-actions .action-btn{flex:1}}@media(max-width:1024px){html{font-size:15px}.email-sidebar{width:var(--sidebar-collapsed-width);align-items:center}.email-sidebar.expanded{width:var(--sidebar-width);align-items:flex-start}.email-sidebar .nav-text{opacity:0;width:0}.email-sidebar.expanded .nav-text{opacity:1;width:auto}.email-sidebar .nav-icon{margin-right:0}.email-sidebar.expanded .nav-icon{margin-right:1rem}}@media(max-width:768px){html{font-size:14px}.email-page-container{flex-direction:column;height:auto}.email-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);z-index:1100;transform:translate(-100%);transition:transform var(--transition-speed) ease;border-right:1px solid var(--border-color);padding-top:4rem}.email-sidebar.expanded{transform:translate(0);box-shadow:0 0 40px #0003}.email-sidebar .nav-text{opacity:1;width:auto}.email-sidebar .nav-icon{margin-right:1rem}.email-sidebar.collapsed{width:var(--sidebar-width)}.email-content{padding:1.5rem 1rem}.content-heading{font-size:1.5rem}.compose-field{flex-direction:column;align-items:flex-start;padding:1rem 1.5rem}.compose-field label{width:auto;margin-bottom:.5rem}.compose-input{padding:.5rem 0}.compose-editor-area{padding:0 1.5rem 1rem}.compose-footer{padding:1rem 1.5rem;flex-direction:column-reverse;align-items:stretch}.compose-footer .action-btn{margin-left:0;margin-bottom:.5rem;justify-content:center}.item-row{display:flex;flex-direction:column}.item-row b{width:auto;color:var(--text-light);font-size:.8rem;margin-bottom:.25rem}}.schedule-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;transition:all .3s ease}.schedule-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.schedule-options{margin-top:1rem;padding:1rem;background:var(--bg-light);border-radius:8px;border:1px solid var(--border-color);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.schedule-field{margin-bottom:1rem}.schedule-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.schedule-field input[type=datetime-local]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;transition:border-color .3s ease}.schedule-field input[type=datetime-local]:focus{outline:none;border-color:var(--primary-brand-color);box-shadow:0 0 0 3px #2563eb1a}.schedule-confirm-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;transition:all .3s ease}.schedule-confirm-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.status-pending{color:#f59e0b}.status-sent{color:#10b981}.status-failed{color:#ef4444}.status-cancelled{color:#6b7280}.error-message{margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem}:root{--font-family: "Inter", sans-serif}html{font-size:16px}.report-page-container{padding:1.5rem;background-color:#f9fafb;min-height:calc(100vh - 60px);font-family:var(--font-family)}.report-loading{text-align:center;padding:4rem;font-size:1.1rem;color:#6b7280}.report-dashboard-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e7eb}.report-dashboard-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.report-dashboard-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.search-bar{display:flex;align-items:center;gap:.5rem;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;width:100%;max-width:300px}.search-bar svg{color:#6b7280}.search-bar input{border:none;outline:none;width:100%;background:transparent;font-size:.9rem}.reports-list-container{overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;min-width:600px}.reports-table th,.reports-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.875rem;white-space:nowrap}.reports-table th{font-weight:500;color:#6b7280;background-color:#f9fafb;text-transform:uppercase;font-size:.75rem}.reports-table tbody tr{cursor:pointer;transition:background-color .15s ease-in-out}.reports-table tbody tr:hover{background-color:#f3f4f6}.reports-table td{white-space:normal}.reports-table td:first-child,.reports-table td:last-child{white-space:nowrap}.reports-table td:first-child{font-weight:500;color:#3b82f6}.report-detail-container{display:flex;flex-direction:column;gap:1.5rem}.report-detail-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem 1.5rem;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.back-button{background:none;border:none;display:flex;align-items:center;gap:.5rem;color:#4b5563;cursor:pointer;font-size:.875rem;padding:0}.report-title-group{flex-grow:1}.report-title-group h2{font-size:1.25rem;font-weight:600;margin:0}.report-title-group p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.header-actions{display:flex;gap:.75rem;flex-shrink:0}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s;font-size:.875rem;white-space:nowrap}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background-color:#f9fafb}.btn-primary{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dynamic-table-container{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb}.table-summary-bar{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem}.summary-item{font-size:.875rem;color:#4b5563}.summary-item strong{color:#111827}.table-actions{margin-left:auto}.table-wrapper{overflow-x:auto}.dynamic-table{width:100%;border-collapse:collapse;min-width:700px}.dynamic-table th,.dynamic-table td{padding:.75rem 1.5rem;text-align:left;border-bottom:1px solid #f3f4f6}.dynamic-table th{background-color:#f9fafb;font-weight:500;color:#6b7280;font-size:.8rem}.no-data-cell{text-align:center;padding:3rem;color:#6b7280}.grand-total-row{background-color:#f3f4f6;font-weight:500}.grand-total-row td{color:#1f2937;border-top:2px solid #e5e7eb}@media(max-width:1024px){html{font-size:15px}.report-page-container{padding:1rem}}@media(max-width:768px){html{font-size:14px}.report-page-container{padding:1rem .5rem}.report-dashboard-header{flex-direction:column;align-items:stretch}.report-dashboard-header h2{text-align:center}.search-bar{max-width:none}.reports-table th,.reports-table td{padding:.75rem 1rem}.report-detail-header{flex-direction:column;align-items:stretch;text-align:center}.back-button{justify-content:center}.header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.btn{justify-content:center}.table-summary-bar{flex-direction:column;align-items:stretch;gap:.75rem}.table-actions{margin-left:0;width:100%}.table-actions .btn{width:100%}.dynamic-table th,.dynamic-table td{padding:.75rem 1rem}}.dynamic-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden}.table-summary-bar{background:#f8fafc;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:2rem}.summary-item{font-size:.9rem;color:#64748b;font-weight:500}.summary-item strong{color:#1e293b;font-size:1rem;margin-right:4px}.dynamic-table{width:100%;border-collapse:separate!important;border-spacing:0!important}.dynamic-table th,.dynamic-table td{padding:1.25rem 1rem!important;text-align:left!important;vertical-align:middle!important}.dynamic-table th{background:#f8fafc!important;color:#475569!important;font-weight:700!important;text-transform:uppercase!important;font-size:.75rem!important;letter-spacing:.05em!important;border-bottom:2px solid #e2e8f0!important}.dynamic-table td{color:#334155!important;font-size:.9rem!important;border-bottom:1px solid #f1f5f9!important}.dynamic-table tbody tr:hover{background-color:#f1f5f9!important}.action-button-group{display:flex!important;gap:12px!important;align-items:center!important;min-height:40px!important}.action-btn{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:6px 16px!important;border-radius:10px!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;letter-spacing:.3px!important;-webkit-user-select:none!important;user-select:none!important}.action-btn svg{font-size:1.1rem!important;stroke-width:2.5px!important}.btn-play-alt{background:#f5f3ff!important;color:#6d28d9!important;border:1px solid #ddd6fe!important}.btn-play-alt:hover{background:#6d28d9!important;color:#fff!important;border-color:#6d28d9!important;box-shadow:0 4px 14px #6d28d940!important;transform:translateY(-1px)!important}.btn-play-alt:active{transform:translateY(0) scale(.98)!important}.btn-download-alt{background:#ecfdf5!important;color:#059669!important;border:1px solid #a7f3d0!important}.btn-download-alt:hover{background:#059669!important;color:#fff!important;border-color:#059669!important;box-shadow:0 4px 14px #05966940!important;transform:translateY(-1px)!important}.btn-download-alt:active{transform:translateY(0) scale(.98)!important}span.status-badge{padding:6px 12px!important;border-radius:8px!important;font-size:.75rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;box-shadow:0 1px 2px #0000000d!important}.status-badge-success{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important}.status-badge-danger{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}.status-badge-warning{background:#fef3c7!important;color:#92400e!important;border:1px solid #fde68a!important}.status-badge-info{background:#e0f2fe!important;color:#075985!important;border:1px solid #bae6fd!important}.status-badge-neutral{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}span.direction-label{font-size:.75rem!important;font-weight:700!important;padding:4px 10px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}.direction-out{color:#2563eb!important;background:#eff6ff!important;border:1px solid #dbeafe!important}.direction-in{color:#7c3aed!important;background:#f5f3ff!important;border:1px solid #ede9fe!important}.grand-total-row{background:#f8fafc!important}.grand-total-row td{border-top:2px solid #e2e8f0!important;color:#1e293b!important;font-weight:800!important;padding:1.25rem 1rem!important}.audio-player-portal{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:600px;position:fixed!important;bottom:2rem!important;left:50%!important;transform:translate(-50%)!important;z-index:99999!important;width:90%!important;max-width:600px!important;animation:slideUp .4s cubic-bezier(.16,1,.3,1)!important}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.audio-player-content{background:#ffffffe6!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important;padding:1rem 1.5rem!important;display:flex!important;align-items:center!important;gap:1.5rem!important}.audio-info{display:flex;align-items:center;gap:.75rem;min-width:150px}.audio-icon{background:#4338ca;color:#fff;padding:8px;border-radius:10px;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.audio-text{display:flex;flex-direction:column}.audio-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700}.audio-title{font-size:.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.main-audio-element{flex-grow:1;height:36px;border-radius:8px}.close-audio-btn{background:#f1f5f9;color:#64748b;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.close-audio-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}@media(max-width:768px){.audio-player-portal{bottom:1rem}.audio-player-content{flex-direction:column;gap:1rem;padding:1rem}.audio-info{width:100%;justify-content:center}.main-audio-element{width:100%}.close-audio-btn{position:absolute;top:.5rem;right:.5rem}}.my-work-page{padding:1.5rem;max-width:1100px;margin:0 auto}.my-work-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.my-work-header h1{margin:0;font-size:1.75rem;color:#1e293b}.my-work-header p{margin:.35rem 0 0;color:#64748b}.my-work-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.my-work-tabs button{border:1px solid #e2e8f0;background:#fff;padding:.45rem .9rem;border-radius:6px;cursor:pointer;color:#475569}.my-work-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a}.my-work-list{display:flex;flex-direction:column;gap:.75rem}.my-work-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.9rem 1rem}.my-work-card.overdue{border-color:#fecaca;background:#fff7f7}.my-work-card h3{margin:0 0 .25rem;font-size:1rem;color:#0f172a}.my-work-card .meta{font-size:.85rem;color:#64748b}.my-work-card .actions{display:flex;gap:.5rem;flex-shrink:0}.my-work-card .actions button{border:none;border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-size:.85rem}.my-work-card .actions .complete-btn{background:#059669;color:#fff}.my-work-card .actions .link-btn{background:#e2e8f0;color:#0f172a}.my-work-empty{text-align:center;padding:3rem 1rem;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:8px}.my-work-filter{margin-bottom:1rem}.my-work-filter select{padding:.45rem .75rem;border-radius:6px;border:1px solid #e2e8f0}.user-mgmt-page{padding:1.5rem;max-width:960px;margin:0 auto}.user-mgmt-page h1{margin:0 0 .35rem;color:#0f172a}.user-mgmt-page p{color:#64748b;margin-bottom:1.25rem}.user-mgmt-error{color:#b91c1c}.user-mgmt-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.user-mgmt-table th,.user-mgmt-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.user-mgmt-table th{background:#f8fafc;font-size:.85rem;color:#475569}.user-mgmt-table select{padding:.35rem .5rem;border-radius:6px;border:1px solid #e2e8f0}.user-mgmt-invite{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.user-mgmt-invite h2{margin:0 0 .75rem;font-size:1.05rem}.user-mgmt-invite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:.75rem}.user-mgmt-invite-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#475569}.user-mgmt-invite-grid input,.user-mgmt-invite-grid select{padding:.45rem .55rem;border:1px solid #e2e8f0;border-radius:6px}.user-mgmt-invite-flags{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.9rem}.user-mgmt-invite-flags label{display:flex;align-items:center;gap:.35rem}.user-mgmt-invite-result{margin-top:.75rem;padding:.65rem .75rem;border-radius:6px;font-size:.9rem}.user-mgmt-invite-result.ok{background:#ecfdf5;color:#065f46}.user-mgmt-invite-result.warn{background:#fffbeb;color:#92400e}.user-mgmt-invite-result code{font-weight:600}:root{--color-primary-brand: #4F46E5;--color-primary-light-bg: #EFEFFD;--color-action-blue: #3B82F6;--color-background: #F8FAFC;--color-sidebar-bg: #FFFFFF;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-muted: #9CA3AF;--color-border: #F3F4F6;--color-shadow: rgba(0, 0, 0, .05);--sidebar-width: 250px;--sidebar-width-collapsed: 80px;--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}