:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-family);background-color:var(--bg-secondary);width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.header{background:var(--bg-header);color:var(--text-inverse);padding:var(--space-6) var(--space-4);box-shadow:var(--shadow-md)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0;width:100%;box-sizing:border-box}.logo{color:var(--text-inverse);text-decoration:none;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em}.nav-links{list-style:none;display:flex;gap:var(--space-2);margin:0;padding:0}.nav-links a{color:var(--text-inverse);text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-normal);border:1px solid transparent}.nav-links a:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.nav-links a.active{background-color:#fff3;border-color:#ffffff4d;font-weight:var(--font-weight-semibold)}.user-section{display:flex;align-items:center;gap:var(--space-4)}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-name{color:var(--text-inverse);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.logout-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.login-btn{color:var(--text-inverse);text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-normal);border:1px solid rgba(255,255,255,.2);background:#ffffff1a}.login-btn:hover{background-color:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.loading{color:var(--text-inverse);font-size:var(--font-size-sm);opacity:.8}.main-content{flex-grow:1;padding:var(--space-6) var(--space-4);max-width:100vw;margin:0;width:100%;background-color:var(--bg-primary);box-shadow:0 -2px 10px #0000000d;overflow-x:hidden;box-sizing:border-box}.footer{background-color:var(--color-gray-800);color:var(--color-gray-300);text-align:center;padding:var(--space-8) var(--space-4);font-size:var(--font-size-sm)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:400px;text-align:center}.login-header{margin-bottom:30px}.login-header h1{color:var(--primary-color);margin:0 0 10px;font-size:2.5rem;font-weight:700}.login-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}.social-login{margin-top:30px}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:#fff;border:2px solid #dadce0;border-radius:8px;color:#3c4043;text-decoration:none;font-size:16px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-google:hover{background:#f8f9fa;border-color:#c1c7cd;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-google:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.google-icon{width:20px;height:20px;flex-shrink:0}@media(max-width:480px){.login-container{padding:30px 20px;margin:10px}.login-header h1{font-size:2rem}}.search-controls{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.search-controls-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;justify-content:space-between}.search-group,.filter-group,.page-size-group{display:flex;align-items:center;gap:var(--space-2)}.search-label,.filter-label,.page-size-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm);white-space:nowrap}.search-input,.page-size-select{border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);transition:var(--transition-normal);background:var(--bg-primary);color:var(--text-primary)}.search-input{min-width:200px}.page-size-select{min-width:80px}.search-input:focus,.page-size-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-checkbox{accent-color:var(--color-primary-500);transform:scale(1.1)}.update-all-button{margin-left:auto}.btn-secondary,.btn-primary{border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm);text-decoration:none;display:inline-block}.search-status{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center}.status-left{display:flex;align-items:center;gap:var(--space-4)}.success-indicator{color:#10b981;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@media(max-width:768px){.search-controls-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.search-group,.filter-group,.page-size-group{justify-content:space-between}.search-input{min-width:150px;flex:1}.btn-primary{width:100%;text-align:center}}@media(max-width:480px){.search-controls{padding:var(--space-4)}.search-controls-row{gap:var(--space-2)}.search-group,.filter-group,.page-size-group{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.search-input,.page-size-select{width:100%}}.pagination-controls{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;justify-content:center}.pagination-controls button{background:linear-gradient(135deg,var(--color-gray-500) 0%,var(--color-gray-600) 100%);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm)}.pagination-controls button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-gray-600) 0%,var(--color-gray-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-controls button:disabled{background:var(--color-gray-300)!important;color:var(--color-gray-500)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.page-input-group{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.page-input{width:60px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm);transition:var(--transition-normal)}.page-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.page-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}@media(max-width:768px){.pagination-controls{gap:var(--space-1)}.pagination-controls button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.page-input-group{font-size:var(--font-size-xs)}.page-input{width:50px;padding:var(--space-1) var(--space-2)}}.results-per-page{display:flex;align-items:center;gap:8px}.results-per-page-label{font-size:14px;color:#666;white-space:nowrap}.results-per-page-select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;min-width:60px}.results-per-page-select:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 2px #007bff40}.results-per-page-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.ai-rate-button{display:inline-flex;align-items:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);font-family:inherit;text-decoration:none;outline:none}.ai-rate-button:focus{box-shadow:0 0 0 3px #3b82f61a}.ai-rate-button:disabled{cursor:not-allowed;opacity:.7}.ai-rate-button--small{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);min-height:28px}.ai-rate-button--medium{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px}.ai-rate-button--large{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);min-height:44px}.ai-rate-button--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:var(--text-inverse)}.ai-rate-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.ai-rate-button--secondary{background:var(--color-gray-100);color:var(--text-primary);border:1px solid var(--border-medium)}.ai-rate-button--secondary:hover:not(:disabled){background:var(--color-gray-200);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.ai-rate-button--outline{background:transparent;color:var(--color-primary-600);border:1px solid var(--color-primary-500)}.ai-rate-button--outline:hover:not(:disabled){background:var(--color-primary-50);transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.ai-rate-button__spinner{width:16px;height:16px;animation:spin 1s linear infinite}.ai-rate-button__text{white-space:nowrap}.ai-rate-button:not(.ai-rate-button--small) .ai-rate-button__spinner{width:18px;height:18px}.ai-rate-button--small .ai-rate-button__spinner{width:14px;height:14px}@media(max-width:768px){.ai-rate-button--large{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px}.ai-rate-button--medium{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);min-height:32px}}.contract-table-container{overflow-x:auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-top:var(--space-6);width:100%;max-width:calc(100vw - 2rem);box-sizing:border-box;position:relative}.contract-table-container.updating{box-shadow:0 0 20px #3b82f64d;transform:translateY(-2px)}.contract-table-container.fetching{position:relative}.contract-table-container.fetching *{transition:none!important}.contract-table.searching,.contract-table.searching tbody{transition:opacity .2s ease-in-out}.contract-table-container.fetching:after{content:"";position:absolute;inset:0;background:#ffffff1a;pointer-events:none;z-index:1}.contract-table-container.transitioning{will-change:contents}.contract-table-container.transitioning .contract-table tbody tr{transition:none}.contract-table{width:100%;min-width:600px;border-collapse:collapse;margin-top:0;font-size:var(--font-size-xs);table-layout:fixed}.contract-table th,.contract-table td{border:none;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-table th:nth-child(1),.contract-table td:nth-child(1){width:20%}.contract-table th:nth-child(2),.contract-table td:nth-child(2){width:30%}.contract-table th:nth-child(3),.contract-table td:nth-child(3){width:10%}.contract-table th:nth-child(4),.contract-table td:nth-child(4){width:10%}.contract-table th:nth-child(5),.contract-table td:nth-child(5){width:15%}.contract-table th:nth-child(6),.contract-table td:nth-child(6){width:10%}.contract-table th:nth-child(7),.contract-table td:nth-child(7){width:5%}.contract-table th:nth-child(8),.contract-table td:nth-child(8){width:10%}.contract-table-container.closed .contract-table th:nth-child(7),.contract-table-container.closed .contract-table td:nth-child(7){width:20%}.contract-table-container.closed .contract-table th:nth-child(8),.contract-table-container.closed .contract-table td:nth-child(8){width:10%}.contract-table-container.closed .contract-table th:nth-child(9),.contract-table-container.closed .contract-table td:nth-child(9){width:5%}.contract-table th{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:var(--z-sticky)}.contract-table tbody tr{transition:var(--transition-normal);cursor:pointer;opacity:1;transform:translateZ(0)}.contract-table tbody tr:hover{background-color:var(--color-primary-50)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.contract-table tbody tr:nth-child(2n){background-color:var(--color-gray-50)}.contract-table tbody tr:nth-child(2n):hover{background-color:var(--color-gray-100)}.contract-table tbody tr.updated{background-color:#10b9811a!important;animation:highlightUpdate 2s ease-out}@keyframes highlightUpdate{0%{background-color:#10b9814d!important}to{background-color:#10b9811a!important}}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);line-height:var(--line-height-normal);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;display:inline-block;transition:var(--transition-normal);border:1px solid transparent}.btn-primary{color:var(--text-inverse);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-color:var(--color-primary-500);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);border-color:var(--color-primary-600);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-primary:disabled{background:var(--color-gray-300)!important;color:var(--color-gray-500)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary.updating{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%)!important;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.btn-primary.success{background:linear-gradient(135deg,#10b981,#059669)!important;animation:successPulse 1s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.table-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--border-light);gap:var(--space-4)}.results-summary{font-size:var(--font-size-sm);color:var(--color-gray-600);flex:0 0 auto}.pagination-center{display:flex;justify-content:center;flex:1}.results-per-page-container{flex:0 0 auto}.btn-secondary{background:linear-gradient(135deg,var(--color-gray-500) 0%,var(--color-gray-600) 100%)!important;color:var(--text-inverse)!important;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-gray-600) 0%,var(--color-gray-700) 100%)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:disabled{background:var(--color-gray-300)!important;color:var(--color-gray-500)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn-secondary.success{background:linear-gradient(135deg,#10b981,#059669)!important;animation:rateSuccess 1.5s ease-out}@keyframes rateSuccess{0%{transform:scale(1);box-shadow:0 2px 4px #0000001a}50%{transform:scale(1.1);box-shadow:0 6px 16px #10b98180}to{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%)!important;color:var(--text-inverse)!important;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%)!important;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}@media(max-width:1200px){.contract-table-container{margin:var(--space-4) var(--space-2)}.main-content{padding:var(--space-4) var(--space-2)}}@media(max-width:768px){.contract-table{font-size:var(--font-size-xs)}.contract-table th,.contract-table td{padding:var(--space-2) var(--space-3)}.table-controls-bar{flex-direction:column;gap:var(--space-3);align-items:stretch}.pagination-center{order:1}.results-summary{order:2;text-align:center}.results-per-page-container{order:3;align-self:center}}@media(max-width:480px){.contract-table-container{margin:var(--space-2) var(--space-1);border-radius:var(--radius-md)}.main-content{padding:var(--space-2) var(--space-1)}.contract-table th,.contract-table td{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.contract-table th:nth-child(3),.contract-table td:nth-child(3),.contract-table th:nth-child(4),.contract-table td:nth-child(4){display:none}}.reviewer-rating-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.btn-submit{background:var(--primary-color);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.btn-submit:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-submit:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none;box-shadow:none}.alert{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.hubspot-settings-container{max-width:800px;margin:0 auto;padding:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.hubspot-settings-container h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.hubspot-settings-container .description{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6)}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.alert-success{background-color:var(--color-green-50);color:var(--color-green-800);border:1px solid var(--color-green-200)}.alert-error{background-color:var(--color-red-50);color:var(--color-red-800);border:1px solid var(--color-red-200)}.hubspot-disabled-state{text-align:center;padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.hubspot-disabled-state p{color:var(--text-secondary);margin-bottom:var(--space-4)}.hubspot-form{background:var(--bg-primary)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f633}.form-group small{display:block;color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.checkbox-group{display:flex;align-items:center;gap:var(--space-2)}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{margin:0;font-weight:var(--font-weight-normal)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);border:none;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover{background:var(--color-primary-700)}.btn-primary:disabled{background:var(--color-gray-400);cursor:not-allowed}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-info{background:var(--color-blue-100);color:var(--color-blue-800);border:1px solid var(--color-blue-300)}.btn-info:hover{background:var(--color-blue-200);border-color:var(--color-blue-400)}.btn-danger{background:var(--color-red-100);color:var(--color-red-800);border:1px solid var(--color-red-300)}.btn-danger:hover{background:var(--color-red-200);border-color:var(--color-red-400)}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:var(--space-8);color:var(--text-secondary)}.loading-text{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-300);transition:var(--transition-normal);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-normal);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}@media(max-width:768px){.hubspot-settings-container{padding:var(--space-4)}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.organisation-page{max-width:1200px;margin:0 auto;padding:var(--space-6);background:var(--bg-primary);min-height:100vh}.page-header{margin-bottom:var(--space-8);text-align:left}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.header-actions{display:flex;gap:var(--space-3);align-items:center}.org-switcher{position:relative}.org-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:200px}.settings-dropdown{position:relative}.settings-btn{padding:var(--space-2) var(--space-3);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-normal)}.settings-btn:hover{background:var(--color-primary-700)}.settings-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;margin-top:var(--space-1)}.settings-menu button{display:block;width:100%;padding:var(--space-3);text-align:left;border:none;background:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-normal)}.settings-menu button:hover{background:var(--color-gray-50)}.current-org-info{margin-top:var(--space-2);display:flex;gap:var(--space-3);align-items:center}.org-name{font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.org-plan{background:var(--color-gray-100);color:var(--color-gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase}.page-header h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.page-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:var(--font-size-lg);color:var(--text-secondary)}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-weight:var(--font-weight-medium)}.alert-error{background:var(--color-red-50);border:1px solid var(--color-red-200);color:var(--color-red-800)}.alert-success{background:var(--color-green-50);border:1px solid var(--color-green-200);color:var(--color-green-800)}.organisation-form{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-200)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-normal)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{cursor:pointer}.form-actions{display:flex;justify-content:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);min-width:140px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-primary:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.saving{background:var(--color-gray-400);cursor:not-allowed}@media(max-width:768px){.organisation-page{padding:var(--space-4)}.organisation-form{padding:var(--space-6)}.form-row{grid-template-columns:1fr;gap:var(--space-3)}.page-header h1{font-size:var(--font-size-2xl)}.page-header p{font-size:var(--font-size-base)}}@media(max-width:480px){.organisation-page{padding:var(--space-3)}.organisation-form{padding:var(--space-4)}.form-section h2{font-size:var(--font-size-lg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.close-btn{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-gray-500);cursor:pointer;padding:var(--space-1);line-height:1}.close-btn:hover{color:var(--color-gray-700)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-light)}.btn-secondary{padding:var(--space-3) var(--space-4);background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal)}.btn-secondary:hover{background:var(--color-gray-200);border-color:var(--color-gray-400)}.hubspot-settings-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.hubspot-settings-section h2{margin-top:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: var(--color-primary-500);--bg-primary: #ffffff;--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-header: linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-primary-500) 100%);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--text-inverse: #ffffff;--border-light: var(--color-gray-200);--border-medium: var(--color-gray-300);--border-strong: var(--color-gray-400);--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, 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;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}body{margin:0;padding:0;display:block!important;place-items:unset!important;min-height:100vh;font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);line-height:var(--line-height-normal);overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-4) 0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin:0 0 var(--space-4) 0;color:var(--text-secondary)}button{font-family:inherit;font-size:inherit;line-height:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.loading{color:var(--color-primary-500);font-weight:var(--font-weight-medium)}.error{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0}