@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--brand-blue: #0B1C41;--brand-yellow: #FBC700;--brand-white: #FFFFFF;--brand-grey: #EAEDF6;--brand-black: #000000}html{height:100%;font-family:Lora;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1}body{margin:0;min-height:100vh;font-family:inherit;color:#333;background-color:#f8fafc;overflow-x:hidden}button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:inherit}.text-blue{color:var(--brand-blue)}.text-yellow{color:var(--brand-yellow)}.text-white{color:var(--brand-white)}.text-grey{color:var(--brand-grey)}.text-black{color:var(--brand-black)}.bg-blue{background-color:var(--brand-blue)}.bg-yellow{background-color:var(--brand-yellow)}.bg-white{background-color:var(--brand-white)}.bg-grey{background-color:var(--brand-grey)}.bg-black{background-color:var(--brand-black)}.border-blue{border-color:var(--brand-blue)}.border-yellow{border-color:var(--brand-yellow)}.border-white{border-color:var(--brand-white)}.border-grey{border-color:var(--brand-grey)}.border-black{border-color:var(--brand-black)}#root{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.sidebar{position:fixed;left:0;top:0;width:320px;height:100vh;background-color:var(--brand-blue);color:var(--brand-white);z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transition:width .3s ease}.sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}.sidebar-toggle{background:none;border:none;color:var(--brand-white);cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;display:flex;flex-direction:column;gap:3px;min-width:24px;height:24px;justify-content:center}.sidebar-toggle:hover{background-color:#ffffff1a}.hamburger-line{width:18px;height:2px;background-color:var(--brand-white);transition:all .3s ease;border-radius:1px}.sidebar.collapsed .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar.collapsed .hamburger-line:nth-child(2){opacity:0}.sidebar.collapsed .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.sidebar-title{font-size:1.25rem;font-weight:700;color:var(--brand-white);margin:0;transition:opacity .3s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-title{opacity:0;width:0}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{margin:0}.sidebar-link{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--brand-white);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;justify-content:flex-start}.sidebar.collapsed .sidebar-link{padding:1rem;justify-content:center}.sidebar-link:hover{background-color:#ffffff1a;border-left-color:var(--brand-yellow)}.sidebar-link.active{background-color:#ffffff26;border-left-color:var(--brand-yellow);font-weight:600}.sidebar-label{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;transition:opacity .3s ease}.sidebar.collapsed .sidebar-label{opacity:0;width:0}.sidebar-icon{margin-right:.75rem;font-size:1.2rem;transition:margin-right .3s ease}.sidebar.collapsed .sidebar-icon{margin-right:0}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}}.navbar{background-color:var(--brand-white);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:100%}.navbar-left{display:flex;align-items:center}.navbar-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--brand-blue);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.navbar-menu-toggle:hover{background-color:var(--brand-grey)}.navbar-right{display:flex;align-items:center}.navbar-user{display:flex;align-items:center;gap:.75rem;position:relative;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease}.navbar-user:hover{background-color:var(--brand-grey)}.user-name{font-size:.875rem;font-weight:500;color:var(--brand-blue)}.user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--brand-blue);color:var(--brand-white);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.user-dropdown{position:absolute;top:100%;right:0;background:var(--brand-white);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;margin-top:.5rem}.dropdown-item{display:flex;flex-direction:column;padding:.75rem 1rem;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--brand-grey)}.dropdown-label{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.dropdown-email{font-size:.875rem;color:var(--brand-blue);font-weight:500}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:.5rem 0}.logout-button{color:#dc2626;font-weight:500}.logout-button:hover{background-color:#fef2f2;color:#b91c1c}@media (max-width: 768px){.navbar-menu-toggle{display:block}.navbar-content{padding:1rem}.user-name{display:none}.user-dropdown{right:-1rem;min-width:180px}}.layout{display:flex;min-height:100vh;background-color:#f8fafc;overflow-x:hidden}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:320px;min-width:0;overflow-x:hidden;transition:margin-left .3s ease}.layout-main.sidebar-collapsed{margin-left:80px}.layout-content{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden;min-width:0}@media (max-width: 768px){.layout-main{margin-left:0}.layout-content{padding:1rem}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.button:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}.button--small{padding:6px 12px;font-size:12px;min-height:32px}.button--medium{padding:8px 16px;font-size:14px;min-height:40px}.button--large{padding:12px 24px;font-size:16px;min-height:48px}.button--primary{background-color:#1a202c;color:#fff;border:1px solid #1A202C}.button--primary:hover:not(:disabled){background-color:#2d3748;border-color:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.button--secondary{background-color:#f5f7fa;color:#2d3748;border:1px solid #CBD5E0}.button--secondary:hover:not(:disabled){background-color:#e2e8f0;border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000000d}.button--outline{background-color:transparent;color:#1a202c;border:1px solid #1A202C}.button--outline:hover:not(:disabled){background-color:#1a202c;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.button--outline:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.button--ghost{background-color:transparent;color:#2d3748;border:1px solid transparent}.button--ghost:hover:not(:disabled){background-color:#f5f7fa;color:#1a202c}.button--ghost:active:not(:disabled){background-color:#e2e8f0}.button--danger{background-color:#ef4444;color:#fff;border:1px solid #EF4444}.button--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.button--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ef444433}.button--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.button--loading{cursor:not-allowed;color:transparent}.button--full-width{width:100%}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.button__spinner-icon{width:16px;height:16px;animation:button-spin 1s linear infinite}.button--small .button__spinner-icon{width:12px;height:12px}.button--large .button__spinner-icon{width:20px;height:20px}.button__spinner-circle{animation:button-spinner-dash 1.5s ease-in-out infinite}.button__content{transition:opacity .2s ease}.button__content--loading{opacity:0}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes button-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.button--primary: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}.button--primary:hover:before{left:100%}.button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.button:active:after{width:300px;height:300px}@media (prefers-color-scheme: dark){.button--secondary{background-color:#2d3748;color:#f5f7fa;border-color:#4a5568}.button--secondary:hover:not(:disabled){background-color:#4a5568;border-color:#718096}.button--outline{color:#f5f7fa;border-color:#f5f7fa}.button--outline:hover:not(:disabled){background-color:#f5f7fa;color:#1a202c}.button--ghost{color:#f5f7fa}.button--ghost:hover:not(:disabled){background-color:#2d3748;color:#f5f7fa}.button--ghost:active:not(:disabled){background-color:#4a5568}}@media (max-width: 768px){.button--small{padding:5px 10px;font-size:11px;min-height:30px}.button--medium{padding:7px 14px;font-size:13px;min-height:38px}.button--large{padding:10px 20px;font-size:15px;min-height:46px}}@media (prefers-contrast: high){.button{border-width:2px}.button--primary{background-color:#000;border-color:#000}.button--secondary{background-color:#fff;color:#000;border-color:#000}.button--outline{border-width:2px}}@media (prefers-reduced-motion: reduce){.button{transition:none}.button:hover:not(:disabled){transform:none}.button:active:not(:disabled){transform:none}.button__spinner-icon,.button__spinner-circle{animation:none}.button--primary:before{display:none}.button:after{display:none}}.input-textarea{resize:vertical;min-height:80px;font-family:inherit}.input-autofill-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:#ef4444;border:none;border-radius:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.input-autofill-button:hover{background-color:#dc2626}.autofill-dots{color:#fff;font-size:12px;font-weight:700;line-height:1;margin-right:2px}.autofill-line{color:#fff;font-size:12px;font-weight:700;line-height:1}@media (prefers-color-scheme: dark){.input-label{color:#2d3748}.input-field{background-color:#fff;border-color:#000;color:#000}.input-field:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.input-field:hover:not(:disabled){border-color:#000}.input-field:disabled{background-color:#e5e5e5;color:#999}}.select-container{display:flex;flex-direction:column;gap:8px;width:100%}.select-label{font-size:.9rem;font-weight:500;color:var(--brand-blue);font-family:Lora,serif}.select-required{color:#9ca3af;font-weight:400}.select-wrapper{position:relative;display:flex;align-items:center}.select-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #CBD5E0;border-radius:4px;font-size:14px;background-color:var(--brand-white);color:var(--brand-blue);appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-family:Lora,serif}.select-input:focus{outline:none;border-color:var(--brand-yellow);box-shadow:0 0 0 2px #fbc70040}.select-input:hover:not(:disabled){border-color:var(--brand-yellow)}.select-input:disabled{cursor:not-allowed}.select-input.select-error{border-color:#ef4444}.select-input.select-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;transition:transform .2s ease}.select-input:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.select-error-message{font-size:12px;min-height:20px;color:#ef4444}@media (prefers-color-scheme: dark){.select-label{color:#2d3748}.select-input{background-color:#fff;border-color:#000;color:#374151}.select-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.select-input:hover:not(:disabled){border-color:#000}.select-input:disabled{color:#6b7280}.select-arrow{color:#9ca3af}}.toast{position:fixed;bottom:24px;right:24px;z-index:10000;min-width:320px;max-width:420px;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.toast-enter{transform:translate(0)}.toast-exit{transform:translate(100%)}.toast-content{display:flex;align-items:center;padding:16px 20px;gap:12px;position:relative}.toast-body{flex:1;display:flex;flex-direction:column;gap:4px}.toast-message{font-size:14px;line-height:1.5;font-weight:500;color:inherit}.toast-close{background:none;border:none;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;flex-shrink:0;opacity:.7}.toast-close:hover{opacity:1;background-color:#0000001a}.toast-close-icon{width:16px;height:16px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#fff3;overflow:hidden}.toast-progress-bar{height:100%;background-color:#fff9;animation:progressBar var(--toast-duration, 5s) linear forwards}@keyframes progressBar{0%{width:100%}to{width:0%}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #047857}.toast-success .toast-close{color:#fffc}.toast-success .toast-close:hover{background-color:#ffffff26;color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #b91c1c}.toast-error .toast-close{color:#fffc}.toast-error .toast-close:hover{background-color:#ffffff26;color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left:4px solid #1d4ed8}.toast-info .toast-close{color:#fffc}.toast-info .toast-close:hover{background-color:#ffffff26;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.slide-out{animation:slideOut .3s ease-in forwards}@media (max-width: 480px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.global-loader-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:20px}.global-loader-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.global-loader-message{color:#fff;font-size:16px;font-weight:500}.multi-searchable-select-container{display:flex;flex-direction:column;gap:8px;width:100%}.multi-searchable-select-label{font-size:.9rem;font-weight:500;color:#2d3748}.multi-searchable-select-required{color:#999;font-weight:400}.multi-searchable-select-wrapper{position:relative;display:flex;flex-direction:column;min-height:44px}.multi-searchable-select-input-container{position:relative;min-height:44px;padding:8px 40px 8px 12px;border:1px solid #000;border-radius:4px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.multi-searchable-select-input-container:focus-within{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.multi-searchable-select-input-container:hover:not(.multi-searchable-select-disabled){border-color:#000}.multi-searchable-select-input-container.multi-searchable-select-error{border-color:#ef4444}.multi-searchable-select-input-container.multi-searchable-select-error:focus-within{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.multi-searchable-select-content{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:28px}.multi-searchable-select-tag{display:inline-flex;align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:16px;padding:4px 8px;font-size:12px;color:#374151;max-width:200px;gap:4px;height:28px;box-sizing:border-box}.multi-searchable-select-tag-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.multi-searchable-select-tag-remove{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;line-height:1;padding:0;margin:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease,color .15s ease}.multi-searchable-select-tag-remove:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.multi-searchable-select-tag-remove:disabled{cursor:not-allowed;opacity:.5}.multi-searchable-select-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-size:14px;color:#000;padding:0;margin:0;height:28px;line-height:28px}.multi-searchable-select-input::placeholder{color:#9ca3af}.multi-searchable-select-input:disabled{color:#999;cursor:not-allowed}.multi-searchable-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;transition:transform .2s ease;z-index:1}.multi-searchable-select-wrapper:focus-within .multi-searchable-select-arrow{transform:translateY(-50%) rotate(180deg)}.multi-searchable-select-error-message{font-size:12px;color:#ef4444;min-height:20px}.multi-searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #000;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:1000}.multi-searchable-select-item{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease;font-size:14px;color:#000}.multi-searchable-select-item:last-child{border-bottom:none}.multi-searchable-select-item:hover,.multi-searchable-select-item-selected{background-color:#f3f4f6}.multi-searchable-select-no-options{padding:12px;color:#6b7280;font-size:14px;text-align:center;font-style:italic}.multi-searchable-select-max-reached{padding:8px 12px;background-color:#fef3c7;color:#92400e;font-size:12px;text-align:center;border-top:1px solid #fbbf24}.multi-searchable-select-wrapper.disabled .multi-searchable-select-input-container{background-color:#e5e5e5;color:#999;cursor:not-allowed}.multi-searchable-select-wrapper.disabled .multi-searchable-select-tag{background-color:#e5e7eb;color:#9ca3af}@media (prefers-color-scheme: dark){.multi-searchable-select-label{color:#2d3748}.multi-searchable-select-input-container{background-color:#fff;border-color:#000}.multi-searchable-select-input-container:focus-within{border-color:#000;box-shadow:0 0 0 2px #0000001a}.multi-searchable-select-input-container:hover:not(.multi-searchable-select-disabled){border-color:#000}.multi-searchable-select-input{color:#000}.multi-searchable-select-dropdown{background:#fff;border-color:#000}.multi-searchable-select-item{color:#000}.multi-searchable-select-tag{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}}@media (max-width: 640px){.multi-searchable-select-tag{max-width:150px;font-size:11px}.multi-searchable-select-input{min-width:100px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-blue) 0%,#1a2b5c 100%);padding:2rem}.login-container{width:100%;max-width:400px;background:var(--brand-white);border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.login-header{background:var(--brand-blue);padding:2rem;text-align:center;color:var(--brand-white)}.login-logo h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--brand-white)}.login-logo p{font-size:1rem;margin:0;color:var(--brand-grey);font-weight:500}.login-form-container{padding:1.5rem}.login-form-header{text-align:center;margin-bottom:1.5rem}.login-form-header h2{font-size:1.5rem;font-weight:600;color:var(--brand-blue);margin:0 0 .5rem}.login-form-header p{font-size:.875rem;color:#64748b;margin:0}.login-form{display:flex;flex-direction:column;gap:.75rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center}.login-form .form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:0}.form-group label{font-size:.875rem;font-weight:600;color:var(--brand-blue)}.login-button{width:100%;margin-top:.25rem}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.demo-credentials{background:var(--brand-grey);padding:1rem;border-radius:8px;text-align:center}.demo-credentials p{font-size:.75rem;color:#64748b;margin:.25rem 0}.demo-credentials strong{color:var(--brand-blue);font-weight:600}@media (max-width: 480px){.login-page{padding:1rem}.login-container{max-width:100%}.login-header,.login-form-container{padding:1.5rem}}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;display:inline-block}.metric-card .skeleton-title{margin-bottom:8px}.metric-card .skeleton-value{margin-bottom:4px}.metric-card .skeleton-label{opacity:.7}.chart-skeleton{display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa}.skeleton-chart{border-radius:8px}.pending-stage-item .skeleton-stage-name{margin-right:16px}.pending-stage-item .skeleton-stage-count{margin-left:auto}@media (max-width: 768px){.skeleton-loader{font-size:14px}}.overview{max-width:100%;margin:0 auto;padding:0}.overview-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-grey);gap:2rem}.overview-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0}.overview-content{display:flex;flex-direction:column;gap:2rem}.dashboard-filters{margin:0}.filters-row{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-label{font-weight:600;color:var(--brand-blue);font-size:13px;font-family:Lora,serif;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;min-height:17px;line-height:17px}.date-input{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Lora,serif;height:52px;box-sizing:border-box;font-weight:500;color:#1a202c;width:100%}.date-input:focus{outline:none;border-color:var(--brand-yellow);box-shadow:0 0 0 4px #fbc70026;transform:translateY(-1px)}.date-input:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.filter-select{padding:16px 48px 16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Lora,serif;height:52px;box-sizing:border-box;font-weight:500;color:#1a202c;width:100%;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.filter-select:focus{outline:none;border-color:var(--brand-yellow);box-shadow:0 0 0 4px #fbc70026;transform:translateY(-1px)}.filter-select:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dashboard-filters .button{padding:16px 32px;border-radius:12px;font-weight:600;font-size:15px;min-height:52px;background:linear-gradient(135deg,var(--brand-blue) 0%,#2d3748 100%);border:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;align-self:flex-end}.dashboard-filters .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #00000040;background:linear-gradient(135deg,#2d3748 0%,var(--brand-blue) 100%)}.dashboard-filters .button:active{transform:translateY(0)}@media (max-width: 1024px){.filters-row{gap:20px}.filter-item{min-width:160px}}@media (max-width: 768px){.filters-row{flex-direction:column;align-items:stretch;gap:20px}.filter-item,.dashboard-filters .select-container{min-width:auto;width:100%}}@media (max-width: 480px){.filters-row{gap:16px}.filter-input,.dashboard-filters .select-input{padding:14px 16px;min-height:48px;font-size:14px}.dashboard-filters .button{padding:14px 24px;min-height:48px;font-size:14px}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--brand-white);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.metric-card h3{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2.5rem;font-weight:700;color:var(--brand-blue);margin:0 0 .25rem;line-height:1}.metric-label{font-size:.875rem;color:#64748b;margin:0}.chart-section{background:var(--brand-white);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.chart-section h2{font-size:1.5rem;font-weight:600;color:var(--brand-blue);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--brand-grey)}.chart-container{margin-bottom:1.5rem}.chart-container h3{font-size:1.125rem;font-weight:600;color:var(--brand-blue);margin:0 0 1rem;text-align:center}.chart-description{font-size:.875rem;color:#64748b;text-align:center;margin:1rem 0 0;font-style:italic}.pending-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pending-stage-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--brand-grey);border-radius:8px;border-left:4px solid var(--brand-yellow)}.stage-name{font-weight:600;color:var(--brand-blue)}.stage-count{font-size:1.25rem;font-weight:700;color:var(--brand-blue)}.response-time-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.stat-item p{font-size:.875rem;color:#64748b;margin:.25rem 0}.pairing-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.location-stats{margin-top:1.5rem}.agent-stats{margin-top:1rem}@media (max-width: 768px){.overview-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-row{flex-direction:column;align-items:stretch}.filter-item{min-width:auto;width:100%}.metrics-grid,.pairing-charts,.response-time-stats,.stat-grid{grid-template-columns:1fr}.chart-section{padding:1.5rem}}.table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 3px #0000001a;position:relative;width:100%;max-width:100%;min-width:0}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table{width:100%;min-width:800px;border-collapse:collapse;font-size:.875rem}.table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.table th{padding:1rem .75rem;text-align:left;font-weight:600;color:var(--brand-blue);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #e2e8f0;white-space:nowrap}.table th:last-child{border-right:none}.table td{padding:1rem .75rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:top;line-height:1.5}.table td:last-child{border-right:none}.table tbody tr:hover{background:#f8fafc}.table tbody tr:last-child td{border-bottom:none}.table-row-clickable{cursor:pointer;transition:background-color .2s ease}.table-row-clickable:hover{background:#f1f5f9!important}.skeleton-row{animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.skeleton-cell{padding:1rem .75rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:top}.skeleton-cell:last-child{border-right:none}.skeleton-content{height:1rem;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.5s infinite}.skeleton-row:nth-child(odd) .skeleton-content{width:85%}.skeleton-row:nth-child(2n) .skeleton-content{width:92%}.skeleton-row:nth-child(3) .skeleton-content{width:78%}.skeleton-row:nth-child(4) .skeleton-content{width:88%}.skeleton-row:nth-child(5) .skeleton-content{width:95%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.7}}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.table-empty h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#374151}.table-empty p{margin:0;font-size:.875rem}@media (max-width: 1200px){.table{font-size:.8rem;min-width:700px}.table th,.table td{padding:.75rem .5rem}}@media (max-width: 768px){.table{min-width:600px}}@media (max-width: 480px){.table th,.table td{padding:.5rem .375rem}.table{font-size:.75rem;min-width:500px}}.phone-input-container{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.phone-input-label{font-size:.9rem;font-weight:500;color:#2d3748}.phone-input-required{color:#999;font-weight:400}.phone-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #000;border-radius:4px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.phone-input-wrapper:hover:not(:disabled){border-color:#000}.phone-input-country-code{padding:12px 8px 12px 12px;font-size:14px;color:#999;background-color:transparent;-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;align-items:center;flex-shrink:0;line-height:1}.phone-input-divider{width:1px;height:20px;background-color:#ddd;margin:0 4px}.phone-input-field{width:100%;padding:12px 12px 12px 0;border:none;border-radius:0;font-size:14px;background-color:transparent;color:#000;outline:none;flex:1;line-height:1}.phone-input-wrapper:has(.phone-input-field:disabled){background-color:#e5e5e5}.phone-input-field:disabled{background-color:transparent;color:#999;cursor:not-allowed}.phone-input-wrapper.phone-input-error{border-color:#ef4444}.phone-input-error-message{font-size:12px;color:#ef4444;margin-top:4px}.input-container{display:flex;flex-direction:column;gap:8px;width:100%}.input-label{font-size:.9rem;font-weight:500;color:#2d3748}.input-required{color:#999;font-weight:400}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:12px 40px 12px 12px;border:1px solid #000;border-radius:4px;font-size:14px;background-color:#fff;color:#000;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.input-field:hover:not(:disabled){border-color:#000}.input-field:disabled{background-color:#e5e5e5;color:#999;cursor:not-allowed}.input-field.input-error{border-color:#ef4444}.input-field.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.input-error-message{font-size:12px;color:#ef4444;min-height:20px}.places-loading{position:absolute;right:14px;top:12px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.places-loading-spinner{width:16px;height:16px;border:2.5px solid #e0e0e0;border-top-color:#667eea;border-right-color:#764ba2;border-radius:50%;animation:places-spin .8s linear infinite}@keyframes places-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.places-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #000;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:1000}.places-item{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.places-item:last-child{border-bottom:none}.places-item:hover,.places-item-selected{background-color:#f3f4f6}.places-item-main{font-size:14px;color:#000;font-weight:500;margin-bottom:2px}.places-item-secondary{font-size:12px;color:#666}@media (prefers-color-scheme: dark){.input-label{color:#2d3748}.input-field{background-color:#fff;border-color:#000;color:#000}.input-field:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.input-field:hover:not(:disabled){border-color:#000}.input-field:disabled{background-color:#e5e5e5;color:#999}.places-dropdown{background:#fff;border-color:#000}.places-item-main{color:#000}.places-item-secondary{color:#666}}.searchable-select-container{display:flex;flex-direction:column;gap:8px;width:100%}.searchable-select-label{font-size:.9rem;font-weight:500;color:#2d3748}.searchable-select-required{color:#999;font-weight:400}.searchable-select-wrapper{position:relative;display:flex;align-items:center}.searchable-select-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #000;border-radius:4px;font-size:14px;background-color:#fff;color:#000;transition:border-color .2s ease,box-shadow .2s ease}.searchable-select-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.searchable-select-input:hover:not(:disabled){border-color:#000}.searchable-select-input:disabled{background-color:#e5e5e5;color:#999;cursor:not-allowed}.searchable-select-input.searchable-select-error{border-color:#ef4444}.searchable-select-input.searchable-select-error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.searchable-select-error-message{font-size:12px;color:#ef4444;min-height:20px}.searchable-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;transition:transform .2s ease}.searchable-select-input:focus+.searchable-select-arrow{transform:translateY(-50%) rotate(180deg)}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #000;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:200px;overflow-y:auto;z-index:1000}.searchable-select-item{padding:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease;font-size:14px;color:#000}.searchable-select-item:last-child{border-bottom:none}.searchable-select-item:hover,.searchable-select-item-selected{background-color:#f3f4f6}@media (prefers-color-scheme: dark){.searchable-select-label{color:#2d3748}.searchable-select-input{background-color:#fff;border-color:#000;color:#000}.searchable-select-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.searchable-select-input:hover:not(:disabled){border-color:#000}.searchable-select-input:disabled{background-color:#e5e5e5;color:#999}.searchable-select-dropdown{background:#fff;border-color:#000}.searchable-select-item{color:#000}}.member-edit-sidebar{position:fixed;top:0;right:-800px;width:800px;max-width:90vw;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transition:right .3s ease-out;z-index:1001}.member-edit-sidebar.open{right:0}.member-edit-sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:3px solid var(--brand-yellow);background:var(--brand-blue);color:var(--brand-white);position:relative;flex-shrink:0}.member-edit-sidebar-header:after{content:"";position:absolute;bottom:-3px;left:0;width:100px;height:3px;background:var(--brand-yellow);box-shadow:0 0 10px #fbc70080}.member-edit-sidebar-header-content{flex:1}.member-edit-sidebar-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--brand-white);font-family:Lora,serif}.member-name{font-size:.875rem;color:var(--brand-grey);margin:0;font-weight:500}.member-edit-sidebar-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:var(--brand-white);font-size:1.25rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-weight:300}.member-edit-sidebar-close:hover{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--brand-blue);transform:rotate(90deg)}.member-edit-sidebar-body{flex:1;overflow-y:auto;padding:2rem;background:#fff}.member-edit-sidebar-footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:1rem;background:#fff;flex-shrink:0}.member-signup-form{display:flex;flex-direction:column;gap:.5rem}.member-edit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.member-edit-loading p{margin:0;font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.form-row:has(.member-signup-form-group:only-child){grid-template-columns:1fr}.form-row-two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.form-row-three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:start}.member-signup-form-group{display:flex;flex-direction:column;position:relative}.member-signup-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.member-signup-form-label{font-size:.95rem;font-weight:600;color:#1e293b;letter-spacing:.025em;margin-bottom:.5rem}.contact-checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.contact-checkbox-label{display:flex;align-items:center;gap:1rem!important;cursor:pointer;font-size:.9rem;color:#2d3748}.contact-checkbox-input{width:1rem;height:1rem;accent-color:#FBC700;cursor:pointer}.contact-checkbox-text{-webkit-user-select:none;user-select:none}.form-description{font-size:.9rem;color:#6b7280;margin-bottom:1rem;display:block;width:100%;line-height:1.4}.buying-zip-help-text{font-size:.85rem;color:#6b7280;margin-bottom:.75rem;line-height:1.4}.form-section-divider{height:2px;background:linear-gradient(90deg,transparent,#cbcdd1,transparent);margin:1.5rem 0;border-radius:2px;position:relative}.agent-recommendation-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #E2E8F0;border-radius:12px;padding:2.5rem;margin-top:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.agent-recommendation-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 2rem;position:relative;padding-bottom:.75rem}.agent-recommendation-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#fbc700,#f4e4bc);border-radius:2px}.member-edit-error{background-color:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.member-edit-modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #E5E7EB}@media (max-width: 768px){.member-signup-form{gap:1.25rem;padding:2rem;border-radius:12px}.form-row,.form-row-three-column,.form-row-two-column{grid-template-columns:1fr;gap:1rem}.agent-recommendation-section{padding:2rem}.agent-recommendation-title{font-size:1.25rem}.form-section-divider{margin:1.25rem 0}.member-signup-name-fields{grid-template-columns:1fr;gap:.75rem}}.changelogs-loading,.changelogs-error,.changelogs-empty{text-align:center;padding:3rem 1rem;color:#666}.changelogs-empty .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.changelogs-error{color:#dc3545}.changelogs-error .error-icon{font-size:2rem;display:block;margin-bottom:1rem}.changelogs-timeline{margin-top:1rem}.timeline-container{position:relative}.timeline-changelog-item{display:flex;margin-bottom:2rem;position:relative}.timeline-changelog-marker{display:flex;flex-direction:column;align-items:center;margin-right:1rem;position:relative}.changelog-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid #fff;box-shadow:0 2px 4px #0000001a;z-index:2;position:relative}.changelog-marker.timeline-success{background:#28a745;color:#fff}.changelog-marker.timeline-info{background:#17a2b8;color:#fff}.changelog-marker.timeline-warning{background:#ffc107;color:#212529}.timeline-connector{width:2px;height:2rem;background:#e0e0e0;margin-top:.5rem}.timeline-changelog-card{flex:1;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background:#fff;box-shadow:0 2px 4px #0000000d;margin-left:.5rem}.timeline-changelog-card.timeline-success{border-left:4px solid #28a745}.timeline-changelog-card.timeline-info{border-left:4px solid #17a2b8}.timeline-changelog-card.timeline-warning{border-left:4px solid #ffc107}.changelog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.changelog-action-info{display:flex;align-items:center;gap:1rem}.action-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.timeline-changelog-card.timeline-success .action-badge{background:#d4edda;color:#155724}.timeline-changelog-card.timeline-info .action-badge{background:#d1ecf1;color:#0c5460}.timeline-changelog-card.timeline-warning .action-badge{background:#fff3cd;color:#856404}.changelog-date{font-size:.875rem;color:#666}.model-badge{padding:.25rem .5rem;background:#f8f9fa;color:#495057;border-radius:4px;font-size:.8rem;font-weight:500}.changelog-card-content{display:flex;flex-direction:column;gap:1rem}.changelog-actor{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.actor-label{color:#666;font-weight:500}.actor-name{color:#1a1a1a;font-weight:600}.changelog-created{padding:1rem;background:#f8f9fa;border-radius:6px;text-align:center}.created-message{color:#28a745;font-weight:500;font-size:.9rem}.changelog-changes{margin-top:.5rem}.changes-text{font-size:.9rem;color:#1a1a1a;padding:.5rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #17a2b8;display:block;word-break:break-word;white-space:pre-wrap}.changes-title{font-size:.9rem;font-weight:600;color:#1a1a1a;margin:0 0 .75rem}.change-item{margin-bottom:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #17a2b8}.change-field{margin-bottom:.5rem}.field-label{font-weight:600;color:#1a1a1a;font-size:.9rem}.change-values{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.value-before,.value-after{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:120px}.value-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase}.value-text{font-size:.875rem;color:#1a1a1a;padding:.25rem .5rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;word-break:break-word}.value-arrow{font-size:1.2rem;color:#17a2b8;font-weight:700;margin:0 .5rem}.changelog-no-changes{padding:1rem;background:#f8f9fa;border-radius:6px;text-align:center}.no-changes{color:#666;font-style:italic;font-size:.9rem}.changelogs-timeline,.timeline-container,.timeline-changelog-item{width:100%;max-width:100%}.timeline-changelog-card{width:100%;max-width:calc(100% - 3rem)}.changelogs-tab{width:100%;max-width:100%}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.members{width:100%;margin:0 auto;padding:0;min-width:0;overflow-x:hidden}.members-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.members-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0 0 .5rem}.page-description{color:#64748b;font-size:1rem;margin:0}.members-content{display:flex;flex-direction:column;gap:1.5rem;min-width:0;overflow-x:hidden}.members-filters{display:flex;flex-direction:column;gap:1rem;background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.search-form{display:flex;gap:.75rem;align-items:flex-end}.search-form .input-container{flex:1;min-width:300px;margin-bottom:0}.search-form .input-wrapper{margin-bottom:0}.search-form .input-error-message{display:none}.members-search{margin-bottom:2rem}.members-search .input-container{max-width:400px;margin-bottom:0}.members-search .input-wrapper{margin-bottom:0}.members-search .input-error-message{display:none}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid var(--brand-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#374151}.empty-state p{margin:0;font-size:.875rem}.members-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 3px #0000001a;position:relative;width:100%;max-width:100%}.members-table-container::-webkit-scrollbar{height:8px}.members-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.members-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.members-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.members-table{width:1200px;min-width:1200px;border-collapse:collapse;font-size:.875rem}.members-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.members-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:var(--brand-blue);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #e2e8f0}.members-table th:last-child{border-right:none}.members-table td{padding:1rem .75rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:top;line-height:1.5}.members-table td:last-child{border-right:none}.members-table tbody tr:hover{background:#f8fafc}.members-table tbody tr:last-child td{border-bottom:none}.member-info{min-width:180px}.member-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.member-id{font-size:.75rem;color:#64748b}.contact-info{min-width:200px}.contact-info .email{font-weight:500;color:#1e293b;margin-bottom:.25rem}.contact-info .phone{font-size:.8rem;color:#64748b;margin-bottom:.25rem}.contact-info .newsletter{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.interest-info{min-width:150px}.property-interest{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize;margin-bottom:.25rem}.interest-chips-stacked{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.25rem}.interest-chips-stacked .property-interest{margin-bottom:0}.interest-buying{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.interest-selling{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #fbbf24}.interest-both{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #34d399}.agent-recommendation{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.address-info{min-width:200px;font-size:.8rem;line-height:1.4}.address-info>div{margin-bottom:.25rem}.address-info strong{color:#374151;font-weight:600}.status-info{min-width:100px}.status-pending{background:#fef3c7;color:#d97706}.status-matched{background:#d1fae5;color:#059669}.status-completed{background:#dbeafe;color:#1e40af}.email-verified{font-size:.75rem;display:flex;align-items:center;gap:.25rem;color:#64748b}.date-info{min-width:120px;font-size:.8rem}.registration-date{font-weight:500;color:#1e293b;margin-bottom:.25rem}.referral-source{color:#64748b;text-transform:capitalize}.agent-info{min-width:160px;font-size:.8rem}.agent-details .agent-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.agent-details .agent-email{color:#1e40af;margin-bottom:.25rem}.agent-details .agent-phone{color:#64748b}.no-agent{color:#64748b;font-style:italic}.actions{min-width:140px;display:flex;flex-direction:row;gap:.5rem;align-items:center}.actions .button{font-size:.875rem;padding:.625rem 1rem;flex:1}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid #e2e8f0}@media (max-width: 1400px){.members-table{font-size:.8rem;width:1100px;min-width:1100px}.members-table th,.members-table td{padding:.75rem .5rem}}@media (max-width: 768px){.members-filters{padding:1rem}.search-form{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.status-filters{justify-content:center}.members-table{width:900px;min-width:900px}.pagination{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.members-header h1{font-size:1.5rem}.members-table th,.members-table td{padding:.5rem .375rem}.members-table{font-size:.75rem;width:700px;min-width:700px}.actions{flex-direction:column;gap:.375rem}.actions .button{padding:.5rem .75rem;font-size:.75rem}}.member-detail{padding:2rem;max-width:1200px;margin:0 auto}.back-button-outside{background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1rem}.back-button-outside:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.member-detail-loading,.member-detail-error{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column}.member-detail-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--brand-grey);border-top:4px solid var(--brand-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.member-detail-loading p,.member-detail-error p{color:#6b7280;font-size:1rem}.error-content{text-align:center;max-width:500px}.error-content h2{color:#dc2626;margin-bottom:1rem}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.member-detail-header{background:linear-gradient(135deg,var(--brand-blue) 0%,#1e40af 100%);color:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.member-detail-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:#ffffff1a;border-radius:50%;transform:translate(50%,-50%)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.member-basic-info{display:flex;align-items:flex-start;gap:1.5rem}.back-button{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:#ffffff4d;border-color:#ffffff80}.member-identity h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;font-family:Lora,serif}.member-id{font-size:1rem;color:#fffc;margin:0;font-weight:500}.header-actions{display:flex;gap:1rem}.member-badges{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.property-interest-badge,.status-badge,.verified-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.property-interest-badge.interest-buying{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.property-interest-badge.interest-selling{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.property-interest-badge.interest-both{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #facc15}.status-badge.status-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-badge.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.verified-badge{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.member-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative}.tab-button:hover{color:var(--brand-blue);background:#0b1c410d}.tab-button.active{color:var(--brand-blue);background:#fff;border-bottom:3px solid var(--brand-blue)}.member-tab-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.info-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.card-title{font-size:1.25rem;font-weight:700;color:var(--brand-blue);margin:0 0 1.5rem;font-family:Lora,serif;border-bottom:2px solid var(--brand-yellow);padding-bottom:.5rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#374151;font-size:.875rem;min-width:120px;flex-shrink:0}.info-value{color:#1f2937;font-weight:500;text-align:right;flex:1;margin-left:1rem}.verified-icon{color:#10b981;margin-left:.5rem;font-weight:700}.no-data{color:#6b7280;font-style:italic;text-align:center;padding:2rem;margin:0}.interest-display{text-align:center;padding:2rem 0}.property-interest-large{display:inline-block;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.member-detail{padding:1rem}.member-detail-header{padding:1.5rem}.header-content{flex-direction:column;gap:1rem;align-items:stretch}.member-basic-info{flex-direction:column;gap:1rem}.member-identity h1{font-size:2rem}.member-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px;text-align:center}.info-grid{grid-template-columns:1fr;gap:1.5rem}.info-row{flex-direction:column;gap:.5rem;align-items:stretch}.info-label{min-width:auto;font-weight:700}.info-value{text-align:left;margin-left:0}.member-badges{gap:.5rem}}@media (max-width: 480px){.member-identity h1{font-size:1.75rem}.member-tab-content,.info-card{padding:1rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-full{width:100%;max-width:95vw;height:95vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-title{font-size:1.125rem}}.email-preview{background:#fff;border-radius:8px;overflow:hidden}.email-preview-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem}.email-subject{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;line-height:1.4}.email-meta{display:flex;flex-direction:column;gap:.75rem}.email-meta-item{display:flex;align-items:center;gap:.5rem}.meta-label{font-weight:600;color:#666;min-width:40px;font-size:.9rem}.meta-value{color:#1a1a1a;font-size:.9rem}.email-type-badge{background:#fff3e0;color:#ff9800;padding:.25rem .5rem;border-radius:4px;font-weight:500;font-size:.8rem}.email-preview-body{padding:1.5rem;background:#fff}.email-content{line-height:1.6;color:#333;font-size:.95rem}.email-content p{margin-bottom:1rem}.email-content a{color:#1976d2;text-decoration:none;font-weight:500}.email-content a:hover{text-decoration:underline}.email-content strong{font-weight:600;color:#1a1a1a}.email-content em{font-style:italic;color:#666}@media (max-width: 768px){.email-preview-header,.email-preview-body{padding:1rem}.email-subject{font-size:1.125rem}.email-meta{gap:.5rem}.meta-label{min-width:35px;font-size:.85rem}.meta-value{font-size:.85rem}}.info-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1976d2,#42a5f5);opacity:0;transition:opacity .3s ease}.info-card--clickable{cursor:pointer}.info-card--clickable:hover{border-color:#1976d2;box-shadow:0 8px 25px #1976d226;transform:translateY(-2px)}.info-card--clickable:hover:before{opacity:1}.info-card__title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.info-card__content{display:flex;flex-direction:column;gap:.5rem}.info-card__hint{margin-top:1rem;font-size:.8rem;color:#1976d2;font-weight:500;text-align:right}.member-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.member-email{font-size:.9rem;color:#666;margin-bottom:.25rem}.member-phone{font-size:.9rem;color:#666}.agency-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.agency-location{font-size:.9rem;color:#666;margin-bottom:.25rem}.matching-tier{font-size:.8rem;color:#1976d2;font-weight:500;background-color:#e3f2fd;padding:.2rem .5rem;border-radius:3px;display:inline-block}.no-assignment{font-size:.9rem;color:#666;font-style:italic}.agent-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.agent-email{font-size:.9rem;color:#666;margin-bottom:.5rem}.guaranty-signed{font-size:.9rem;color:#4caf50;font-weight:500;display:flex;align-items:center;gap:.5rem}.signed-date{font-size:.8rem;color:#666;font-weight:400}.connected-case-card{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#c8e6c9}.connected-status{font-size:.9rem;color:#4caf50;font-weight:600;margin-bottom:.5rem}.connected-case-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.connected-case-id{font-size:.9rem;color:#1a1a1a;font-weight:500}.connected-case-type{font-size:.8rem;color:#666}.connected-matching-tier{font-size:.8rem;color:#1976d2;font-weight:500}.view-case-button{margin-top:.5rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.25rem 0}.detail-label{font-weight:500;color:#666;font-size:.9rem}.detail-value{color:#1a1a1a;font-size:.9rem;font-weight:500}.document-link{color:#1976d2;text-decoration:none;font-weight:500}.document-link:hover{text-decoration:underline}.closing-date-display{display:flex;align-items:center;gap:.5rem}.closing-date-edit{display:flex;flex-direction:column;gap:.5rem}.closing-date-edit .date-input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:200px}.closing-date-edit .date-input:focus{outline:none;border-color:#1976d2}.closing-date-actions{display:flex;gap:.5rem}.closing-date-edit-button{margin-left:.5rem}.full-width-card{grid-column:1 / -1}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}}.timeline-load-more{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.timeline-load-more-info{color:#666;font-size:.875rem;font-weight:400;text-align:center}.timeline-scroll-trigger{min-height:50px;padding:.5rem}.timeline-skeleton-event{opacity:.7}.timeline-skeleton-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}@media (max-width: 768px){.timeline-load-more{margin-top:1rem;padding-top:1rem}.timeline-scroll-trigger{min-height:40px;padding:.5rem}}.case-timeline-sidebar{position:fixed;top:0;right:-600px;width:600px;max-width:90vw;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transition:right .3s ease-out;z-index:1001}.case-timeline-sidebar.open{right:0}.case-timeline-sidebar .timeline-sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:3px solid var(--brand-yellow);background:var(--brand-blue);color:var(--brand-white);position:relative}.timeline-sidebar-header:after{content:"";position:absolute;bottom:-3px;left:0;width:100px;height:3px;background:var(--brand-yellow);box-shadow:0 0 10px #fbc70080}.timeline-sidebar-header-content{flex:1}.timeline-sidebar-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--brand-white);font-family:Lora,serif}.timeline-case-name{font-size:.875rem;color:var(--brand-grey);margin:0;font-weight:500}.timeline-sidebar-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:var(--brand-white);font-size:1.25rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-weight:300}.timeline-sidebar-close:hover{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--brand-blue);transform:rotate(90deg)}.add-note-section{padding:1.5rem;background:#f9fafb;border-bottom:1px solid var(--brand-grey)}.add-note-section h3{font-size:1rem;font-weight:600;color:var(--brand-blue);margin:0 0 1rem;font-family:Lora,serif}.note-form{display:flex;flex-direction:column;gap:.75rem}.note-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s;background:#fff}.note-textarea:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b1c411a}.note-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.note-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.note-hint{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.timeline-sidebar-body{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.timeline-loading p{margin:0;font-size:.875rem}.timeline-skeleton{display:flex;flex-direction:column;gap:0}.timeline-skeleton-event{display:flex;gap:1rem;position:relative;margin-bottom:1.5rem}.timeline-skeleton-marker{flex-shrink:0;width:40px;display:flex;flex-direction:column;align-items:center;position:relative}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-line{flex:1;width:2px;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb,#f3f4f6);background-size:100% 200%;animation:skeleton-loading 1.5s infinite;margin-top:.5rem;min-height:20px}.timeline-skeleton-content{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.skeleton-title{height:16px;width:60%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-date{height:12px;width:80px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-message{height:14px;width:100%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-message.short{width:70%}.skeleton-badge{height:20px;width:60px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:10px;margin-top:.5rem}.timeline-error{background-color:#fee2e2;color:#991b1b;padding:1.25rem;border-radius:8px;border:1px solid #fecaca;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.timeline-error p{margin:0;font-size:.875rem}.timeline-empty{text-align:center;padding:3rem 1rem;color:#9ca3af}.timeline-empty p{margin:0;font-size:.875rem}.timeline{display:flex;flex-direction:column;gap:0}.timeline-event{display:flex;gap:1rem;position:relative}.timeline-event:not(:last-child){margin-bottom:1.5rem}.timeline-marker{flex-shrink:0;width:40px;display:flex;flex-direction:column;align-items:center;position:relative}.timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;background-color:#fff;border:3px solid #e5e7eb;z-index:1;box-shadow:0 2px 4px #0000001a}.timeline-line{flex:1;width:2px;background:linear-gradient(to bottom,#e5e7eb 0%,transparent 100%);margin-top:.5rem;min-height:20px}.timeline-success .timeline-icon{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.timeline-info .timeline-icon{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.timeline-warning .timeline-icon{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.timeline-primary .timeline-icon{border-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.timeline-note .timeline-icon{border-color:var(--brand-blue);background:linear-gradient(135deg,var(--brand-grey) 0%,#d1d8e8 100%)}.timeline-default .timeline-icon{border-color:#9ca3af;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.timeline-content{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s}.timeline-content:hover{box-shadow:0 4px 6px #00000012;border-color:#cbd5e1}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.timeline-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0}.timeline-date{font-size:.75rem;color:#6b7280;white-space:nowrap;font-weight:500}.timeline-message{font-size:.875rem;color:#374151;margin:0 0 .75rem;line-height:1.6}.timeline-details{background:#f9fafb;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:.75rem}.timeline-detail-item{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem}.detail-key{font-weight:600;color:#6b7280;min-width:100px}.detail-value{color:#111827;word-break:break-word}.timeline-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.timeline-badge{font-size:.6875rem;padding:.25rem .625rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-auto{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.badge-manual{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6b21a8;border:1px solid #c4b5fd}@media (max-width: 768px){.case-timeline-sidebar{width:100vw;max-width:100vw}.timeline-sidebar-header{padding:1.25rem}.timeline-sidebar-header h2{font-size:1.25rem}.add-note-section,.timeline-sidebar-body{padding:1.25rem}.timeline-marker{width:32px}.timeline-icon{width:32px;height:32px;font-size:1rem}.timeline-header{flex-direction:column;gap:.5rem}.timeline-date{align-self:flex-start}.detail-key{min-width:auto}}.timeline-sidebar-body::-webkit-scrollbar{width:8px}.timeline-sidebar-body::-webkit-scrollbar-track{background:#f3f4f6}.timeline-sidebar-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.timeline-sidebar-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reminder-emails-section{margin:.75rem 0}.reminder-emails-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.reminder-emails-icon{font-size:1.125rem}.reminder-emails-title{font-size:.875rem;font-weight:600;color:#374151}.reminder-emails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.reminder-email-card{margin:0;min-width:0}.reminder-email-card .entity-name{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-email-card .entity-email{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-email-card .entity-type-badge{font-size:.6875rem;padding:.15rem .4rem}@media (max-width: 768px){.reminder-emails-grid{grid-template-columns:1fr}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;animation:fadeIn .2s ease-out}.case-matches-sidebar{position:fixed;top:0;right:-600px;width:600px;max-width:90vw;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transition:right .3s ease-out;z-index:1001}.case-matches-sidebar.open{right:0}.case-matches-sidebar .matches-sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:3px solid var(--brand-yellow);background:var(--brand-blue);color:var(--brand-white);position:relative}.matches-sidebar-header:after{content:"";position:absolute;bottom:-3px;left:0;width:100px;height:3px;background:var(--brand-yellow);box-shadow:0 0 10px #fbc70080}.matches-sidebar-header-content{flex:1}.matches-sidebar-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--brand-white);font-family:Lora,serif}.matches-case-name{font-size:.875rem;color:var(--brand-grey);margin:0;font-weight:500}.matches-sidebar-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:var(--brand-white);font-size:1.25rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-weight:300}.matches-sidebar-close:hover{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--brand-blue);transform:rotate(90deg)}.matches-sidebar-body{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.matches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid var(--brand-grey);border-top:4px solid var(--brand-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.matches-loading p{margin:0;font-size:.875rem}.matches-skeleton{display:flex;flex-direction:column;gap:1rem}.match-skeleton-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.skeleton-tier-badge{height:24px;width:50px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}.skeleton-status-badge{height:24px;width:80px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}.skeleton-content{display:flex;flex-direction:column;gap:1rem}.skeleton-agency-name{height:20px;width:70%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-contact-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.skeleton-contact-name{height:16px;width:60%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-contact-title{height:14px;width:40%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-contact-methods{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.skeleton-contact-method{height:16px;width:80%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-location{height:14px;width:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:1rem}.skeleton-timeline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-timeline-item{height:12px;width:100%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.matches-error{background-color:#fee2e2;color:#991b1b;padding:1.25rem;border-radius:8px;border:1px solid #fecaca;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.error-icon{font-size:2rem}.matches-error p{margin:0;font-size:.875rem}.matches-empty{text-align:center;padding:3rem 1rem;color:#9ca3af}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.matches-empty p{margin:0;font-size:.875rem}.matches-list{display:flex;flex-direction:column;gap:1rem}.match-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #0000000d;transition:all .2s}.match-card:hover{box-shadow:0 4px 8px #0000001a;border-color:#cbd5e1}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.match-tier{flex-shrink:0}.tier-badge{font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.match-status{flex-shrink:0}.status-badge{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.25rem}.match-tier-1 .tier-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.match-tier-2 .tier-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.match-tier-3 .tier-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.match-tier-default .tier-badge{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.match-accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.match-agency-accepted{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6}.match-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.match-lapsed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.match-content{display:flex;flex-direction:column;gap:1rem}.agency-info{border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.agency-name{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 .75rem;font-family:Lora,serif}.agency-details{display:flex;flex-direction:column;gap:.75rem}.contact-name{font-size:.9375rem;font-weight:600;color:#374151}.contact-title{font-size:.8125rem;color:#6b7280;font-style:italic}.contact-methods{display:flex;flex-direction:column;gap:.5rem}.contact-method{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.method-icon{font-size:.875rem;width:16px;text-align:center}.method-value{color:#374151;font-weight:500}.location{font-size:.8125rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.agent-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.agent-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.agent-name{font-size:.9375rem;font-weight:600;color:#111827}.agent-contact{display:flex;flex-direction:column;gap:.375rem}.match-timeline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.timeline-item{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.timeline-label{font-weight:600;color:#6b7280}.timeline-value{color:#374151;font-weight:500}@media (max-width: 768px){.case-matches-sidebar{width:100vw;max-width:100vw}.matches-sidebar-header{padding:1.25rem}.matches-sidebar-header h2{font-size:1.25rem}.matches-sidebar-body{padding:1.25rem}.match-header{flex-direction:column;align-items:flex-start;gap:.75rem}.match-content{gap:.75rem}.contact-methods{gap:.375rem}.timeline-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.matches-sidebar-body::-webkit-scrollbar{width:8px}.matches-sidebar-body::-webkit-scrollbar-track{background:#f3f4f6}.matches-sidebar-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.matches-sidebar-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cases{padding:2rem;max-width:100%;width:100%}.cases-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-grey, #e2e8f0);gap:2rem}.cases-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue, #0B1C41);margin:0;margin-bottom:.5rem}.cases-content{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.cases-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-form{display:flex;gap:.5rem}.status-filters{display:flex;gap:.5rem;flex-wrap:wrap}.case-info{font-size:.9rem}.case-id{font-weight:600;color:#1a1a1a;font-family:monospace;margin-bottom:.25rem}.clickable-case-id{cursor:pointer;transition:color .2s ease}.clickable-case-id:hover{color:#1976d2;text-decoration:underline}.case-date{font-size:.8rem;color:#888}.member-info{font-size:.9rem}.member-name{font-weight:500;color:#1a1a1a;margin-bottom:.25rem}.member-email{font-size:.8rem;color:#666;margin-bottom:.15rem}.member-phone{font-size:.8rem;color:#888}.connected-case-info{font-size:.9rem}.connected-status{color:#388e3c;font-weight:500;margin-bottom:.25rem;font-size:.85rem}.connected-case-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.5rem;margin-top:.25rem}.clickable-connected-case{cursor:pointer;transition:all .2s ease}.clickable-connected-case:hover{background-color:#e3f2fd;border-color:#1976d2;transform:translateY(-1px);box-shadow:0 2px 4px #1976d226}.connected-case-id{font-weight:600;color:#1a1a1a;font-family:monospace;font-size:.8rem;margin-bottom:.15rem}.connected-case-type{font-size:.75rem;color:#666;margin-bottom:.15rem}.no-connection{color:#999;font-style:italic;font-size:.85rem}.case-type-badge{display:inline-block;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;white-space:nowrap}.case-type-buying{background-color:#e3f2fd;color:#1976d2}.case-type-selling{background-color:#f3e5f5;color:#7b1fa2}.case-type-both{background-color:#fff3e0;color:#f57c00}.case-type-default{background-color:#f5f5f5;color:#616161}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-pending{background-color:#fff9c4;color:#f57f17}.status-assigned{background-color:#e3f2fd;color:#1976d2}.status-match-lapse{background-color:#ffebee;color:red}.status-in-progress{background-color:#fff3e0;color:#f57c00}.status-completed{background-color:#e8f5e9;color:#388e3c}.status-cancelled{background-color:#ffebee;color:#d32f2f}.status-default{background-color:#f5f5f5;color:#616161}.agency-info{font-size:.9rem}.agency-name{font-weight:500;color:#1a1a1a;margin-bottom:.25rem}.agency-location{font-size:.8rem;color:#666;margin-bottom:.15rem}.matching-tier{font-size:.75rem;color:#7b1fa2;background-color:#f3e5f5;padding:.2rem .5rem;border-radius:3px;display:inline-block;margin-top:.25rem}.agent-info{width:100%}.agent-card{background:transparent;border:none;border-radius:8px;padding:12px;transition:all .2s ease}.agent-card:hover{background:transparent;border:none;box-shadow:none}.agent-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.agent-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.agent-details{flex:1;min-width:0}.agent-name{font-weight:600;color:#1e293b;font-size:.875rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-email{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guaranty-status{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.guaranty-badge{display:flex;align-items:center;gap:4px;background:#dcfce7;color:#166534;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;width:fit-content}.guaranty-icon{font-size:.875rem;font-weight:600}.guaranty-text{font-size:.75rem}.signed-date{font-size:.7rem;color:#64748b;margin-top:4px;font-style:italic}.no-assignment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b}.no-assignment-icon{font-size:1.5rem;margin-bottom:4px;opacity:.6}.no-assignment-text{font-size:.8rem;font-weight:500;color:#64748b}.updated-info{font-size:.85rem;color:#666}.actions{display:flex;gap:.5rem;flex-direction:column}@media (max-width: 1200px){.cases-filters{flex-direction:column}.search-form,.status-filters{width:100%}}@media (max-width: 768px){.cases{padding:1rem}.cases-header h1{font-size:1.5rem}.status-filters{flex-direction:column}.status-filters button{width:100%}.pagination{flex-direction:column;gap:1rem}}.status-reminded-all-agencies{background-color:orange;color:#fff}.status-blocked-due-to-region{background-color:#ffebee;color:#d32f2f}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;display:block}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.case-detail-title-skeleton{display:flex;flex-direction:column;gap:.75rem}.case-detail-subtitle-skeleton{display:flex;gap:.5rem}.skeleton-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem}.skeleton-card-title{margin-bottom:.5rem}.skeleton-full-width{grid-column:1 / -1}.skeleton-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.skeleton-details-grid{grid-template-columns:1fr}}.case-detail{padding:2rem;max-width:100%;width:100%}.case-detail-header{margin-bottom:2rem}.case-detail-header-content{display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.case-detail-title h1{font-size:2rem;color:#1a1a1a;margin:0 0 .5rem}.case-detail-subtitle{display:flex;gap:.5rem;align-items:center}.case-detail-tabs{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:2rem}.tab-button{padding:1rem 1.5rem;border:none;background:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:#1a1a1a;background-color:#f8f9fa}.tab-button.active{color:#1976d2;border-bottom-color:#1976d2;background-color:#f8f9fa}.case-detail-content{min-height:400px}.overview-tab{width:100%}.case-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.case-detail-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.case-detail-card h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.card-content{font-size:.9rem}.clickable-card{cursor:pointer;position:relative}.clickable-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d226;transform:translateY(-1px)}.card-hint{position:absolute;top:1rem;right:1rem;font-size:.75rem;color:#1976d2;opacity:0;transition:opacity .2s ease}.clickable-card:hover .card-hint{opacity:1}.member-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.member-email{color:#666;margin-bottom:.15rem}.member-phone{color:#888;font-size:.85rem}.agency-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.agency-location{color:#666;margin-bottom:.25rem}.matching-tier{font-size:.75rem;color:#7b1fa2;background-color:#f3e5f5;padding:.2rem .5rem;border-radius:3px;display:inline-block}.agent-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.agent-email{color:#666;margin-bottom:.25rem}.guaranty-signed{font-size:.75rem;color:#388e3c;background-color:#e8f5e9;padding:.2rem .5rem;border-radius:3px;display:inline-block;margin-top:.25rem}.signed-date{display:block;margin-top:.15rem;font-size:.7rem;color:#666}.connected-case-card{border-color:#4caf50;background-color:#f8fff8}.connected-status{color:#388e3c;font-weight:500;margin-bottom:.5rem;font-size:.85rem}.connected-case-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.75rem;margin:.5rem 0}.connected-case-id{font-weight:600;color:#1a1a1a;font-family:monospace;font-size:.85rem;margin-bottom:.25rem}.connected-case-type{font-size:.8rem;color:#666;margin-bottom:.25rem}.connected-matching-tier{font-size:.7rem;color:#7b1fa2;background-color:#f3e5f5;padding:.15rem .4rem;border-radius:3px;display:inline-block}.view-case-button{margin-top:.75rem;width:100%}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#666;font-size:.85rem}.detail-value{color:#1a1a1a;font-size:.85rem}.no-assignment{color:#999;font-style:italic;font-size:.85rem}.timeline-tab{max-width:800px}.add-note-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.add-note-section h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.note-form{display:flex;flex-direction:column;gap:1rem}.note-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px}.note-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.note-actions{display:flex;justify-content:flex-end}.timeline-section h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.timeline-loading,.timeline-error,.timeline-empty{text-align:center;padding:2rem;color:#666}.timeline-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828}.error-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.timeline-empty{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px}.empty-icon{font-size:2rem;margin-bottom:.5rem;display:block}.timeline{position:relative}.timeline-event{display:flex;margin-bottom:1.5rem;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-right:1rem;position:relative}.timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background-color:#f5f5f5;border:2px solid #e0e0e0;z-index:2;position:relative}.timeline-line{width:2px;background-color:#e0e0e0;position:absolute;top:40px;left:50%;transform:translate(-50%);height:calc(100% + 1.5rem);z-index:1}.timeline-content{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.timeline-date{font-size:.8rem;color:#666}.timeline-message{color:#333;margin:0 0 .75rem;line-height:1.4}.timeline-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.75rem;margin-bottom:.75rem}.timeline-detail-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.timeline-detail-item:last-child{margin-bottom:0}.detail-key{font-weight:500;color:#666;font-size:.8rem}.detail-value{color:#1a1a1a;font-size:.8rem}.timeline-meta{display:flex;justify-content:flex-end}.timeline-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:3px;font-weight:500}.badge-auto{background-color:#e3f2fd;color:#1976d2}.badge-manual{background-color:#f3e5f5;color:#7b1fa2}.timeline-info .timeline-icon{background-color:#e3f2fd;border-color:#1976d2;color:#1976d2}.timeline-success .timeline-icon{background-color:#e8f5e9;border-color:#388e3c;color:#388e3c}.timeline-primary .timeline-icon{background-color:#e1f5fe;border-color:#0277bd;color:#0277bd}.timeline-warning .timeline-icon{background-color:#fff3e0;border-color:#f57c00;color:#f57c00}.timeline-note .timeline-icon{background-color:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2}.timeline-default .timeline-icon{background-color:#f5f5f5;border-color:#9e9e9e;color:#9e9e9e}.matches-tab{max-width:1000px}.matches-loading,.matches-error,.matches-empty{text-align:center;padding:2rem;color:#666}.matches-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828}.matches-empty{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px}.matches-list{display:grid;gap:1.5rem}.match-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.tier-badge{font-size:.75rem;font-weight:600;padding:.3rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.status-badge{font-size:.8rem;font-weight:500;padding:.3rem .6rem;border-radius:4px;display:flex;align-items:center;gap:.25rem}.match-content{display:grid;gap:1rem}.agency-info h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .75rem}.agency-details{display:grid;gap:.5rem}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{font-weight:500;color:#1a1a1a}.contact-title{font-size:.85rem;color:#666;font-style:italic}.contact-methods{display:flex;flex-direction:column;gap:.25rem}.contact-method{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.method-icon{font-size:.9rem}.method-value{color:#666}.location-info{margin-top:.5rem}.location{font-size:.85rem;color:#666}.agent-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:1rem}.agent-section-title{font-size:.9rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.agent-details{display:flex;flex-direction:column;gap:.5rem}.agent-name{font-weight:500;color:#1a1a1a}.agent-contact{display:flex;flex-direction:column;gap:.25rem}.match-timeline{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.75rem;display:grid;gap:.5rem}.timeline-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.timeline-label{font-weight:500;color:#666}.timeline-value{color:#1a1a1a}.matches-timeline{max-width:1000px}.timeline-header{margin-bottom:2rem;text-align:center}.timeline-header h4{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.timeline-header p{color:#666;font-size:.9rem;margin:0}.timeline-container{position:relative;padding-left:2rem}.timeline-match-item{position:relative;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem}.timeline-match-marker{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.match-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 8px #00000026;z-index:2;position:relative}.match-marker.match-accepted{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.match-marker.match-agency-accepted{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.match-marker.match-pending{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.match-marker.match-lapsed{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.timeline-connector{width:2px;height:60px;background:linear-gradient(180deg,#e0e0e0,#f5f5f5);margin-top:.5rem;border-radius:1px}.timeline-match-card{flex:1;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.timeline-match-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1976d2,#42a5f5);opacity:0;transition:opacity .3s ease}.timeline-match-card:hover{border-color:#1976d2;box-shadow:0 8px 25px #1976d226;transform:translateY(-2px)}.timeline-match-card:hover:before{opacity:1}.match-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.match-tier-info{display:flex;flex-direction:column;gap:.25rem}.match-date{font-size:.8rem;color:#666;font-weight:500}.match-card-content{display:flex;flex-direction:column;gap:.75rem}.agency-info{display:flex;flex-direction:column;gap:.25rem}.agency-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}.agency-location,.contact-info{font-size:.9rem;color:#666}.contact-name{font-weight:500}.contact-title{font-style:italic}.agent-info{padding:.5rem 0;border-top:1px solid #e9ecef}.agent-name{font-size:.9rem;color:#1a1a1a;font-weight:500}.match-actions{margin-top:.5rem;text-align:right}.action-hint{font-size:.8rem;color:#1976d2;font-weight:500}.match-tier-1 .tier-badge{background-color:#e8f5e9;color:#e8f5e9}.match-tier-2 .tier-badge{background-color:#fff3e0;color:#e8f5e9}.match-tier-3 .tier-badge{background-color:#ffebee;color:#e8f5e9}.match-tier-default .tier-badge{background-color:#f5f5f5;color:#616161}.match-accepted .status-badge{background-color:#e8f5e9;color:#388e3c}.match-agency-accepted .status-badge{background-color:#e3f2fd;color:#1976d2}.match-pending .status-badge{background-color:#fff3e0;color:#f57c00}.match-lapsed .status-badge{background-color:#ffebee;color:#d32f2f}.case-detail-loading,.timeline-loading,.matches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.case-detail-error{text-align:center;padding:3rem;color:#666}.case-detail-error h2{color:#d32f2f;margin-bottom:1rem}.documents-tab{max-width:1000px}.documents-tab h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.documents-tab h3:before{content:"📄";font-size:1.1rem}.documents-list{display:grid;gap:1.25rem}.document-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem}.document-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1976d2,#42a5f5);opacity:0;transition:opacity .3s ease}.document-card:hover{border-color:#1976d2;box-shadow:0 8px 25px #1976d226;transform:translateY(-2px)}.document-card:hover:before{opacity:1}.document-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.document-info{flex:1;min-width:0;display:flex;align-items:center;gap:1rem}.document-icon{width:48px;height:48px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #1976d24d}.document-content{flex:1;min-width:0}.document-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem;line-height:1.3;word-break:break-word}.document-type{font-size:.75rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.document-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.document-actions button{border-radius:8px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.document-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.documents-empty{text-align:center;padding:4rem 2rem;color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;margin-top:1rem}.documents-empty .empty-icon{font-size:4rem;margin-bottom:1.5rem;display:block;opacity:.6}.documents-empty p{font-size:1.1rem;font-weight:500;margin:0}@media (max-width: 768px){.case-detail{padding:1rem}.case-detail-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.case-detail-title h1{font-size:1.5rem}.case-detail-subtitle{flex-direction:column;align-items:flex-start;gap:.5rem}.case-detail-tabs{flex-direction:column}.tab-button{text-align:left;border-bottom:none;border-left:3px solid transparent}.tab-button.active{border-left-color:#1976d2;border-bottom-color:transparent}.case-detail-grid{grid-template-columns:1fr}.timeline-event{flex-direction:column}.timeline-marker{margin-right:0;margin-bottom:1rem}.timeline-line{display:none}.match-header{flex-direction:column;align-items:flex-start;gap:.5rem}.contact-methods,.agent-contact{flex-direction:column}.document-header{flex-direction:column;align-items:flex-start;gap:1rem}.document-actions{width:100%;justify-content:flex-start}.document-actions button{flex:1}}.timeline-entity-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:8px;padding:1rem;margin:.75rem 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.timeline-entity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1976d2,#42a5f5);opacity:0;transition:opacity .3s ease}.timeline-entity-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.timeline-entity-card:hover:before{opacity:1}.entity-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.entity-icon{font-size:1.2rem}.entity-type{font-size:.75rem;font-weight:600;color:#1976d2;text-transform:uppercase;letter-spacing:.5px}.entity-card-content{display:flex;flex-direction:column;gap:.25rem}.entity-name{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.entity-location{font-size:.85rem;color:#666;margin-bottom:.25rem}.entity-contact{font-size:.8rem;color:#666;font-weight:500}.entity-email{font-size:.8rem;color:#1976d2;font-weight:500}.entity-phone{font-size:.8rem;color:#666}.timeline-agency-card{border-left:3px solid #4caf50}.timeline-agency-card:hover{border-left-color:#2e7d32}.timeline-agent-card{border-left:3px solid #2196f3}.timeline-agent-card:hover{border-left-color:#1565c0}.timeline-email-card{border-left:3px solid #ff9800}.timeline-email-card:hover{border-left-color:#f57c00}.entity-type-badge{font-size:.8rem;color:#ff9800;font-weight:500;background-color:#fff3e0;padding:.2rem .5rem;border-radius:4px;display:inline-block;margin-top:.25rem}.changelogs-tab{padding:1rem 0}.status-match-found,.status-match-found-after-reminder{background-color:#4caf50;color:#fff}.stat-item .skeleton-stat-title{margin-bottom:8px}.stat-item .skeleton-stat-value{opacity:.8}.stat-item{padding:1rem;background:var(--brand-grey);border-radius:8px;border-left:4px solid var(--brand-blue)}.stat-item h4{font-size:1rem;font-weight:600;color:var(--brand-blue);margin:0 0 .5rem}.stat-item p{font-size:24px;color:#64748b;margin:.25rem 0}.agencies{width:100%;margin:0 auto;padding:0;min-width:0;overflow-x:hidden}.agencies-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-grey)}.agencies-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.agencies-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0 0 .5rem}.page-description{font-size:1rem;color:#64748b;margin:0}@media (max-width: 768px){.agencies-header-content{flex-direction:column;gap:1rem}}.agencies-content{display:flex;flex-direction:column;gap:2rem;min-width:0;overflow-x:hidden}.placeholder-card{background:var(--brand-white);padding:3rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0;text-align:center;max-width:600px;margin:0 auto}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem}.placeholder-card h2{font-size:1.5rem;font-weight:600;color:var(--brand-blue);margin:0 0 1rem}.placeholder-card p{font-size:1rem;color:#64748b;margin:0 0 1.5rem;line-height:1.6}.placeholder-card ul{text-align:left;font-size:.875rem;color:#64748b;margin:0 0 2rem;padding-left:1.5rem}.placeholder-card li{margin-bottom:.5rem}.coming-soon{display:inline-block;background:var(--brand-yellow);color:var(--brand-blue);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.agency-email{min-width:200px}.email-address{font-weight:600;color:var(--brand-blue);margin-bottom:.25rem;font-size:.875rem;word-break:break-word}.agency-info{min-width:120px}.agency-name{font-weight:600;color:var(--brand-blue);margin-bottom:.25rem;font-size:.875rem}.agency-id{font-size:.75rem;color:#64748b;font-weight:500}.agency-count,.agent-count,.count-display{display:flex;flex-direction:column;gap:.25rem}.count-value{font-weight:600;color:var(--brand-blue);font-size:1.25rem}.multiple-agencies{display:flex;align-items:center}.multiple-badge{display:inline-block;background-color:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:6px;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.date-value{font-size:.875rem;color:#1a202c;font-weight:500}.contact-info{min-width:140px}.contact-name{font-weight:600;color:#1a202c;margin-bottom:.25rem;font-size:.875rem}.contact-title{font-size:.75rem;color:#64748b;margin-bottom:.25rem;font-style:italic}.contact-email{font-size:.75rem;color:var(--brand-blue);margin-bottom:.25rem;word-break:break-all}.contact-phone{font-size:.75rem;color:#64748b}.address-info{min-width:160px}.address-line1{font-weight:500;color:#1a202c;margin-bottom:.25rem;font-size:.875rem}.address-line2{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.address-city-state{font-size:.75rem;color:#64748b}.service-areas{min-width:140px}.service-states{font-size:.75rem;margin-bottom:.25rem;color:#1a202c}.service-states strong{color:var(--brand-blue);font-weight:600}.service-cities{font-size:.75rem;margin-bottom:.25rem;color:#1a202c}.service-cities strong{color:var(--brand-blue);font-weight:600}.service-zips{font-size:.75rem;color:#1a202c}.service-zips strong{color:var(--brand-blue);font-weight:600}.status-info{min-width:120px}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize;margin-bottom:.25rem}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #fbbf24}.status-partial{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid #34d399}.status-details{font-size:.75rem;color:#64748b}.completed-signup,.signed-agreement{margin-bottom:.25rem}.willing-to-assign{color:#059669;font-weight:500}.agent-info{min-width:140px}.agent-details{font-size:.75rem}.agent-name{font-weight:600;color:#1a202c;margin-bottom:.25rem}.agent-email{color:var(--brand-blue);margin-bottom:.25rem;word-break:break-all}.agent-phone{color:#64748b}.no-agent{font-size:.75rem;color:#94a3b8;font-style:italic}.date-info{min-width:100px}.registration-date{font-size:.75rem;color:#1a202c;font-weight:500}.actions{display:flex;gap:.5rem;align-items:center}.agencies-filters{margin-bottom:1.5rem}.agencies-filters .filters-row{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.agencies-filters .filter-item{display:flex;flex-direction:column;gap:8px;min-width:200px}.agencies-filters .filter-label{font-weight:600;color:var(--brand-blue);font-size:13px;font-family:Lora,serif;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;min-height:17px;line-height:17px}.agencies-filters .date-input{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Lora,serif;height:52px;box-sizing:border-box;font-weight:500;color:#1a202c;width:100%}.agencies-filters .date-input:focus{outline:none;border-color:var(--brand-yellow);box-shadow:0 0 0 4px #fbc70026;transform:translateY(-1px)}.agencies-filters .date-input:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.agencies-filters .filter-select{padding:16px 48px 16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Lora,serif;height:52px;box-sizing:border-box;font-weight:500;color:#1a202c;width:100%;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.agencies-filters .filter-select:focus{outline:none;border-color:var(--brand-yellow);box-shadow:0 0 0 4px #fbc70026;transform:translateY(-1px)}.agencies-filters .filter-select:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.filter-toggle-container{display:flex;align-items:center}.filter-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:#1a202c}.filter-toggle-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-blue)}.filter-toggle-text{font-weight:500}.filter-dropdown-container{display:flex;flex-direction:column;gap:.5rem;min-width:200px;flex:0 0 auto}.filter-dropdown-label{font-size:.875rem;font-weight:500;color:#1a202c}.filter-multi-select{min-width:300px;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff;cursor:pointer}.filter-multi-select:focus{outline:2px solid var(--brand-blue);outline-offset:2px;border-color:var(--brand-blue)}.filter-multi-select option{padding:.5rem}.filter-single-select{min-width:200px;width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff;cursor:pointer;box-sizing:border-box}.filter-single-select:focus{outline:2px solid var(--brand-blue);outline-offset:2px;border-color:var(--brand-blue)}.filter-dropdown-container .input-container{min-width:200px;width:100%;margin-bottom:0}.filter-dropdown-container .input-wrapper{margin-bottom:0}.filter-dropdown-container input[type=text]{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff;width:100%;box-sizing:border-box}.filter-dropdown-container input[type=text]:focus{outline:2px solid var(--brand-blue);outline-offset:2px;border-color:var(--brand-blue)}.table-footer-info{display:flex;justify-content:flex-end;padding:1rem 0;margin-top:1rem;border-top:1px solid #e2e8f0}.total-count{font-size:.875rem;color:#64748b;font-weight:500}.error-message{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1rem;font-size:.875rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0}.pagination-info{font-size:.875rem;color:#64748b}.add-agency-modal-content{padding:.5rem 0}.add-agency-options{display:flex;flex-direction:column;gap:0}.registration-stage{min-width:200px;max-width:300px}.registration-stage-badge{display:inline-block;padding:.5rem .875rem;border-radius:8px;font-size:.75rem;font-weight:600;line-height:1.5;word-wrap:break-word;white-space:normal;text-align:left;width:100%;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.registration-stage-badge.mass-signup{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.registration-stage-badge.mass-signup:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.registration-stage-badge.normal-signup{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border:1px solid #d1d5db}.registration-stage-badge.normal-signup:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.registration-stage-badge:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.registration-stage-badge:focus{outline:2px solid var(--brand-blue);outline-offset:2px}.discrepancy-display{min-width:150px;max-width:250px}.discrepancy-value{font-size:.875rem;font-weight:500;color:#1a202c;line-height:1.4}.discrepancy-value.has-discrepancy{color:#dc2626;font-weight:600}.discrepancy-text{display:flex;flex-direction:column;gap:.25rem}.discrepancy-partial{color:#f59e0b;font-weight:500;font-size:.75rem;font-style:italic;display:block;margin-top:.125rem}.discrepancy-complete{color:#059669;font-weight:500}.discrepancy-pending{color:#f59e0b;font-weight:600;font-style:italic}.location-info{min-width:200px;display:flex;flex-direction:column;gap:.25rem}.location-name-text{font-weight:600;color:var(--brand-blue);font-size:.875rem;word-break:break-word}.location-name-text.partial-activity{color:#f59e0b}.location-name-text.mass-signup-activity{color:#1e40af}.location-name-text.signed-activity{color:var(--brand-blue)}.location-date-text{font-size:.75rem;color:#64748b;font-weight:500}.location-partial-badge{color:#f59e0b;font-size:.7rem;font-weight:500;font-style:italic;margin-left:.25rem}.actions button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.crm-display{min-width:140px}.crm-value{font-size:.875rem;color:#1a202c;font-weight:500}@media (max-width: 768px){.placeholder-card{padding:2rem;margin:0 1rem}.placeholder-icon{font-size:3rem}.agencies-filters{flex-direction:column;align-items:flex-start;gap:1rem}.filter-toggle-container{width:100%}}.registration-details-modal{padding:1rem 0}.loading-message,.no-locations-message{text-align:center;padding:2rem;color:#64748b;font-size:.875rem}.location-status-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto}.location-status-item{padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.location-status-item.signed_up{border-left:4px solid #10b981}.location-status-item.partially_saved{border-left:4px solid #f59e0b}.location-status-item.added{border-left:4px solid #64748b}.location-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.location-name{font-weight:600;color:#1a202c;font-size:.875rem}.location-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.location-status-badge.signed_up{background:#d1fae5;color:#059669}.location-status-badge.partially_saved{background:#fef3c7;color:#d97706}.location-status-badge.added{background:#f1f5f9;color:#475569}.location-status-detail{font-size:.75rem;color:#64748b;margin-top:.5rem}.location-stats{margin-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.agencies-filters .dashboard-filters{margin:0;flex:1;min-width:0;display:contents}.agencies-filters .dashboard-filters .filters-row{display:contents}.agencies-date-filters .filter-item{display:flex;flex-direction:column;gap:8px;min-width:200px}.agencies-date-filters .filter-label{font-weight:600;color:var(--brand-blue);font-size:13px;font-family:Lora,serif;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;min-height:17px;line-height:17px}.agencies-date-filters .filter-select{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Lora,serif;height:52px;box-sizing:border-box;font-weight:500;color:#1a202c;width:100%;cursor:pointer}.agencies-date-filters .filter-select:focus{outline:none;border-color:var(--brand-yellow);box-shadow:0 0 0 4px #fbc70026;transform:translateY(-1px)}.agencies-date-filters .filter-select:hover{border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.signup-type-display{min-width:100px}.signup-type-chip{display:inline-block;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;border:none;cursor:pointer;font-family:inherit}.signup-type-chip.signup-type-regular{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border:1px solid #d1d5db;transition:all .2s ease}.signup-type-chip.signup-type-regular:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.signup-type-chip.signup-type-mass{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd;transition:all .2s ease}.signup-type-chip.signup-type-mass:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.agency-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.agency-metadata{margin-bottom:24px}.metadata-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.skeleton-section-title{margin-bottom:16px}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metadata-item{display:flex;flex-direction:column;gap:4px}.agency-tabs-section{margin-bottom:24px}.tabs-header{display:flex;gap:8px;margin-bottom:16px}.tab-button-skeleton{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.locations-content{margin-top:0}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.card-body{display:flex;flex-direction:column;gap:16px}.card-section{display:flex;flex-direction:column;gap:8px}.document-content{display:flex;flex-direction:column;gap:4px}@media (max-width: 768px){.agency-detail{padding:16px}.metadata-grid,.locations-grid{grid-template-columns:1fr}.tabs-header{flex-direction:column}.tab-button-skeleton{justify-content:center}}@media (max-width: 480px){.agency-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.document-actions{flex-direction:column}}.agency-detail{width:100%;padding:0;min-height:calc(100vh - 120px)}.agency-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.agency-detail-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0}.agency-metadata{margin-bottom:2rem}.metadata-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.metadata-card h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.metadata-item{display:flex;flex-direction:column;gap:.5rem}.metadata-item label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:1rem;color:#111827;font-weight:500;word-break:break-word}.metadata-value.highlight{font-size:1.5rem;color:var(--brand-blue);font-weight:700}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-yes{background-color:#dbeafe;color:#1e40af}.badge-no{background-color:#f3f4f6;color:#6b7280}.agency-tabs-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;overflow:hidden}.tabs-header{display:flex;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.tab-count{font-size:.75rem;color:#9ca3af;font-weight:500}.tab-button.active .tab-count{color:#3b82f6}.tab-content{padding:2rem;min-height:400px}.locations-grid,.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.location-card,.agent-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.location-card:hover,.agent-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;gap:1rem}.card-header>div{display:flex;flex-direction:column;gap:.5rem;flex:1}.card-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.card-id{font-size:.625rem;color:#6b7280;font-family:Courier New,monospace;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;align-self:flex-start}.card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.card-section{display:flex;flex-direction:column;gap:.5rem}.card-section h4{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.card-section p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}.card-section p strong{color:#111827;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-completed{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-pending{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.status-partial{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.loading-container,.error-container,.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}.error-icon,.empty-icon{font-size:3rem;margin-bottom:1rem}.loading-container p,.error-container p,.loading-state p,.empty-state p{font-size:1rem;color:#6b7280;margin:0 0 1rem}.error-message{background-color:#fee2e2;color:#991b1b;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;border:1px solid #fecaca;display:flex;align-items:center;gap:.5rem}@media (max-width: 1024px){.locations-grid,.agents-grid{grid-template-columns:1fr}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.agency-detail{padding:0}.agency-detail-header{flex-direction:column;align-items:flex-start}.agency-detail-header h1{font-size:1.5rem}.metadata-card{padding:1.5rem}.metadata-grid{grid-template-columns:1fr;gap:1rem}.tabs-header{flex-direction:column}.tab-button{justify-content:flex-start;padding:1rem}.tab-content{padding:1rem}.card-header{flex-direction:column}.card-id{align-self:flex-start}}.agreement-document{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.5rem}.document-info{display:flex;align-items:center;gap:.75rem;flex:1}.document-icon{font-size:1.5rem;color:#64748b}.document-content h5{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1e293b}.document-content p{margin:0;font-size:.75rem;color:#64748b}.document-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}.modal-options{display:flex;flex-direction:column;gap:.5rem}.locations-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.locations-content-header h3{margin:0}.locations-no-slots-message{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:14px}.empty-state-button{margin-top:1rem}.empty-state-no-slots{margin-top:1rem;text-align:center}.empty-state-no-slots p{color:#dc2626;margin-bottom:.5rem}.sign-contract-modal-content{display:flex;flex-direction:column;gap:1.5rem}.sign-contract-modal-description{font-size:.875rem;color:#6b7280;margin:0}.sign-contract-modal-description strong{color:#111827;font-weight:600}.sign-contract-modal-actions{display:flex;flex-direction:column;gap:1rem}.sign-contract-action-button{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.sign-contract-action-button:hover{border-color:#3b82f6;background:#f0f9ff}.sign-contract-action-button.active{border-color:#3b82f6;background:#eff6ff}.sign-contract-action-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#6b7280;background:#f3f4f6;border-radius:6px}.sign-contract-action-button.active .sign-contract-action-icon{color:#3b82f6;background:#dbeafe}.sign-contract-action-content{flex:1}.sign-contract-action-content h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.sign-contract-action-content p{font-size:.875rem;color:#6b7280;margin:0}.sign-contract-file-upload{margin-top:.5rem}.sign-contract-file-label{display:flex;flex-direction:column;gap:.5rem}.sign-contract-file-input{display:none}.sign-contract-file-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sign-contract-file-button:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.sign-contract-file-name{font-size:.875rem;color:#059669;font-weight:500;padding:.5rem;background:#d1fae5;border-radius:4px}.sign-contract-email-option{padding-top:1rem;border-top:1px solid #e5e7eb}.sign-contract-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#374151}.sign-contract-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.sign-contract-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.875rem}.sign-contract-modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem;animation:fadeIn .3s ease-in-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px -12px #0000004d;max-width:500px;width:100%;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-modal-icon{margin-bottom:1.5rem;animation:scaleIn .5s ease-out .2s backwards;color:#f59e0b}.confirmation-modal-icon.danger{color:#ef4444}.confirmation-modal-icon.warning{color:#f59e0b}.confirmation-modal-icon.info{color:#3b82f6}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-modal-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.confirmation-modal-message{font-size:1rem;color:#6b7280;margin:0 0 2rem;line-height:1.6;max-width:400px}.confirmation-modal-actions{display:flex;gap:1rem;width:100%;flex-direction:row;justify-content:center}.confirmation-modal-button{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .2s ease}@media (max-width: 768px){.confirmation-modal{padding:2rem 1.5rem;max-width:calc(100vw - 2rem)}.confirmation-modal-title{font-size:1.5rem}.confirmation-modal-message{font-size:.95rem}.confirmation-modal-icon svg{width:40px;height:40px}.confirmation-modal-actions{flex-direction:column}}.admin-mass-signup-data-review-section{background:#f9fafb;padding:2rem;border-radius:8px;border:1px solid #e5e7eb;width:100%;max-width:100%;box-sizing:border-box;margin-top:2rem}.admin-mass-signup-review-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:1.5rem}.admin-mass-signup-review-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.admin-mass-signup-review-section-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.kpi-summary-section{display:flex;gap:1rem;margin-bottom:1.5rem}.kpi-card{flex:1;padding:.75rem 1rem;border-radius:6px;border:1px solid #e5e7eb;background:#fff}.kpi-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.kpi-value{font-size:1.5rem;font-weight:600;color:#1f2937;line-height:1.2}@media (max-width: 768px){.kpi-summary-section{flex-direction:column;gap:.75rem}}.poc-edit-form{margin-top:1rem}.form-group{margin-bottom:1rem}.form-field{display:flex;flex-direction:column;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-note,.field-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin-top:.5rem}.name-fields,.phone-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}@media (max-width: 768px){.name-fields,.phone-fields{grid-template-columns:1fr}}.location-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.locations-table-container{overflow-x:auto;margin-top:1rem}.locations-table{width:100%;border-collapse:collapse;background:#fff}.locations-table thead{background:#f9fafb}.locations-table th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.locations-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.location-row{transition:background-color .2s}.location-row:hover,.location-details-row{background-color:#f9fafb}.location-details-row td{padding:0;border:none}.location-details-content{padding:1.5rem}.location-details-section{margin-bottom:2rem}.location-details-section h5{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.table-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.number-input{width:80px}.expand-button{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.expand-button:hover{background:#2563eb}.expand-button.expanded{background:#64748b}.orphaned-locations-warning{background:#fef3c7;border-color:#fbbf24}.orphaned-info{margin-bottom:1rem}.orphaned-label{font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.orphaned-list{list-style:disc;margin-left:1.5rem;color:#92400e}.orphaned-item{margin-bottom:.25rem;font-size:.875rem}.orphaned-note{font-size:.875rem;color:#92400e;margin-top:1rem;font-style:italic}.table-confirm-button{margin-top:2rem;display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e5e7eb}.submit-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background:#2563eb}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.admin-mass-signup-page{width:100%;min-height:100vh;padding:2rem}.admin-mass-signup-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--brand-grey)}.admin-mass-signup-header h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0 0 .5rem}.admin-mass-signup-header p{font-size:1rem;color:#64748b;margin:0}.admin-mass-signup-content{max-width:1200px;margin:0 auto}.admin-mass-signup-form-section{background:var(--brand-white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.admin-mass-signup-form-section h2{font-size:1.5rem;font-weight:600;color:var(--brand-blue);margin:0 0 1.5rem}.admin-mass-signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500;color:#1a202c;font-size:.875rem}.required{color:#dc2626}.form-error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem}.variable-autocomplete{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:300px;overflow-y:auto;z-index:10000;min-width:280px;padding:.5rem}.autocomplete-item{padding:.625rem .75rem;cursor:pointer;border-radius:6px;transition:all .15s ease;margin-bottom:.25rem}.autocomplete-item:last-child{margin-bottom:0}.autocomplete-item:hover,.autocomplete-item.selected{background:#fefce8;border-left:3px solid #fbbf24;padding-left:calc(.75rem - 3px)}.autocomplete-variable{margin-bottom:.25rem}.autocomplete-variable code{font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;color:#a16207;background:#fffbeb;padding:.125rem .375rem;border-radius:4px}.autocomplete-label{font-size:.875rem;color:#475569;font-weight:500;margin-bottom:.25rem}.autocomplete-description{font-size:.75rem;color:#64748b;line-height:1.4;margin-top:.25rem;margin-bottom:.125rem}.autocomplete-sample{font-size:.75rem;color:#94a3b8;font-style:italic;margin-top:.125rem}.autocomplete-empty{padding:1rem;text-align:center;color:#94a3b8;font-size:.875rem;font-style:italic}.variable-autocomplete::-webkit-scrollbar{width:6px}.variable-autocomplete::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.variable-autocomplete::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.variable-autocomplete::-webkit-scrollbar-thumb:hover{background:#94a3b8}.email-content-skeleton{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%}.skeleton-line{display:block}.email-templates-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:var(--brand-blue);margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:1rem;margin:0}.error-banner{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.error-icon{font-size:1.25rem}.filters-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.results-info{margin-bottom:1rem;color:#64748b;font-size:.875rem}.results-info p{margin:0}.template-name-cell{display:flex;flex-direction:column;gap:.25rem}.template-name{font-weight:600;color:var(--brand-blue)}.template-description{font-size:.875rem;color:#64748b}.template-subject{color:#475569;font-size:.9rem}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-agency{background-color:#dbeafe;color:#1e40af}.category-agent{background-color:#fce7f3;color:#be185d}.category-member{background-color:#dcfce7;color:#166534}.category-system{background-color:#f3e8ff;color:#6b21a8}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#e5e7eb;color:#374151}.action-buttons{display:flex;gap:.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.page-info{color:#64748b;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10001;padding:1rem;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.preview-modal{max-width:900px}.edit-modal{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1;border-radius:12px 12px 0 0}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--brand-blue);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#f1f5f9;color:#475569}.modal-body{padding:2rem;flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:#fff;border-radius:0 0 12px 12px}.modal-footer .footer-left,.modal-footer .footer-right{display:flex;gap:1rem}.template-meta{background:#f8fafc;padding:1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;gap:2rem}.meta-row{display:flex;align-items:center;gap:.75rem}.meta-label{font-weight:600;color:#475569}.template-use-case{background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #0284c7;padding:1.25rem;border-radius:8px;margin-bottom:2rem}.template-use-case h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#0c4a6e;text-transform:uppercase;letter-spacing:.5px}.template-use-case p{margin:0;font-size:.9375rem;color:#0369a1;line-height:1.6}.preview-section{margin-bottom:2rem}.preview-section h3{font-size:1.125rem;font-weight:600;color:var(--brand-blue);margin:0 0 1rem}.preview-subject{background:#f8fafc;padding:1rem;border-radius:6px;border-left:4px solid var(--brand-yellow);font-weight:500;color:#1e293b}.preview-html-container{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.preview-iframe{width:100%;min-height:400px;border:none;display:block}.preview-text{background:#f8fafc;padding:1.5rem;border-radius:6px;white-space:pre-wrap;font-family:monospace;font-size:.875rem;color:#334155;line-height:1.6;max-height:300px;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#475569;margin-bottom:.5rem;font-size:.875rem}.form-select{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;color:#1e293b;background:#fff;transition:border-color .2s}.form-select:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b1c411a}.form-textarea{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;color:#1e293b;font-family:Courier New,monospace;resize:vertical;transition:border-color .2s;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b1c411a}.form-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:6px}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-checkbox label{margin:0;cursor:pointer;font-weight:500}.template-id{font-weight:600;color:#64748b}.template-variables{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.variables-hint{font-size:.875rem;color:#64748b;margin:0 0 1rem;font-weight:500}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.variable-badge{display:inline-block;padding:.5rem .75rem;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-family:Courier New,monospace;font-size:.8125rem;color:#7c3aed;font-weight:600}.no-variables{color:#94a3b8;font-style:italic;font-size:.875rem}.sample-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.sample-data-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.sample-data-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.sample-data-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.25rem}.sample-data-key{font-size:.9375rem;font-weight:600;color:#1e293b;flex:1;min-width:0}.sample-data-item .variable-badge{padding:.375rem .625rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;color:#0369a1;font-weight:600;white-space:nowrap;flex-shrink:0}.sample-data-description{font-size:.8125rem;color:#64748b;line-height:1.5;font-style:italic;margin:0}.sample-data-value{font-size:.875rem;color:#0f172a;word-break:break-word;font-family:Courier New,monospace;background:#f8fafc;padding:.75rem;border-radius:4px;border:1px solid #e2e8f0;margin:0;line-height:1.5}.form-help-text{font-size:.8125rem;color:#64748b;margin:0 0 .5rem;font-style:italic}.tiptap-editor-wrapper{border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;background:#fff}.tiptap-toolbar{display:flex;gap:.25rem;padding:.75rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.tiptap-toolbar button{padding:.5rem .75rem;border:none;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s;color:#475569}.tiptap-toolbar button:hover{background:#f1f5f9;border-color:var(--brand-blue);color:var(--brand-blue)}.tiptap-toolbar button.is-active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.toolbar-divider{width:1px;height:24px;background:#e2e8f0;margin:0 .25rem;align-self:center}.tiptap-editor-container{position:relative}.tiptap-editor{min-height:300px;max-height:500px;overflow-y:auto}.tiptap-editor .ProseMirror{padding:1rem;outline:none;min-height:300px}.tiptap-editor .ProseMirror p{margin:0 0 1rem}.tiptap-editor .ProseMirror h2,.tiptap-editor .ProseMirror h3{margin:1.5rem 0 1rem;font-weight:600}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{padding-left:1.5rem;margin:1rem 0}.tiptap-editor .ProseMirror li{margin-bottom:.5rem}.preview-note{font-size:.875rem;color:#64748b;margin:0 0 1rem;font-style:italic}.email-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;max-width:700px;margin:0 auto}.email-header{background:#fff;border-bottom:2px solid #e2e8f0;padding:1.25rem 1.5rem}.email-header-row{display:flex;margin-bottom:.5rem;font-size:.875rem}.email-header-row:last-child{margin-bottom:0}.email-label{font-weight:600;color:#475569;min-width:80px;margin-right:.5rem}.email-value{color:#1e293b;flex:1}.email-body{background:#fff;padding:2rem 1.5rem;min-height:300px}.email-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9375rem;line-height:1.6;color:#1e293b}.email-content p{margin:0 0 1rem}.email-content p:last-child{margin-bottom:0}.email-content strong{font-weight:600;color:#0f172a}.email-content a{color:#2563eb;text-decoration:underline}.email-content a:hover{color:#1e40af}.email-content h1,.email-content h2,.email-content h3{margin:1.5rem 0 1rem;color:#0f172a}.email-content h1{font-size:1.5rem;font-weight:700}.email-content h2{font-size:1.25rem;font-weight:600}.email-content h3{font-size:1.125rem;font-weight:600}.email-content ul,.email-content ol{margin:1rem 0;padding-left:1.5rem}.email-content li{margin-bottom:.5rem}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;background:#fff}.preview-loading p{color:#64748b;font-size:.875rem;margin:0}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--brand-blue);border-radius:50%;animation:spin .8s linear infinite}.email-preview-iframe{width:100%;min-height:500px;border:none;background:#fff;display:block}.email-footer{background:#f1f5f9;padding:1.5rem;border-top:1px solid #e2e8f0;text-align:center}.footer-divider{width:50px;height:2px;background:#cbd5e1;margin:0 auto 1rem}.footer-text{font-size:.75rem;color:#64748b;margin:0 0 .5rem}.footer-links{font-size:.75rem;margin:0}.footer-links a{color:#64748b;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#0f172a;text-decoration:underline}.template-variables-help{background:#fefce8;border:1px solid #fde047;border-radius:8px;padding:1rem;margin-top:1.5rem}.template-variables-help h4{margin:0 0 .5rem;font-size:.875rem;color:#854d0e;font-weight:600}.variables-help-text{margin:0 0 .75rem;font-size:.8125rem;color:#92400e;font-style:italic}.variables-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-height:400px;overflow-y:auto;padding:.5rem}.variable-chip{position:relative;display:inline-flex;align-items:center;padding:.5rem .75rem;background:#fff;border:1px solid #fde047;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.variable-chip:hover{background:#fefce8;border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 2px 6px #fbbf2433}.variable-chip:active{transform:translateY(0);box-shadow:0 1px 3px #fbbf2433}.variable-chip.copied{background:#d1fae5;border-color:#10b981;animation:copiedPulse .3s ease}@keyframes copiedPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.variable-text{font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;color:#a16207}.copied-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #10b9814d;animation:fadeInScale .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.variables-loading{width:100%;text-align:center;padding:2rem;color:#92400e;font-style:italic}.help-variable{display:inline-block;padding:.375rem .625rem;background:#fff;border:1px solid #fde047;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;color:#a16207;font-weight:600;transition:all .2s ease}.help-variable[style*="cursor: pointer"]{cursor:pointer}.help-variable[style*="cursor: pointer"]:hover{background:#fef3c7;border-color:#fbbf24;color:#78350f;transform:translateY(-1px);box-shadow:0 2px 4px #fbbf244d}.help-variable[style*="cursor: pointer"]:active{transform:translateY(0);box-shadow:0 1px 2px #fbbf244d}@media (max-width: 768px){.email-templates-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.search-form,.filter-buttons,.action-buttons{flex-direction:column}.template-meta{flex-direction:column;gap:1rem}.modal{max-width:100%;max-height:100vh;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:1rem}.pagination{flex-direction:column}.sample-data-grid{grid-template-columns:1fr;gap:.75rem}.sample-data-item{padding:.875rem}}.diff-view{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.diff-header{display:flex;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.75rem 1rem;font-weight:600;font-size:.875rem}.diff-label{flex:1;padding:.5rem;text-align:center}.diff-label.diff-removed{color:#dc2626;background:#fee2e2;border-radius:4px;margin-right:.5rem}.diff-label.diff-added{color:#16a34a;background:#dcfce7;border-radius:4px}.diff-content{max-height:500px;overflow-y:auto;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6}.diff-line{display:flex;padding:.25rem 0;border-left:4px solid transparent}.diff-line-number{display:inline-block;min-width:40px;padding:.25rem .75rem;background:#f8fafc;color:#64748b;text-align:right;border-right:1px solid #e2e8f0;-webkit-user-select:none;user-select:none;font-size:.8125rem}.diff-line-content{flex:1;padding:.25rem .75rem;white-space:pre-wrap;word-break:break-word}.diff-line-removed{background:#fef2f2;border-left-color:#dc2626}.diff-line-removed .diff-line-content{color:#991b1b;text-decoration:line-through}.diff-line-added{background:#f0fdf4;border-left-color:#16a34a}.diff-line-added .diff-line-content{color:#166534}.diff-line-unchanged{background:#fff}.diff-line-unchanged .diff-line-content{color:#1e293b}.diff-line-unchanged .diff-line-number{color:#94a3b8}.versions-list{display:flex;flex-direction:column;gap:2rem}.version-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.version-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.version-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:1rem;min-width:0}.version-header>div:first-child{flex:1;min-width:0;margin-right:1rem}.version-header>button{flex-shrink:0}.version-title{font-size:1.125rem;font-weight:600;color:var(--brand-blue);margin:0 0 .5rem}.version-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin:0;flex-wrap:wrap}.version-meta span:first-child,.version-meta span:last-child{color:#475569}.version-preview{position:relative;min-height:300px;background:#f8fafc}.version-preview-iframe{width:100%;min-height:400px;border:none;display:block;background:#fff}.version-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;min-height:400px}.version-preview-loading p{color:#64748b;font-size:.875rem;margin:0}.activity-logs{padding:2rem;max-width:100%;width:100%}.activity-logs-header{margin-bottom:2rem}.activity-logs-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.activity-logs-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.page-description{color:#666;font-size:.95rem;margin:0}.activity-logs-content{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.filters-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-form{display:flex;gap:.5rem;flex:1;min-width:300px}.search-form input{flex:1}.date-filters{display:flex;gap:.5rem;align-items:flex-end}.date-filters>div{min-width:150px}.activity-type-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.activity-badge{display:inline-block;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;white-space:nowrap}.activity-badge-info{background-color:#e3f2fd;color:#1976d2}.activity-badge-success{background-color:#e8f5e9;color:#388e3c}.activity-badge-danger{background-color:#ffebee;color:#d32f2f}.activity-badge-primary{background-color:#f3e5f5;color:#7b1fa2}.activity-badge-secondary{background-color:#fff3e0;color:#f57c00}.activity-badge-warning{background-color:#fff9c4;color:#f57f17}.activity-badge-default{background-color:#f5f5f5;color:#616161}.timestamp-cell{font-size:.9rem;color:#555;white-space:nowrap}.member-cell,.case-cell,.performer-cell{font-size:.9rem}.member-name,.case-number,.performer-name{font-weight:500;color:#1a1a1a;margin-bottom:.25rem}.member-id,.case-id,.performer-email{font-size:.8rem;color:#888}.description-cell{font-size:.9rem}.description-text{color:#1a1a1a;margin-bottom:.5rem;font-weight:500}.details-list{display:flex;flex-direction:column;gap:.35rem}.detail-item{font-size:.85rem;color:#666;display:flex;align-items:flex-start;gap:.25rem}.note-text{font-style:italic;background:#f9f9f9;padding:.35rem .5rem;border-radius:4px;border-left:3px solid #ffc107}.text-muted{color:#999;font-style:italic}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #c62828}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.pagination-info{color:#666;font-size:.9rem}.activity-summary{margin-top:2rem;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.activity-summary h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f5f5f5,#fafafa);border-radius:8px;border:1px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.summary-icon{font-size:2.5rem;line-height:1}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:2rem;font-weight:700;color:#1a1a1a;line-height:1}@media (max-width: 1200px){.filters-row{flex-direction:column}.search-form,.date-filters{width:100%}}@media (max-width: 768px){.activity-logs{padding:1rem}.activity-logs-header h1{font-size:1.5rem}.activity-type-filters{flex-direction:column}.activity-type-filters button{width:100%}.summary-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}}.activity-logs-content.loading{opacity:.6;pointer-events:none}.empty-state{text-align:center;padding:3rem;color:#999}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-text{font-size:1.1rem;color:#666}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.pdf-coordinate-editor{width:100%;padding:1rem}.pdf-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.file-upload-section{display:flex;align-items:center;gap:1rem}.file-name{color:#64748b;font-size:.875rem}.pdf-editor-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-top:1rem}.pdf-viewer-section{display:flex;flex-direction:column}.pdf-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:8px}.page-info{font-weight:500;color:#374151}.pdf-container{position:relative;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;background:#f9fafb;min-height:800px;cursor:crosshair;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pdf-container canvas{max-width:100%;height:auto;box-shadow:0 2px 8px #0000001a;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pdf-container *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.pdf-loading,.pdf-error{padding:2rem;text-align:center;color:#64748b}.pdf-error{color:#ef4444}.pdf-skeleton-loader{display:flex;align-items:center;justify-content:center;width:100%;min-height:800px;padding:2rem}.skeleton-document{width:100%;max-width:600px;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.skeleton-header{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-bottom:1px solid #e2e8f0}.skeleton-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;width:100%}.skeleton-line-short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.field-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.field-marker.selected{z-index:11}.marker-dot{width:12px;height:12px;border-radius:50%;background:#3b82f6;border:2px solid white;box-shadow:0 2px 4px #0003}.field-marker.selected .marker-dot{background:#ef4444;width:16px;height:16px}.marker-label{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none}.field-marker.selected .marker-label{background:#ef4444}.global-page-control{margin-bottom:1.5rem}.pdf-instructions{margin-top:1rem;padding:.75rem;background:#eff6ff;border-radius:6px;color:#1e40af;font-size:.875rem}.fields-config-section{display:flex;flex-direction:column;max-height:calc(100vh - 200px);overflow-y:auto}.fields-config-section h4{margin:0 0 1rem;color:#374151;font-size:1.125rem}.fields-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.field-config-card{border:2px solid #e2e8f0;border-radius:8px;padding:1rem;background:#fff;cursor:pointer;transition:all .2s}.field-config-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.field-config-card.active{border-color:#3b82f6;background:#eff6ff}.field-config-header{margin-bottom:.75rem}.field-config-header h5{margin:0;color:#374151;font-size:1rem;text-transform:capitalize}.field-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field-config-select{display:flex;flex-direction:column;gap:.25rem}.field-config-select label{font-size:.875rem;font-weight:500;color:#374151}.field-config-select select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.field-config-checkbox{display:flex;align-items:center;gap:.5rem}.field-config-checkbox label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.field-config-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.field-config-actions{padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:1rem}.pdf-upload-prompt{padding:3rem;text-align:center;color:#64748b;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.fields-config-actions-top{display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.add-field-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.add-field-modal{background:#fff;padding:1.5rem;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 6px #0000001a}.add-field-modal h4{margin:0 0 1rem;color:#374151;font-size:1.125rem}.pdf-configuration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}@media (max-width: 1200px){.pdf-editor-content{grid-template-columns:1fr}.fields-config-section{max-height:none}}.pdf-preview-modal-content{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1rem}.pdf-preview-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:8px}.pdf-preview-controls .page-info{font-weight:500;color:#374151;min-width:120px;text-align:center}.pdf-preview-container{position:relative;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;background:#f9fafb;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:auto;max-height:70vh}.pdf-preview-container canvas{max-width:100%;height:auto;box-shadow:0 2px 8px #0000001a}.pdf-preview-loading,.pdf-preview-error{padding:3rem;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1rem}.pdf-preview-error{color:#ef4444}.pdf-preview-info{padding:.75rem;background:#eff6ff;border-radius:6px;color:#1e40af;font-size:.875rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-data-form{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.preview-data-form>*{width:100%}.pdf-configuration-tab{width:100%;padding:1rem}.pdf-template-selector{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.template-button{padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.template-button:hover{color:#374151;background:#f9fafb}.template-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.pdf-template-section{margin-top:1.5rem}.pdf-template-section h3{margin:0 0 1.5rem;color:#374151;font-size:1.25rem}.pdf-configuration-error{padding:.75rem 1rem;background:#fee2e2;color:#dc2626;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.configurations{width:100%;margin:0 auto;padding:0;min-width:0;overflow-x:hidden}.configurations-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.configurations-title h1{font-size:2rem;font-weight:700;color:var(--brand-blue);margin:0 0 .5rem}.configurations-title p{color:#64748b;font-size:1rem;margin:0}.configurations-actions{display:flex;gap:.75rem;align-items:center}.configurations-tabs-section{margin-top:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.tabs-header{display:flex;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s;position:relative}.tab-button:hover{background-color:#f3f4f6;color:#374151}.tab-button.active{color:#3b82f6;background-color:#fff}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#3b82f6}.tab-icon{font-size:1.25rem}.tab-label{font-weight:600}.tab-content{padding:0}.tab-content-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.tab-content-title h2{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.tab-content-title p{color:#64748b;font-size:.875rem;margin:0}.tab-content-actions{display:flex;gap:.75rem;align-items:center}.configurations-content{display:flex;flex-direction:column;gap:1.5rem;min-width:0;overflow-x:hidden;padding:2rem}.configurations-filters{background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.configurations-filters .input-container{max-width:400px}.configurations-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;font-size:.875rem}.configurations-table{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.membership-info{display:flex;flex-direction:column;gap:.25rem}.membership-name{font-weight:600;color:var(--brand-blue);font-size:.875rem}.membership-id{font-size:.75rem;color:#64748b;font-family:monospace}.date-info{font-size:.875rem;color:#374151}.membership-actions{display:flex;gap:.5rem;align-items:center}.membership-actions .button{padding:.375rem .75rem;font-size:.75rem}.configurations-results{padding:1rem 0;border-top:1px solid #e2e8f0}.results-info{font-size:.875rem;color:#64748b}.page-info{font-size:.875rem;color:#374151;font-weight:500;white-space:nowrap}.membership-modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.membership-modal-form{display:flex;flex-direction:column;gap:1.5rem}.membership-modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:6px;font-size:.875rem}.membership-modal-field{display:flex;flex-direction:column;gap:.5rem}.delete-confirmation-content{padding:1rem 0}.delete-confirmation-content p{margin:0 0 1rem;color:#374151;font-size:.875rem;line-height:1.5}.delete-confirmation-content p:last-child{margin-bottom:0}.delete-warning{background:#fef3f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:6px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.configurations-header{flex-direction:column;align-items:stretch}.configurations-actions{justify-content:stretch}.tab-content-header{flex-direction:column;align-items:stretch;padding:1.5rem}.tab-content-actions{justify-content:stretch}.configurations-content{padding:1.5rem}.membership-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.configurations{padding:0 .5rem}.configurations-header{margin-bottom:1.5rem;padding-bottom:.75rem}.configurations-title h1{font-size:1.5rem}.configurations-filters,.tab-content-header{padding:1rem}.tab-content-title h2{font-size:1.25rem}.configurations-content{padding:1rem}.membership-actions .button{font-size:.75rem;padding:.5rem .75rem}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.not-found-container{max-width:500px;width:100%}.not-found-content{background:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 10px 40px #00000026;text-align:center}.not-found-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#667eea}.not-found-title{font-size:6rem;font-weight:700;color:#667eea;margin:0 0 .5rem;line-height:1}.not-found-subtitle{font-size:1.75rem;font-weight:600;color:#2d3748;margin:0 0 1rem}.not-found-message{font-size:1rem;color:#718096;margin:0 0 2rem;line-height:1.6}.not-found-actions{display:flex;justify-content:center}.not-found-actions button{min-width:200px}@media (max-width: 768px){.not-found-content{padding:2.5rem 2rem}.not-found-title{font-size:5rem}.not-found-subtitle{font-size:1.5rem}.not-found-icon svg{width:100px;height:100px}}@media (max-width: 480px){.not-found-page{padding:1rem}.not-found-content{padding:2rem 1.5rem}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.25rem}.not-found-message{font-size:.9375rem}.not-found-icon svg{width:80px;height:80px}.not-found-actions button{min-width:100%}}.app{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}