.alert{padding:var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert i{font-size:20px}.alert-message{flex:1;font-size:var(--font-size-sm);font-weight:500}.alert-close{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:opacity .2s ease}.alert-close:hover{opacity:1}.alert-close i{font-size:18px}.alert-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning)}.alert-error{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.alert-info{background:var(--info-light);color:var(--info);border:1px solid var(--info)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--neutral-100);color:var(--neutral-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:500;border:none;transition:all .15s ease;white-space:nowrap;font-family:var(--font-family)}.btn-primary{background:var(--agency-color, var(--primary-600));color:#fff}.btn-primary:hover:not(:disabled){background:var(--agency-color, var(--primary-600));filter:brightness(.88);box-shadow:var(--shadow-md)}.btn-secondary{background:white;color:var(--neutral-700);border:1px solid var(--neutral-300)}.btn-secondary:hover:not(:disabled){background:var(--neutral-50);border-color:var(--neutral-400)}.btn-ghost{background:transparent;color:var(--neutral-600)}.btn-ghost:hover:not(:disabled){background:var(--neutral-100);color:var(--neutral-900)}.btn-small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);height:32px}.btn-medium{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);height:40px}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);height:48px}.btn:disabled{opacity:.5;cursor:not-allowed}.layout-container{display:flex;min-height:100vh;max-width:100%;overflow-x:hidden}.sidebar{width:260px;background:color-mix(in srgb,var(--agency-bg, white) 30%,white);border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-hidden{transform:translate(-100%)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--neutral-200)}.logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.logo-icon{width:36px;height:36px;object-fit:contain}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--neutral-900)}.nav{flex:1;padding:var(--space-4);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-1);border-radius:var(--radius-md);color:var(--neutral-600);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:all .15s ease;cursor:pointer;position:relative}.nav-item:hover{background:var(--neutral-100);color:var(--neutral-900)}.nav-item.active{background:var(--agency-accent-color-light, var(--agency-color-light));color:var(--agency-accent-color, var(--agency-color))}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--agency-accent-color, var(--agency-color));border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-item i{font-size:20px}.nav-item--logout{color:#dc2626;margin-bottom:var(--space-3)}.nav-item--logout:hover{background:#fee2e2;color:#b91c1c}.nav-section-label{padding:var(--space-4) var(--space-4) var(--space-1);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--neutral-200);font-size:var(--font-size-xs);color:var(--neutral-500);line-height:1.4}.agency-info{margin-bottom:var(--space-3)}.agency-name{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.agency-detail{font-size:var(--font-size-xs);color:var(--neutral-600);margin-bottom:var(--space-1);display:flex;align-items:flex-start;gap:var(--space-2)}.agency-detail i{font-size:12px;margin-top:2px}.agency-address{display:flex;flex-direction:column}.divider{height:1px;background:var(--neutral-200);margin:var(--space-3) 0}.copyright{margin-bottom:var(--space-2);text-align:center}.footer-links{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.footer-links a{color:var(--neutral-600);cursor:pointer;text-decoration:none}.footer-links a:hover{color:var(--agency-color);text-decoration:underline}.separator{color:var(--neutral-400)}.header{position:fixed;top:0;left:260px;right:0;height:72px;background:var(--agency-header-color, #1e293b);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;padding:0 var(--space-8);z-index:50}.header-agency{display:flex;align-items:center;gap:var(--space-3)}.header-agency-logo{height:36px;width:auto;max-width:120px;object-fit:contain}.header-title{font-size:var(--font-size-2xl);font-weight:700;color:#fff;margin:0}.header-spacer{flex:1}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#ffffffd9;border-radius:var(--radius-md);transition:all .15s ease}.mobile-menu-btn:hover{background:rgba(255,255,255,.1)}.mobile-menu-btn i{font-size:24px}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#ffffffd9;border-radius:var(--radius-md);transition:all .15s ease}.header-icon-btn:hover{background:rgba(255,255,255,.1);color:#fff}.header-icon-btn i{font-size:18px}.user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .15s ease;cursor:pointer}.user-info:hover{background:rgba(255,255,255,.1)}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-name{color:#fff;font-size:var(--font-size-sm);font-weight:500}.user-role{color:#ffffffa6;font-size:var(--font-size-xs)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--agency-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-sm)}.main-content{margin-left:260px;margin-top:72px;padding:var(--space-8);background:var(--neutral-50);min-height:calc(100vh - 72px);flex:1;min-width:0;max-width:100%;box-sizing:border-box}.main-content .alert-container{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-bottom:var(--space-4)}.sidebar-backdrop{display:none}@media only screen and (max-width: 900px){.header{left:0;padding:0 var(--space-4)}.mobile-menu-btn{display:flex}.main-content{margin-left:0;padding:var(--space-4)}.sidebar{box-shadow:var(--shadow-lg)}.sidebar-hidden{transform:translate(-100%)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:99}.user-details{display:none}.header-title{font-size:var(--font-size-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:var(--space-2)}}@media only screen and (max-width: 500px){.header-icon-btn{width:32px;height:32px}.header-title{font-size:var(--font-size-base)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:white;border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:360px;text-align:center;box-shadow:var(--shadow-xl)}.modal-icon{width:52px;height:52px;border-radius:50%;background:var(--neutral-100);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:1.5rem;color:var(--neutral-600)}.modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-2)}.modal-body{font-size:var(--font-size-sm);color:var(--neutral-500);margin:0 0 var(--space-6)}.modal-actions{display:flex;gap:var(--space-3)}.modal-btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:500;cursor:pointer;border:none;transition:all .15s ease}.modal-btn-cancel{background:white;color:var(--neutral-700);border:1px solid var(--neutral-300)}.modal-btn-cancel:hover{background:var(--neutral-50);border-color:var(--neutral-400)}.modal-btn-confirm{background:var(--agency-color);color:#fff}.modal-btn-confirm:hover{background:var(--agency-color);filter:brightness(.88)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--neutral-50)}.login-box{background:white;padding:var(--space-10);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.login-logo img{width:120px;height:auto}.login-box h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-2);text-align:center}.login-subtitle{font-size:var(--font-size-sm);color:var(--neutral-600);text-align:center;margin-bottom:var(--space-8)}.error-message{background:var(--error-light);color:var(--error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700);margin-bottom:var(--space-2)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all .15s ease}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.remember-me{margin-bottom:var(--space-5)}.remember-me label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--neutral-700);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-600);cursor:pointer}.login-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all .15s ease}.login-btn:hover:not(:disabled){background:var(--primary-700);box-shadow:var(--shadow-md)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--neutral-200)}.copyright{text-align:center;font-size:var(--font-size-xs);color:var(--neutral-500);margin:0}.card{background:white;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden}.card-header{padding:var(--space-6);border-bottom:1px solid var(--neutral-200)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--neutral-500);margin-top:var(--space-1);margin-bottom:0}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--neutral-200);background:var(--neutral-50)}@media (max-width: 768px){.card-header,.card-body,.card-footer{padding:var(--space-4)}}.stat-card{background:white;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:all .15s ease}.stat-card:hover{border-color:var(--neutral-300);box-shadow:0 2px 8px #0000000d}.stat-label{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-600);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--neutral-900);line-height:1}.stat-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:500}.stat-change i{font-size:16px}.stat-change.positive{color:var(--success-600)}.stat-change.negative{color:var(--error-600)}.stat-change.neutral{color:var(--neutral-500)}.dashboard-page{padding:var(--space-8)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.dashboard-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--neutral-900);margin:0 0 var(--space-1) 0}.dashboard-subtitle{font-size:var(--font-size-sm);color:var(--neutral-600);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.chart-card{min-width:0}.chart-title{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-700);margin:0 0 var(--space-4) 0}.chart-wrapper{position:relative;width:100%;height:220px}.spinner{width:36px;height:36px;border:3px solid var(--neutral-200);border-top-color:var(--agency-color, var(--primary-600));border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-page{padding:var(--space-4)}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-title{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}}.table-container{background:white;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden;max-width:100%}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.table{width:100%;border-collapse:collapse;min-width:600px}.table thead{background:var(--neutral-50);border-bottom:2px solid var(--neutral-200)}.table th{text-align:left;padding:var(--space-4);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-600);width:auto}.table td{text-align:left;padding:var(--space-4);border-bottom:1px solid var(--neutral-200);font-size:var(--font-size-sm);color:var(--neutral-800);width:auto}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--neutral-50)}.empty-state{text-align:center!important;color:var(--neutral-500)!important;padding:var(--space-8)!important;display:table-cell!important;width:auto!important}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-200);gap:var(--space-4)}.pagination-info{font-size:var(--font-size-sm);color:var(--neutral-600)}.pagination-info strong{font-weight:700;color:var(--neutral-900)}.pagination-controls{display:flex;align-items:center;gap:var(--space-4)}.rows-per-page{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--neutral-600)}.rows-per-page select{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:white;color:var(--neutral-700);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.rows-per-page select:hover{border-color:var(--neutral-400)}.rows-per-page select:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.pagination-buttons{display:flex;gap:var(--space-1)}.page-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:white;color:var(--neutral-700);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.page-btn:hover:not(:disabled){background:var(--neutral-50);border-color:var(--neutral-400)}.page-btn.active{background:var(--agency-color, var(--primary-600));border-color:var(--agency-color, var(--primary-600));color:#fff;font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn i{font-size:16px}@media (max-width: 768px){.table th,.table td{padding:var(--space-3);font-size:var(--font-size-xs)}.pagination{flex-direction:column;align-items:stretch;padding:var(--space-4);gap:var(--space-3)}.pagination-info{text-align:center;font-size:var(--font-size-xs)}.pagination-controls{flex-direction:column;gap:var(--space-3)}.pagination-buttons{justify-content:center;flex-wrap:wrap}}.page-container{padding:var(--space-8)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--neutral-900);margin:0 0 var(--space-1) 0}.page-subtitle{font-size:var(--font-size-sm);color:var(--neutral-600);margin:0}.filters-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.filters-search{padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--neutral-900);background:white;transition:all .15s ease;min-width:220px}.filters-search::placeholder{color:var(--neutral-400)}.filters-search:hover{border-color:var(--neutral-400)}.filters-search:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.filters-bar .select{width:auto;min-width:160px}.filters-clear{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:white;color:var(--neutral-600);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.filters-clear:hover{border-color:var(--neutral-400);background:var(--neutral-50);color:var(--neutral-900)}@media (max-width: 768px){.page-container{padding:var(--space-4)}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-xl)}}.survey-send-form{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4) 0;text-align:left}.survey-send-form .form-field{display:flex;flex-direction:column;gap:var(--space-2)}.survey-send-form label{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700)}.survey-contact-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--neutral-900);background:white;box-sizing:border-box;transition:all .15s ease}.survey-contact-input:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.import-section{display:flex;flex-direction:column;gap:var(--space-4)}.import-description{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.import-description p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600)}.import-dropzone{border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all .15s ease;text-align:center;background:var(--neutral-50)}.import-dropzone:hover:not(.uploading){border-color:var(--agency-color, var(--primary-400));background:var(--agency-color-light, var(--primary-50))}.import-dropzone.drag-over{border-color:var(--agency-color, var(--primary-500));background:var(--agency-color-light, var(--primary-50))}.import-dropzone.uploading{cursor:default;opacity:.7}.import-dropzone p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600)}.import-browse{color:var(--agency-color, var(--primary-600));text-decoration:underline}.import-hint{font-size:var(--font-size-xs);color:var(--neutral-400)}.select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--neutral-900);background:white;cursor:pointer;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.select:hover:not(:disabled){border-color:var(--neutral-400)}.select:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.select:disabled{background-color:var(--neutral-50);color:var(--neutral-500);cursor:not-allowed}.voice-detail-page{padding:var(--space-8);max-width:1280px;margin:0 auto}.voice-detail-header{margin-bottom:var(--space-4)}.voice-hero{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.voice-hero-main{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.voice-hero-id{font-size:var(--font-size-xl);font-weight:700;color:var(--neutral-900)}.voice-hero-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.voice-hero-meta{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--neutral-500)}.voice-hero-meta span:before{content:""}.voice-hero-meta span+span:before{content:"·";margin-right:var(--space-4)}.voice-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.voice-chat-column,.voice-info-column{display:flex;flex-direction:column;gap:var(--space-4)}.voice-detail-section{margin-bottom:var(--space-4)}.voice-detail-section:last-child{margin-bottom:0}.detail-row{display:grid;grid-template-columns:160px 1fr;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100);align-items:start}.detail-label{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-500);padding-top:2px}.detail-value{font-size:var(--font-size-sm);color:var(--neutral-900)}.detail-empty{font-size:var(--font-size-sm);color:var(--neutral-400);font-style:italic}.categories-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-700);margin:0 0 var(--space-3) 0}.comment-box{font-size:var(--font-size-sm);color:var(--neutral-700);line-height:1.7;white-space:pre-wrap}.notes-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--neutral-900);background:white;resize:vertical;transition:all .15s ease;box-sizing:border-box}.notes-textarea:hover:not(:disabled){border-color:var(--neutral-400)}.notes-textarea:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.notes-textarea:disabled{background:var(--neutral-50);cursor:not-allowed;color:var(--neutral-400)}.member-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--neutral-900);background:white;cursor:pointer;transition:all .15s ease}.member-select:hover:not(:disabled){border-color:var(--neutral-400)}.member-select:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.member-select:disabled{background:var(--neutral-50);cursor:not-allowed;color:var(--neutral-400)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}.media-thumbnail{width:100%;height:130px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--neutral-200);cursor:pointer;transition:transform .2s ease}.media-thumbnail:hover{transform:scale(1.04)}.voice-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--neutral-100);flex-wrap:wrap}.empty-state i{font-size:56px;color:var(--neutral-300)}.empty-state p{color:var(--neutral-500);margin:0;font-size:var(--font-size-base)}.voice-chat-card{height:100%;display:flex;flex-direction:column}.chat-container{display:flex;flex-direction:column;height:580px}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--neutral-400);gap:var(--space-2)}.no-comments i{font-size:40px}.no-comments p{font-size:var(--font-size-sm);margin:0}.chat-group{display:flex;flex-direction:column;max-width:78%;gap:2px;animation:slideIn .15s ease}.chat-group.sent{align-self:flex-end;align-items:flex-end}.chat-group.received{align-self:flex-start;align-items:flex-start}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-group-sender{font-size:11px;font-weight:600;color:var(--neutral-400);margin-bottom:2px;padding:0 var(--space-1);text-transform:uppercase;letter-spacing:.04em}.chat-bubble{padding:var(--space-2) var(--space-3);border-radius:14px;font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-group.sent .chat-bubble{background:var(--agency-color, var(--primary-600));color:#fff;border-bottom-right-radius:4px}.chat-group.received .chat-bubble{background:white;border:1px solid var(--neutral-200);color:var(--neutral-900);border-bottom-left-radius:4px}.chat-group-time{font-size:11px;color:var(--neutral-400);margin-top:2px;padding:0 var(--space-1)}.chat-input-form{display:flex;flex-direction:column;gap:var(--space-2)}.chat-input{width:100%;padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--neutral-900);background:white;resize:none;transition:all .15s ease;box-sizing:border-box}.chat-input:hover:not(:disabled){border-color:var(--neutral-400)}.chat-input:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.chat-input:disabled{background:var(--neutral-50);cursor:not-allowed}@media (max-width: 1024px){.voice-detail-grid{grid-template-columns:1fr}.chat-container{height:400px}}@media (max-width: 768px){.voice-detail-page,.voice-hero{padding:var(--space-4)}.detail-row{grid-template-columns:1fr;gap:var(--space-1)}.detail-label{color:var(--neutral-500)}.voice-actions{flex-direction:column}.voice-actions button{width:100%}.chat-group{max-width:90%}}.input-container{display:flex;flex-direction:column;width:100%}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--neutral-900);background:white;transition:all .15s ease}.input::placeholder{color:var(--neutral-400)}.input:hover:not(:disabled){border-color:var(--neutral-400)}.input:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.input:disabled{background:var(--neutral-50);color:var(--neutral-500);cursor:not-allowed}.input-error{border-color:var(--error-500)}.input-error:focus{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.input-error-message{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--error-600)}.add-staff-page{padding:var(--space-8);max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.add-staff-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.add-staff-page .page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--neutral-900);margin:0 0 var(--space-1) 0}.add-staff-page .page-subtitle{font-size:var(--font-size-sm);color:var(--neutral-600);margin:0}.form-section:last-of-type{margin-bottom:var(--space-6)}.form-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}@media (max-width: 768px){.add-staff-page{padding:var(--space-4)}.add-staff-page .page-title{font-size:var(--font-size-xl)}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.staff-member-page{padding:var(--space-8);max-width:600px;margin:0 auto}.member-header{display:flex;align-items:center;padding:var(--space-6);gap:var(--space-5);border-bottom:1px solid var(--neutral-200)}.member-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--agency-color, var(--primary-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-2xl);flex-shrink:0}.member-title h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-1) 0}.member-subtitle{font-size:var(--font-size-sm);color:var(--neutral-600);margin:0}.member-details{padding:var(--space-6)}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-600)}.detail-value{font-size:var(--font-size-sm);color:var(--neutral-900);word-break:break-word}.detail-value a{color:var(--agency-color, var(--primary-600));text-decoration:none}.detail-value a:hover{text-decoration:underline}.member-footer{display:flex;justify-content:center;align-items:center;padding:var(--space-6);border-top:1px solid var(--neutral-200)}.agency-logo{max-width:120px;max-height:80px;object-fit:contain}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.empty-state i{font-size:64px;color:var(--neutral-400)}.empty-state p{color:var(--neutral-600);margin:0;font-size:var(--font-size-base)}@media (max-width: 768px){.staff-member-page{padding:var(--space-4)}}@media (max-width: 600px){.member-header{flex-direction:column;text-align:center;padding:var(--space-4)}.member-details{padding:var(--space-4)}.detail-row{grid-template-columns:1fr;gap:var(--space-2)}.detail-label{font-weight:600;color:var(--neutral-900)}}.tabs-container{width:100%}.tab-navigation{display:flex;gap:var(--space-1);border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:var(--space-3) var(--space-5);border:none;background:transparent;color:var(--neutral-600);font-weight:500;font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.tab:hover{color:var(--neutral-900)}.tab.active{color:var(--agency-color, var(--primary-600));border-bottom-color:var(--agency-color, var(--primary-600))}.tab-content{margin-top:var(--space-6)}@media (max-width: 768px){.tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.tab-navigation{gap:0;margin-bottom:var(--space-4)}}.settings-page{padding:var(--space-8);max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.tab-panel{padding:var(--space-2) 0}.form-section{margin-bottom:var(--space-8)}.form-section:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.form-field{display:flex;flex-direction:column}.form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700);margin-bottom:var(--space-2)}.full-width{grid-column:1 / -1}.color-picker-container{display:flex;gap:var(--space-3);align-items:center}.color-picker{width:60px;height:42px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);cursor:pointer;padding:2px;background:white;transition:all .15s ease}.color-picker:hover{border-color:var(--neutral-400)}.color-picker:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.color-input{flex:1;height:42px;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:Monaco,Courier New,monospace;color:var(--neutral-900);background:white;transition:all .15s ease}.color-input:hover{border-color:var(--neutral-400)}.color-input:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.logo-preview{margin-top:var(--space-2)}.logo-container{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;justify-content:center;align-items:center;min-height:200px}.logo-container img{max-width:100%;max-height:200px;object-fit:contain}.no-logo{background:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--space-12);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3);min-height:200px}.no-logo i{font-size:48px;color:var(--neutral-400)}.no-logo p{color:var(--neutral-500);margin:0;font-size:var(--font-size-sm)}.settings-footer{display:flex;justify-content:flex-end}.widget-section{padding:var(--space-4) 0}.widget-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-5);padding-bottom:var(--space-2);border-bottom:2px solid var(--neutral-200)}.widget-placement-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.widget-placement-option label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-900);margin-bottom:var(--space-3)}.radio-group{display:flex;gap:var(--space-4)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--neutral-700)}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--agency-color, var(--primary-600))}.radio-label span{-webkit-user-select:none;user-select:none}.widget-divider{height:1px;background:var(--neutral-200);margin:var(--space-8) 0}.widget-code-section{margin-bottom:var(--space-8)}.widget-code-section:last-child{margin-bottom:0}.widget-code-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-4)}.widget-code-header h4{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-1) 0}.widget-code-header code{background:var(--neutral-100);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--neutral-700)}.widget-instruction-text{font-size:var(--font-size-xs);color:var(--neutral-600);margin:0}.widget-code-block{background:#1e1e1e;border:1px solid var(--neutral-300);border-radius:var(--radius-md);padding:var(--space-4);font-family:Courier New,monospace;font-size:var(--font-size-xs);overflow-x:auto;display:flex;flex-direction:column;gap:var(--space-1);max-width:100%}.widget-code-block code{color:#d4d4d4;white-space:pre;display:block}.widget-code-header code{word-break:break-all}.logic-section{padding:var(--space-4) 0}.logic-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-5);padding-bottom:var(--space-2);border-bottom:2px solid var(--neutral-200)}.logic-setting{margin-bottom:var(--space-5)}.checkbox-label{display:flex;gap:var(--space-3);cursor:pointer;align-items:flex-start}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--agency-color, var(--primary-600));margin-top:2px;flex-shrink:0}.checkbox-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.checkbox-title{font-size:var(--font-size-base);font-weight:500;color:var(--neutral-900);display:block}.checkbox-description{font-size:var(--font-size-sm);color:var(--neutral-600);line-height:1.5;display:block}.logic-sub-setting{margin-top:var(--space-3);margin-left:var(--space-8);display:flex;align-items:center;gap:var(--space-3)}.logic-sub-setting label{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700);white-space:nowrap}.logic-info-note{margin-top:var(--space-3);margin-left:var(--space-8);padding:var(--space-2) var(--space-3);background:var(--info-light);color:var(--info);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5}.number-input{width:100px;height:38px;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--neutral-900);background:white;transition:all .15s ease}.number-input:hover{border-color:var(--neutral-400)}.number-input:focus{outline:none;border-color:var(--agency-color, var(--primary-500));box-shadow:0 0 0 3px var(--agency-color-light, var(--primary-100))}.logic-divider{height:1px;background:var(--neutral-200);margin:var(--space-8) 0}.sla-parameters{margin-left:var(--space-8);margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.sla-parameter{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.sla-parameter-header{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.sla-parameter-label{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-900)}.sla-parameter-description{font-size:var(--font-size-xs);color:var(--neutral-600);line-height:1.4}.sla-parameter-input{display:flex;align-items:center;gap:var(--space-2)}.sla-parameter-unit{font-size:var(--font-size-sm);color:var(--neutral-600);white-space:nowrap;min-width:50px}@media (min-width: 620px){.widget-placement-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.settings-page{padding:var(--space-4)}.color-picker-container{flex-wrap:wrap}.color-input{min-width:0}.sla-parameter{flex-direction:column;align-items:stretch;gap:var(--space-3)}.sla-parameters,.logic-sub-setting{margin-left:0}.widget-code-header,.radio-group{flex-direction:column;gap:var(--space-2)}}.theme-presets{display:flex;gap:var(--space-3);flex-wrap:wrap}.theme-preset-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-0);cursor:pointer;transition:border-color .15s,box-shadow .15s;font-size:var(--text-sm);color:var(--neutral-700);font-family:inherit}.theme-preset-btn:hover{border-color:var(--agency-color, #2563eb);box-shadow:0 0 0 3px var(--agency-color-light, #2563eb18)}.theme-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.theme-preset-name{font-weight:500}.policies-page{padding:var(--space-8);max-width:1000px;margin:0 auto}.upload-area{border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;background:var(--neutral-50);transition:all .2s ease}.upload-area.drag-over{border-color:var(--agency-color, var(--primary-500));background:var(--agency-color-light, var(--primary-50))}.upload-icon{font-size:64px;color:var(--neutral-400);margin-bottom:var(--space-4)}.upload-area h3{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-700);margin:0 0 var(--space-2) 0}.upload-area p{font-size:var(--font-size-sm);color:var(--neutral-600);margin:var(--space-2) 0}.upload-hint{font-size:var(--font-size-xs);color:var(--neutral-500);margin-top:var(--space-4)}.divider{height:1px;background:var(--neutral-200);margin:var(--space-8) 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4)}.loading-state p{color:var(--neutral-600);margin:0;font-size:var(--font-size-sm)}.spinner{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--agency-color, var(--primary-600));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-3)}.empty-state i{font-size:48px;color:var(--neutral-400)}.empty-state p{color:var(--neutral-500);margin:0;font-size:var(--font-size-sm)}.files-list{margin-top:var(--space-4)}.files-title{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-4) 0}.file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:white;transition:all .15s ease}.file-item:hover{border-color:var(--neutral-300);box-shadow:0 2px 4px #0000000d}.file-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.file-icon{font-size:24px;color:var(--agency-color, var(--primary-600))}.file-details{display:flex;flex-direction:column;gap:var(--space-1)}.file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-900)}.file-meta{font-size:var(--font-size-xs);color:var(--neutral-500)}.delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--error-600);cursor:pointer;transition:all .15s ease}.delete-btn:hover:not(:disabled){background:var(--error-50)}.delete-btn:disabled{opacity:.4;cursor:not-allowed}.delete-btn i{font-size:20px}@media (max-width: 768px){.policies-page{padding:var(--space-4)}.upload-area{padding:var(--space-6)}.upload-icon{font-size:48px}.file-item{flex-wrap:wrap;gap:var(--space-2)}.file-info{min-width:0}.file-name{word-break:break-all}}.static-page{padding:var(--space-8);max-width:900px;margin:0 auto}.static-content{padding:var(--space-8)}.static-content h1{font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--space-2);color:var(--neutral-900)}.last-updated{font-size:var(--font-size-xs);color:var(--neutral-500);margin-bottom:var(--space-6)}.static-content .divider{height:1px;background:var(--neutral-200);margin:var(--space-6) 0}.static-content h2{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--neutral-900)}.static-content p{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-4);color:var(--neutral-700)}.static-content ul{margin-left:var(--space-6);margin-bottom:var(--space-4)}.static-content li{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-2);color:var(--neutral-700)}@media (max-width: 768px){.static-page,.static-content{padding:var(--space-4)}.static-content h1{font-size:var(--font-size-2xl)}.static-content h2{font-size:var(--font-size-lg)}}.faq-page{padding:var(--space-8);max-width:1000px;margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--space-10)}.faq-icon{font-size:48px;color:var(--info-600);margin-bottom:var(--space-4)}.faq-header h1{font-size:var(--font-size-3xl);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-2) 0}.subtitle{font-size:var(--font-size-base);color:var(--neutral-600);margin:0}.faq-panels{margin-bottom:var(--space-8)}.faq-panel{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:white;overflow:hidden;transition:all .2s ease}.faq-panel:hover{border-color:var(--neutral-300);box-shadow:0 2px 4px #0000000d}.faq-panel-title{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:transparent;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.faq-panel-title:hover,.faq-panel-title.active{background:var(--neutral-50)}.panel-title-content{display:flex;align-items:center;gap:var(--space-3);font-weight:500;font-size:var(--font-size-base);color:var(--neutral-900)}.panel-title-content i{font-size:20px;color:var(--primary-600)}.chevron-icon{font-size:20px;color:var(--neutral-500);transition:transform .2s ease}.faq-panel-content{padding:0 var(--space-5) var(--space-5) var(--space-5);border-top:1px solid var(--neutral-100);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-panel-content p{margin-bottom:var(--space-3);line-height:1.6;color:var(--neutral-700)}.faq-panel-content p:last-child{margin-bottom:0}.faq-panel-content ul,.faq-panel-content ol{margin-left:var(--space-6);margin-bottom:var(--space-4)}.faq-panel-content li{margin-bottom:var(--space-2);line-height:1.6;color:var(--neutral-700)}.faq-panel-content h4{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-2)}.faq-panel-content code{background-color:var(--neutral-100);padding:2px 6px;border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--neutral-800)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.faq-footer{text-align:center;margin-top:var(--space-10)}.divider{height:1px;background:var(--neutral-200);margin-bottom:var(--space-6)}.faq-footer p{margin-bottom:var(--space-4);color:var(--neutral-700)}.footer-links{display:flex;justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap}.footer-links a,.api-link{color:var(--primary-600);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);font-weight:500}.footer-links a:hover,.api-link:hover{text-decoration:underline}.api-link i{font-size:16px}@media (max-width: 768px){.faq-page{padding:var(--space-4)}.faq-header{margin-bottom:var(--space-6)}.faq-header h1{font-size:var(--font-size-2xl)}.faq-panel-title{padding:var(--space-3) var(--space-4)}.faq-panel-content{padding:0 var(--space-4) var(--space-4) var(--space-4)}}.survey-public-page{min-height:100vh;background:var(--survey-bg);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;font-family:Poppins,sans-serif}.survey-public-card{background:white;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:40px;width:100%;max-width:600px;text-align:center}.survey-logo img{height:48px;width:auto;margin-bottom:24px}.survey-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.survey-brand-logo{height:64px;max-width:200px;width:auto;object-fit:contain}.survey-brand-name{font-size:18px;font-weight:700;color:#111827;margin:0}.survey-brand-divider{width:48px;height:3px;background:var(--survey-color);border-radius:2px;margin-top:4px}.survey-public-card h2{font-size:22px;font-weight:700;color:#111827;margin:0 0 8px}.survey-intro{color:#6b7280;font-size:14px;margin-bottom:24px}.survey-type-select{margin-bottom:32px}.survey-type-label{font-size:14px;font-weight:500;color:#374151;margin:0 0 12px}.survey-type-btns{display:flex;gap:12px;justify-content:center}.survey-type-btn{flex:1;max-width:180px;padding:12px 16px;border-radius:8px;border:2px solid #e5e7eb;background:white;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;color:#374151}.survey-type-btn:hover{border-color:#9ca3af}.survey-type-btn.positive.selected{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.survey-type-btn.negative.selected{background:#fef2f2;border-color:#dc2626;color:#dc2626}.survey-questions{display:flex;flex-direction:column;gap:28px;text-align:left}.survey-question-text{font-size:14px;font-weight:500;color:#374151;margin:0 0 12px}.survey-rating{display:flex;gap:8px}.survey-rating-btn{width:44px;height:44px;border-radius:50%;border:2px solid #e5e7eb;background:white;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s ease;font-family:inherit}.survey-rating-btn:hover{border-color:var(--survey-color);color:var(--survey-color)}.survey-rating-btn.selected{background:var(--survey-color);border-color:var(--survey-color);color:#fff}.survey-rating-labels{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:4px}.survey-error{color:#dc2626;font-size:13px;margin:16px 0 0}.survey-submit-btn{margin-top:32px;width:100%;padding:14px;background:var(--survey-color);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease}.survey-submit-btn:hover:not(:disabled){background:var(--survey-color);filter:brightness(.88)}.survey-submit-btn:disabled{opacity:.6;cursor:not-allowed}.survey-success-icon{font-size:56px;color:#16a34a;margin-bottom:16px}.survey-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.sd-page{padding:0}.sd-header{margin-bottom:24px}.sd-back{background:none;border:none;color:#6b7280;font-size:13px;font-family:inherit;cursor:pointer;padding:0;margin-bottom:12px;display:flex;align-items:center;gap:4px}.sd-back:hover{color:#111827}.sd-title-row{display:flex;align-items:center;gap:12px}.sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.sd-grid{grid-template-columns:1fr}}.sd-meta{display:flex;flex-direction:column;gap:12px}.sd-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.sd-meta-label{color:#6b7280;flex-shrink:0}.sd-meta-value{color:#111827;font-weight:500;text-align:right}.sd-badge-id{color:#6b7280;font-weight:400}.sd-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 0;color:#9ca3af}.sd-pending i{font-size:36px}.sd-pending p{font-size:14px;margin:0}.sd-overall{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0}.sd-score-circle{width:112px;height:112px;border-radius:50%;border:6px solid #16a34a;display:flex;align-items:center;justify-content:center}.sd-score-inner{display:flex;align-items:flex-start;line-height:1}.sd-score-number{font-size:36px;font-weight:700;color:#111827;line-height:1}.sd-score-pct{font-size:14px;font-weight:600;color:#6b7280;margin-top:5px;line-height:1}.sd-score-label{font-size:13px;color:#6b7280;margin:0;text-align:center}.sd-responses{display:flex;flex-direction:column;gap:20px}.sd-response-row{display:flex;flex-direction:column;gap:6px}.sd-question{font-size:14px;color:#374151;margin:0;font-weight:500}.sd-score-bar-wrap{display:flex;align-items:center;gap:10px}.sd-score-bar-track{flex-grow:1;max-width:240px;height:8px;border-radius:4px;background:#f3f4f6;overflow:hidden}.sd-score-bar{height:100%;border-radius:4px;transition:width .3s ease}.sd-score-val{font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.sd-empty{color:#9ca3af;font-size:14px}.sd-error{color:#dc2626;font-size:14px}.billing-trial-banner{display:flex;align-items:flex-start;gap:var(--space-4);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);color:#92400e;font-size:var(--font-size-sm);line-height:1.6}.billing-trial-icon{font-size:22px;color:#d97706;flex-shrink:0;margin-top:1px}.billing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}@media (max-width: 900px){.billing-plans{grid-template-columns:1fr;max-width:400px}}.billing-plan{position:relative;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.billing-plan--highlighted{border-color:var(--agency-color, #1670C9);box-shadow:0 0 0 1px var(--agency-color, #1670C9)}.billing-plan--disabled{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.billing-plan-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--agency-color, #1670C9);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 14px;border-radius:999px;white-space:nowrap}.billing-plan-header{display:flex;flex-direction:column;gap:var(--space-1)}.billing-plan-name{font-size:var(--font-size-lg);font-weight:700;color:var(--neutral-900);margin:0}.billing-plan-tagline{font-size:var(--font-size-sm);color:var(--neutral-500);margin:0}.billing-plan-price{display:flex;align-items:baseline;gap:4px;margin-top:var(--space-3)}.billing-plan-amount{font-size:32px;font-weight:800;color:var(--neutral-900);line-height:1}.billing-plan-period{font-size:var(--font-size-sm);color:var(--neutral-500)}.billing-plan-officers{font-size:var(--font-size-xs);font-weight:600;color:var(--agency-color, #1670C9);margin:var(--space-1) 0 0;text-transform:uppercase;letter-spacing:.04em}.billing-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);flex:1}.billing-plan-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--neutral-700);line-height:1.5}.billing-plan-features li .mdi{color:#16a34a;font-size:16px;flex-shrink:0;margin-top:2px}.billing-plan-btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--neutral-300);background:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed}.export-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:start}@media (max-width: 900px){.export-layout{grid-template-columns:1fr}}.export-control{accent-color:var(--agency-color, #1670C9);width:15px;height:15px;cursor:pointer;flex-shrink:0}.export-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0}.export-section:first-child{padding-top:0}.export-section:last-child{padding-bottom:0}.export-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);margin-bottom:var(--space-1)}.export-divider{height:1px;background:var(--neutral-100)}.export-filters-card .card-body{display:flex;flex-direction:column;padding:var(--space-6)}.export-check-group{display:flex;flex-direction:column;gap:var(--space-3)}.export-check-group--wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3) var(--space-4)}.export-check-row{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1}.export-check-row--muted .export-check-label{color:var(--neutral-500);font-size:var(--font-size-xs)}.export-check-label{font-size:var(--font-size-sm);color:var(--neutral-800);line-height:1}.export-check-hint{font-size:11px;color:var(--neutral-400);margin-left:auto}.export-date-row{display:flex;align-items:flex-end;gap:var(--space-3)}.export-date-field{display:flex;flex-direction:column;gap:5px;flex:1}.export-date-label{font-size:11px;color:var(--neutral-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.export-date-input{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--neutral-900);background:white;transition:border-color .15s;width:100%;box-sizing:border-box}.export-date-input:focus{outline:none;border-color:var(--agency-color, #1670C9);box-shadow:0 0 0 3px color-mix(in srgb,var(--agency-color, #1670C9) 12%,transparent)}.export-date-sep{font-size:var(--font-size-sm);color:var(--neutral-300);padding-bottom:10px;flex-shrink:0}.export-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.export-members-count{font-size:11px;color:var(--neutral-400);font-weight:500}.export-members-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:180px;overflow-y:auto;border:1px solid var(--neutral-150, #eef1f6);border-radius:var(--radius-md);padding:var(--space-3);background:var(--neutral-50)}.export-actions-col{position:sticky;top:var(--space-6)}.export-summary-card .card-body{display:flex;flex-direction:column;padding:var(--space-6)}.export-summary-title{font-size:var(--font-size-sm);font-weight:700;color:var(--neutral-900);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-100);margin-bottom:var(--space-1)}.export-summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.export-summary-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--font-size-sm);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100)}.export-summary-list li:last-child{border-bottom:none}.export-summary-key{color:var(--neutral-500);white-space:nowrap;font-weight:400}.export-summary-val{color:var(--neutral-800);font-weight:600;text-align:right;font-size:13px}.export-summary-action{padding-top:var(--space-5);border-top:1px solid var(--neutral-100);margin-top:var(--space-2)}.integrations-coming-banner{display:flex;align-items:center;gap:var(--space-3);background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);color:#0c4a6e;font-size:var(--font-size-sm);line-height:1.5}.integrations-coming-banner .mdi{font-size:20px;color:#0284c7;flex-shrink:0}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 1100px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.integrations-grid{grid-template-columns:1fr}}.integration-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow .15s ease}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.integration-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--neutral-100);border:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-icon .mdi{font-size:22px;color:var(--neutral-600)}.integration-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--agency-color, #1670C9);background:color-mix(in srgb,var(--agency-color, #1670C9) 10%,transparent);padding:3px 10px;border-radius:999px;white-space:nowrap}.integration-name{font-size:var(--font-size-base);font-weight:700;color:var(--neutral-900);margin:0}.integration-description{font-size:var(--font-size-sm);color:var(--neutral-600);line-height:1.6;margin:0;flex:1}.integration-btn{margin-top:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--neutral-200);background:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed}.whats-new-feed{display:flex;flex-direction:column;gap:var(--space-10, 40px);max-width:720px}.whats-new-group{display:flex;flex-direction:column;gap:var(--space-4)}.whats-new-month{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-100)}.whats-new-items{display:flex;flex-direction:column;gap:var(--space-3)}.whats-new-card{display:flex;gap:var(--space-4);background:white;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-5);align-items:flex-start;transition:border-color .15s}.whats-new-card:hover{border-color:var(--neutral-300)}.whats-new-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--agency-color-light, #e8f1fb);color:var(--agency-color, #1670C9);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.whats-new-body{display:flex;flex-direction:column;gap:var(--space-1)}.whats-new-title{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-900);line-height:1.3}.whats-new-desc{font-size:var(--font-size-sm);color:var(--neutral-500);line-height:1.6}#root{min-height:100vh}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #0ea5e9;--info-light: #e0f2fe;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--neutral-800);background:var(--neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--neutral-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}a{color:var(--primary-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);cursor:pointer}input,select,textarea{font-family:var(--font-family)}