@charset "UTF-8";:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--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}body{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}code,pre,.mono{font-family:var(--font-family-mono)}.session-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.session-warning-modal{background:#fff;border-radius:12px;padding:2rem;max-width:420px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;text-align:center}.session-warning-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;color:#fff}.session-warning-modal h3{margin:0 0 1rem;font-size:1.5rem;color:#1f2937}.session-warning-modal p{color:#6b7280;margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.session-warning-modal strong{color:#f59e0b;font-weight:700}.session-warning-actions{display:flex;gap:.75rem}.session-warning-actions .btn-secondary{flex:1;background:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s}.session-warning-actions .btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.session-warning-actions .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s}.session-warning-actions .btn-primary:hover{background:#d97706;box-shadow:0 4px 6px #0000001a}.update-banner{position:relative;left:0;right:0;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;z-index:999;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.update-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;max-width:1400px;margin:0 auto}.update-banner-icon{color:#fff;flex-shrink:0;animation:spin 2s linear infinite}.update-banner-text{display:flex;flex-direction:column;gap:0;flex:1;text-align:left;line-height:1.2}.update-banner-text strong{font-size:15px;font-weight:600;line-height:1.2}.update-banner-text span{font-size:13px;opacity:.95;line-height:1.2}.update-banner-button{background:#fff;color:#4caf50;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;flex-shrink:0;white-space:nowrap}.update-banner-button:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.update-banner-button:active{transform:translateY(0)}@media (max-width: 768px){.update-banner-content{flex-direction:column;gap:12px;padding:16px 20px}.update-banner-text{text-align:center}.update-banner-button{width:100%}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{margin:auto}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 50px #00000040}.login-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:8px}.login-header .brand-icon{color:#667eea;animation:pulse 2s ease-in-out infinite}.login-card h1{text-align:center;margin:0;color:#1f2937;font-size:1.75rem;font-weight:600}.subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form input{padding:14px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:border-color .3s}.login-form input:focus{outline:none;border-color:#667eea}.login-form input:disabled{background:#f5f5f5;cursor:not-allowed}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.remember-me span{font-size:.875rem;color:#4b5563}.remember-me:hover span{color:#1f2937}.login-form .btn-primary{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s}.login-form .btn-primary:hover:not(:disabled){background:#5568d3}.login-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;margin:24px 0;color:#999;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ddd}.divider span{margin:0 16px}.btn-google{width:100%;padding:14px;background:#fff;color:#333;border:1px solid #ddd;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .3s,border-color .3s}.btn-google:hover:not(:disabled){background:#f8f8f8;border-color:#ccc}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-redirect{width:100%;padding:14px;margin-top:12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s}.btn-redirect:hover:not(:disabled){background:#5568d3}.btn-redirect:disabled{opacity:.6;cursor:not-allowed}.toggle-mode{text-align:center;margin-top:24px;font-size:14px;color:#666}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;font-size:14px;padding:0}.link-button:hover{text-decoration:underline}.toast{position:fixed;bottom:2rem;right:2rem;min-width:300px;max-width:500px;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:1.25rem;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:.9375rem;line-height:1.5;color:#111827}.toast-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;color:#6b7280;flex-shrink:0}.toast-close:hover{background:#0000000d;color:#111827}.toast-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:1000;pointer-events:none}.toast-container .toast{position:relative;bottom:auto;right:auto;pointer-events:auto}@media (max-width: 640px){.toast{min-width:auto;max-width:calc(100vw - 2rem);right:1rem;bottom:1rem}.toast-container{right:1rem;bottom:1rem}}.pending-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px}.pending-card{background:#fff;border-radius:12px;padding:60px 40px;width:100%;max-width:500px;box-shadow:0 4px 20px #0000001a;text-align:center}.pending-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#f59e0b;animation:pendingPulse 2s ease-in-out infinite}@keyframes pendingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.pending-card h1{color:#333;margin-bottom:20px;font-size:24px}.pending-card p{color:#666;line-height:1.6;margin-bottom:16px;font-size:15px}.actions{display:flex;gap:12px;justify-content:center;margin-top:32px}.btn-refresh,.btn-signout{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-refresh{background:#667eea;color:#fff;border:none}.btn-refresh:hover{background:#5568d3}.btn-signout{background:#fff;color:#666;border:1px solid #ddd}.btn-signout:hover{background:#f5f5f5}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:background-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.dialog-close:hover{background:#f3f4f6;color:#1f2937}.dialog-header{display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 1rem;gap:1rem}.dialog-icon{flex-shrink:0}.dialog-icon.danger{color:#dc2626}.dialog-icon.warning{color:#f59e0b}.dialog-icon.info{color:#3b82f6}.dialog-header h2{margin:0;font-size:1.5rem;color:#1f2937;text-align:center}.dialog-content{padding:0 2rem 1.5rem;color:#6b7280;text-align:center;line-height:1.6}.dialog-content p{margin:0}.dialog-actions{display:flex;gap:.75rem;padding:1.5rem 2rem 2rem;border-top:1px solid #e5e7eb}.dialog-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{color:#fff}.btn-confirm.btn-danger{background:#dc2626}.btn-confirm.btn-danger:hover{background:#b91c1c}.btn-confirm.btn-warning{background:#f59e0b}.btn-confirm.btn-warning:hover{background:#d97706}.btn-confirm.btn-info{background:#3b82f6}.btn-confirm.btn-info:hover{background:#2563eb}@media (max-width: 640px){.confirm-dialog{width:95%}.dialog-header,.dialog-content,.dialog-actions{padding-left:1.5rem;padding-right:1.5rem}.dialog-actions{flex-direction:column-reverse}}.schedule-viz{margin-top:1.5rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.viz-grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.viz-corner{background:#f9fafb;padding:.5rem;font-weight:600;font-size:.75rem;color:#6b7280}.viz-day-header{background:#f9fafb;padding:.5rem;text-align:center;font-weight:600;font-size:.75rem;color:#111827}.day-name{display:none}.day-abbr{display:block}@media (min-width: 768px){.day-name{display:block}.day-abbr{display:none}}.viz-row{display:contents}.viz-hour-label{background:#f9fafb;padding:.25rem .5rem;font-size:.7rem;color:#6b7280;text-align:right;display:flex;align-items:center;justify-content:flex-end}.viz-cell{background:#fff;min-height:24px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.viz-cell.covered{cursor:pointer}.cell-fill{position:absolute;top:0;left:0;right:0;bottom:0}.cell-label{position:absolute;font-size:.625rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;z-index:2;white-space:nowrap;text-align:center;line-height:1.2;top:50%;left:50%;transform:translate(-50%,-50%)}.cell-label.partial{font-weight:800;font-size:.55rem;text-shadow:none}.cell-label.partial.in-color{color:#fff}.cell-label.partial.in-white{color:#1f2937}.viz-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #e5e7eb;align-items:center}.legend-header{font-weight:600;color:#111827;font-size:.875rem;margin-right:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#374151;font-weight:500}.legend-box{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;flex-shrink:0}.company-form{display:flex;flex-direction:column;gap:1rem;max-width:900px}.form-error{background:#fef2f2;border:2px solid #fca5a5;color:#991b1b;padding:1rem 1.25rem;border-radius:8px;font-weight:500;box-shadow:0 1px 3px #ef44441a}.error-block-link{color:#2563eb;cursor:pointer;text-decoration:underline;font-weight:600}.error-block-link:hover{color:#1d4ed8}.form-group:has(.checkbox-label){gap:0}.form-group label{font-weight:600;color:#111827;font-size:.875rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.25rem}.form-group input[type=text],.form-group input[type=time],.form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;font-family:var(--font-family-primary);background:#fff;color:#111827;transition:all .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group select{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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled){border-color:#9ca3af}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-group small{color:#6b7280;font-size:.8125rem;line-height:1.5;margin-top:.125rem}.help-text{color:#6b7280;font-size:.75rem;margin-top:.375rem;padding:.5rem;background:#fefce8;border-left:2px solid #eab308;border-radius:3px;line-height:1.4}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:500;padding:.75rem;background:#f9fafb;border-radius:8px;transition:background .2s;line-height:1}.checkbox-label:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb;flex-shrink:0;margin:-2px 8px 0 0;vertical-align:middle;align-self:center}.checkbox-label span{line-height:20px;display:flex;align-items:center}.form-section{padding-top:1.5rem;margin-top:1.5rem}.form-section>h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.02em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:2rem}.section-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.02em}.schedule-help{padding:1.25rem;background:linear-gradient(to bottom,#eff6ff,#f0f9ff);border:2px solid #bfdbfe;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 1px 3px #3b82f61a}.schedule-help p{margin:0;color:#1e40af;font-size:.875rem}.schedule-help ul{margin:.5rem 0 0;padding-left:1.5rem;color:#1e40af;font-size:.875rem}.schedule-help li{margin:.25rem 0}.empty-schedule{padding:3rem 2rem;text-align:center;background:linear-gradient(to bottom,#fafafa,#f5f5f5);border:2px dashed #d1d5db;border-radius:12px;color:#6b7280}.empty-schedule p{margin:0;font-size:.9375rem}.schedule-blocks{display:flex;flex-direction:column;gap:1rem}.schedule-block{border:2px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;scroll-margin-top:2rem;position:relative}.schedule-block:hover{border-color:#d1d5db;box-shadow:0 4px 6px #00000012}.schedule-block.block-highlighted{border-color:#3b82f6;background:#eff6ff;box-shadow:0 8px 16px #3b82f640;transform:scale(1.01)}.block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.block-number{font-weight:700;color:#111827;font-size:.9375rem;letter-spacing:-.01em}.btn-remove{background:#fff;border:1px solid #fca5a5;color:#dc2626;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;border-radius:6px;transition:all .2s}.btn-remove:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 4px #dc262626}.days-selector{margin-bottom:1rem}.days-selector label{display:block;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.5rem}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.day-button{padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.day-button:hover{border-color:#2563eb}.day-button.active{background:#2563eb;border-color:#2563eb;color:#fff}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}@media (max-width: 640px){.time-inputs{grid-template-columns:1fr}}.time-note{display:block;margin-top:.5rem;padding:.5rem .75rem;background:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:4px;color:#0c4a6e;font-size:.8125rem;line-height:1.5}.time-note:not(:last-child){margin-bottom:.5rem}.webhook-info{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#fefce8;border:2px solid #fde047;border-radius:10px;box-shadow:0 1px 3px #eab3081a}.webhook-info p{margin:0;color:#713f12;font-weight:500}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.875rem;padding-top:2rem;margin-top:1rem;border-top:2px solid #e5e7eb}.action-spacer{flex:1}.viz-description{margin:0 0 1rem;color:#6b7280;font-size:.875rem}.company-form .form-actions .btn-danger,.company-form .form-actions .btn-cancel,.company-form .form-actions .btn-primary{width:160px;min-width:160px;max-width:160px;flex:0 0 160px;padding:.75rem 1rem;white-space:nowrap;font-weight:600;font-size:.9375rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s}.company-form .form-actions .btn-danger{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 1px 3px #dc262633}.company-form .form-actions .btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px #dc26264d}.company-form .form-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.company-form .form-actions .btn-primary{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 4px #2563eb33}.company-form .form-actions .btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 12px #2563eb4d}.company-form .form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.company-form .form-actions .btn-cancel{background:#fff;color:#6b7280;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.company-form .form-actions .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.company-form .form-actions .btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger{background:#dc2626;color:#fff;border:2px solid #dc2626;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #dc262633}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px #dc26264d}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:#2563eb;color:#fff;border:2px solid #2563eb;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 12px #2563eb4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#fff;color:#2563eb;border:2px solid #2563eb;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #2563eb1a}.btn-secondary:hover:not(:disabled){background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb26}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-full-width{width:100%}.btn-cancel{background:#fff;color:#6b7280;border:2px solid #d1d5db;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.webhook-secret-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.secret-content{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:90%;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out}.secret-content h3{color:#dc2626;margin:0 0 1rem;font-size:1.5rem}.secret-content p{margin:0 0 1.5rem;color:#6b7280}.secret-value{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.secret-value code{flex:1;font-family:var(--font-family-mono);font-size:.875rem;word-break:break-all;color:#1f2937}.btn-copy{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s;white-space:nowrap}.btn-copy:hover{background:#2563eb}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.page-header-content{display:flex;flex-direction:column;gap:.5rem}.page-title{margin:0;font-size:1.875rem;font-weight:700;color:#111827;line-height:1.2}.page-subtitle{margin:0;font-size:1rem;color:#6b7280;font-weight:400;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.page-header-actions{width:100%;justify-content:flex-start}}.company-management{padding:20px;max-width:1800px;margin:0 auto}.company-filters{margin-bottom:1.5rem}.company-filters .search-box{max-width:600px}.company-filters .search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .15s;background:#f9fafb}.company-filters .search-input:hover{border-color:#d1d5db;background:#fff}.company-filters .search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.company-card{background:#fff;border-radius:8px;padding:0;transition:box-shadow .2s;border:2px solid #e5e7eb;overflow:hidden}.company-card:hover{box-shadow:0 4px 6px -1px #0000001a}.company-card-override{border-color:#f59e0b}.company-card-override-header{background:linear-gradient(135deg,#f59e0b,#d97706);padding:.375rem 1.5rem;display:flex;justify-content:center;align-items:center}.company-card-override-label{color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.company-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 1.5rem 0}.company-header h3{margin:0;font-size:1.25rem;color:#111827}.company-info{margin-bottom:1rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.company-info-item{display:flex;justify-content:space-between;align-items:center}.info-label{color:#6b7280;font-size:.875rem;font-weight:500}.company-info-value{color:#111827;font-size:.875rem;font-weight:500}.btn-edit-full{width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;padding:.75rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-edit-full:hover{background:#4b5563}.btn-edit-full:active{background:#374151}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.company-modal-content{background-color:#fff;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 6px #0000001a}.modal-body{padding:1rem 1.5rem 1.5rem}.btn-primary{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#2563eb;border:1px solid #2563eb;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.btn-secondary:hover{background:#eff6ff}.user-management{padding:20px;max-width:1800px;margin:0 auto}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.filter-tabs button{background:none;border:none;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.filter-tabs button:hover{color:#111827}.filter-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.filter-tabs .badge{display:inline-block;background:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:12px;margin-left:.5rem;font-weight:700}.user-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-box{flex:1}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .15s;background:#f9fafb}.role-filter{min-width:150px}.role-filter-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:500;color:#374151;background:#f9fafb;cursor:pointer;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.role-filter-select:hover{border-color:#d1d5db;background-color:#fff}.role-filter-select:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.error-message{padding:2rem;text-align:center;color:#dc2626}.empty-state{text-align:center;padding:3rem;color:#6b7280;grid-column:1 / -1}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.user-card{background:#fff;border-radius:12px;padding:0;transition:all .2s ease;min-height:200px;display:flex;flex-direction:column;overflow:hidden;border:2px solid #e5e7eb}.user-card:hover{box-shadow:0 8px 16px -4px #0000001a}.user-card-admin{border-color:#3b82f6}.user-card-dispatcher{border-color:#10b981}.user-card.pending{border-color:#f59e0b}.user-card-role-header{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:.375rem 1.5rem;display:flex;justify-content:center;align-items:center}.user-card-dispatcher .user-card-role-header{background:linear-gradient(135deg,#10b981,#059669)}.user-card.pending .user-card-role-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.user-card-role-label{color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-you{background:#dcfce7;color:#166534;padding:.125rem .5rem;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;margin-left:.5rem;flex-shrink:0}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:1.5rem 1.5rem 0;flex:1}.user-title-section{flex:1;min-width:0}.user-name-row{display:flex;align-items:center}.editable-name{margin:0;font-size:1.125rem;color:#111827;cursor:pointer;padding:.25rem .5rem;margin-left:-.5rem;border-radius:6px;transition:all .2s;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-name:hover{background:#f3f4f6;color:#2563eb}.inline-name-edit input{width:100%;font-size:1.25rem;font-weight:600;padding:.25rem .5rem;border:2px solid #2563eb;border-radius:6px;background:#fff;color:#111827;outline:none;box-shadow:0 0 0 3px #2563eb1a}.user-header-actions{display:flex;align-items:center;gap:.75rem}.btn-delete-icon{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-icon:hover:not(:disabled){background:#fef2f2;color:#dc2626}.btn-delete-icon:disabled{opacity:.3;cursor:not-allowed}.btn-reset-icon{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-reset-icon:hover:not(:disabled){background:#eff6ff;color:#2563eb}.btn-reset-icon:disabled{opacity:.3;cursor:not-allowed}.user-info{margin-bottom:1rem;padding:0 1.5rem}.user-info .info-item{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.user-info .info-item label{display:block;font-weight:600;color:#111827;font-size:.875rem;margin:0}.user-info .info-value{color:#374151;font-size:.9375rem;font-weight:400;text-align:left}.user-email-text{display:block;color:#374151;font-size:.9375rem;font-weight:400;word-break:break-all}.user-email-display{display:block;width:100%;padding:.75rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.9375rem;font-weight:400}.user-role-section{padding:0 1.5rem 1.5rem;margin-top:auto}.user-role-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#111827;font-size:.875rem}.pending-approval-section{margin-bottom:1rem}.pending-approval-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#111827;font-size:.875rem}.pending-approval-section select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #f59e0b;border-radius:6px;font-size:.9375rem;background:#fff;color:#111827;cursor:pointer;transition:all .2s;-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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.pending-approval-section select:hover{border-color:#d97706}.pending-approval-section select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.role-select-group{display:flex;gap:.5rem;align-items:center}.role-select-group select{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;background:#fff;color:#111827;cursor:pointer;transition:all .2s;-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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.role-select-group select:hover:not(:disabled){border-color:#9ca3af}.role-select-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.role-select-group select:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.role-approval-group{display:flex;gap:.5rem;align-items:center}.role-select-compact{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;background:#fff;color:#111827;cursor:pointer;transition:all .2s;-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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.role-select-compact:hover:not(:disabled){border-color:#9ca3af}.role-select-compact:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.role-select-compact:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.btn-approve-icon{background:#dcfce7;border:2px solid #16a34a;color:#16a34a;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-approve-icon:hover:not(:disabled){background:#bbf7d0;border-color:#15803d;color:#15803d}.btn-approve-icon:disabled{opacity:.3;cursor:not-allowed}.btn-reject-icon{background:#fee2e2;border:2px solid #dc2626;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-reject-icon:hover:not(:disabled){background:#fecaca;border-color:#b91c1c;color:#b91c1c}.btn-reject-icon:disabled{opacity:.3;cursor:not-allowed}.user-actions{display:flex;gap:.75rem}.btn-password-reset{width:100%;background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-password-reset:hover:not(:disabled){background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #6b72804d}.btn-password-reset:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-approve{width:100%;background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-approve:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-approve:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save{background:#2563eb;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-save:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.user-management{padding:1rem}.users-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-header{flex-direction:column;align-items:flex-start}.user-header-actions{width:100%;justify-content:space-between}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}html,body{overscroll-behavior-y:none}.dashboard2-page{max-width:1800px;margin:0 auto;padding:20px;font-size:.8125rem}.dashboard2-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.dashboard2-tabs .dashboard2-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.dashboard2-tabs .dashboard2-tab-my-active{--tab-color: #8b5cf6;--tab-color-dark: #7c3aed}.dashboard2-tabs .dashboard2-tab-pending{--tab-color: #f59e0b;--tab-color-dark: #d97706}.dashboard2-tabs .dashboard2-tab-in-progress{--tab-color: #3b82f6;--tab-color-dark: #2563eb}.dashboard2-tabs .dashboard2-tab-completed{--tab-color: #10b981;--tab-color-dark: #059669}.dashboard2-tabs .dashboard2-tab-all{--tab-color: #6b7280;--tab-color-dark: #4b5563}.dashboard2-tabs .dashboard2-tab[class*=-tab-]:not(.active){border-color:var(--tab-color);background:color-mix(in srgb,var(--tab-color) 10%,transparent);color:var(--tab-color-dark)}.dashboard2-tabs .dashboard2-tab[class*=-tab-]:not(.active):hover{background:color-mix(in srgb,var(--tab-color) 20%,transparent)}.dashboard2-tabs .dashboard2-tab[class*=-tab-].active{background:var(--tab-color);border-color:var(--tab-color);color:#fff}.dashboard2-tabs .dashboard2-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#fff3;border-radius:12px;font-size:.75rem;font-weight:700}.dashboard2-tabs .dashboard2-tab.active .dashboard2-tab-count{background:#ffffff4d}.dashboard2-filters{display:flex;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;align-items:center}.dashboard2-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.dashboard2-filter-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.dashboard2-company-filter{flex:1;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:500;color:#374151;background:#f9fafb;cursor:pointer;font-family:inherit;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.dashboard2-company-filter:hover{border-color:#d1d5db;background-color:#fff}.dashboard2-company-filter:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.dashboard2-search-group{flex:1;min-width:300px;display:flex;flex-direction:column;gap:.5rem}.dashboard2-search-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.dashboard2-search-input-wrapper{position:relative;display:flex;align-items:center}.dashboard2-search-input{flex:1;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;color:#111827;font-family:inherit;background:#f9fafb;transition:all .15s}.dashboard2-search-input::placeholder{color:#9ca3af}.dashboard2-search-input:hover{border-color:#d1d5db;background:#fff}.dashboard2-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.dashboard2-search-clear{position:absolute;right:.75rem;padding:.25rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.dashboard2-search-clear:hover{color:#374151;background:#f3f4f6}.dashboard2-time-filter-group{min-width:160px}.dashboard2-results-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin:0 1.5rem;border-bottom:1px solid #e5e7eb}.dashboard2-results-info{font-size:.875rem;color:#6b7280}.dashboard2-pagination{display:flex;align-items:center;gap:.75rem}.dashboard2-page-btn{padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:1.125rem;line-height:1;transition:all .15s}.dashboard2-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.dashboard2-page-btn:disabled{opacity:.4;cursor:not-allowed}.dashboard2-page-info{font-size:.875rem;color:#374151;min-width:100px;text-align:center}.dashboard2-page .dashboard2-appointments-list{display:flex;flex-direction:column;gap:.75rem}.dashboard2-page .dashboard2-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;color:#6b7280;box-shadow:0 1px 3px #0000001a}.dashboard2-page .dashboard2-appointment-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s;overflow:hidden;border:2px solid #e5e7eb}.dashboard2-page .dashboard2-appointment-card:hover{box-shadow:0 4px 6px #0000001a}.dashboard2-page .dashboard2-card-pending{--card-border-color: #f59e0b;--card-text-color: #d97706}.dashboard2-page .dashboard2-card-claimed,.dashboard2-page .dashboard2-card-in-progress{--card-border-color: #3b82f6;--card-text-color: #2563eb}.dashboard2-page .dashboard2-card-my-active{--card-border-color: #a855f7;--card-text-color: #9333ea}.dashboard2-page .dashboard2-card-completed{--card-border-color: #10b981;--card-text-color: #059669}.dashboard2-page .dashboard2-card-cancelled{--card-border-color: #ef4444;--card-text-color: #dc2626}.dashboard2-page .dashboard2-appointment-card[class*=card-]{border-color:var(--card-border-color);background:color-mix(in srgb,var(--card-border-color) 10%,white);color:var(--card-text-color);transition:all .2s}.dashboard2-page .dashboard2-appointment-card[class*=card-]:hover{background:color-mix(in srgb,var(--card-border-color) 20%,white)}.dashboard2-page .dashboard2-card-type-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(0,0,0,.1);text-transform:capitalize}.dashboard2-page .dashboard2-card-type-header .dashboard2-outcome{text-align:left}.dashboard2-page .dashboard2-card-type-header .dashboard2-company{display:flex;align-items:center;justify-content:center;gap:.5rem}.dashboard2-page .dashboard2-card-type-header .dashboard2-status-badge{display:flex;align-items:center;justify-content:flex-end;background:#ffffff40;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;white-space:nowrap;width:fit-content;margin-left:auto}.dashboard2-page .dashboard2-appointment-card[class*=card-] .dashboard2-card-type-header{background:var(--card-border-color)}.dashboard2-assigned-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:600}.dashboard2-assigned-banner-separator{margin:0;border:none;border-top:1px solid var(--card-border-color, rgba(0, 0, 0, .1))}.dashboard2-assigned-banner svg{flex-shrink:0;stroke-width:2.5}.dashboard2-modal-card .dashboard2-card-container{background:color-mix(in srgb,var(--card-border-color) 10%,white);color:var(--card-text-color)}.dashboard2-page .dashboard2-card-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:flex-start;gap:1.5rem;padding:1rem 1.25rem;transition:background .2s}.dashboard2-page .dashboard2-header-left,.dashboard2-page .dashboard2-header-middle,.dashboard2-page .dashboard2-header-right{display:flex;flex-direction:column;gap:.5rem}.dashboard2-page .dashboard2-header-middle{align-items:center;justify-content:center;gap:.375rem;text-align:center}.dashboard2-page .dashboard2-header-right{align-items:flex-end;margin-left:auto}.dashboard2-page .dashboard2-appointment-customer,.dashboard2-page .dashboard2-phone-item,.dashboard2-page .dashboard2-caller-id,.dashboard2-page .dashboard2-location-name,.dashboard2-page .dashboard2-appointment-address,.dashboard2-page .dashboard2-appointment-type,.dashboard2-page .dashboard2-appointment-info,.dashboard2-page .dashboard2-created-info{display:flex;align-items:center;gap:.375rem}.dashboard2-page .dashboard2-appointment-card svg{flex-shrink:0}.dashboard2-page .dashboard2-caller-id-label,.dashboard2-page .dashboard2-type-label,.dashboard2-page .dashboard2-date-label,.dashboard2-page .dashboard2-created-label,.dashboard2-page .dashboard2-footer-label{font-weight:600}.dashboard2-page .dashboard2-appointment-type span:not(.dashboard2-type-label),.dashboard2-page .dashboard2-appointment-info span:not(.dashboard2-date-label):not(.dashboard2-arrow),.dashboard2-page .dashboard2-created-info span:not(.dashboard2-created-label),.dashboard2-page .dashboard2-footer-value{opacity:.85}.dashboard2-page .dashboard2-customer-name{font-weight:600;font-size:1rem}.dashboard2-page .dashboard2-phone-item{font-size:.875rem;gap:.5rem}.dashboard2-page .dashboard2-no-phone{color:#9ca3af;font-style:italic}.dashboard2-page .dashboard2-location-name{font-size:.875rem;font-weight:600;gap:.5rem}.dashboard2-page .dashboard2-appointment-address{font-size:.875rem;gap:.25rem;align-items:flex-start}.dashboard2-page .dashboard2-appointment-address svg{flex-shrink:0;margin-top:2px}.dashboard2-page .dashboard2-appointment-address span{flex:1;min-width:0}.dashboard2-page .dashboard2-location-name,.dashboard2-page .dashboard2-appointment-type{justify-content:center}.dashboard2-page .dashboard2-appointment-info.reschedule{flex-wrap:wrap}.dashboard2-page .dashboard2-appointment-info .dashboard2-arrow{color:#3b82f6;font-weight:700;margin:0 .25rem}.dashboard2-divider{border:none;border-top:1px solid var(--card-text-color);margin:0 1.25rem}.dashboard2-page .dashboard2-card-job-description-notes{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.dashboard2-modal-card .dashboard2-card-job-description-notes{padding:1rem 1.25rem}.dashboard2-page .dashboard2-description{display:flex;flex-direction:column;gap:.25rem}.dashboard2-description-label{font-weight:600;color:var(--card-text-color);font-size:.875rem}.dashboard2-description-value,.dashboard2-page .dashboard2-value{font-size:.875rem;line-height:1.5}.dashboard2-assigned-tech-section{padding:1rem 1.25rem;display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.dashboard2-assigned-tech-label{font-weight:600;font-size:.875rem;color:var(--card-text-color)}.dashboard2-assigned-tech-value{font-size:.9375rem;color:var(--card-text-color);display:inline}.dashboard2-assigned-tech-na{font-size:.9375rem;color:color-mix(in srgb,var(--card-text-color) 60%,white);font-style:italic}.dashboard2-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.dashboard2-page .error-message{padding:2rem;text-align:center;color:#dc2626;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.dashboard2-page .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.dashboard2-filters{flex-direction:column;align-items:stretch}.dashboard2-filter-group,.dashboard2-search-group{width:100%;min-width:0}.dashboard2-page .dashboard2-card-header{grid-template-columns:1fr;gap:1rem;padding:1rem}.dashboard2-page .dashboard2-header-left,.dashboard2-page .dashboard2-header-middle,.dashboard2-page .dashboard2-header-right{width:100%;align-items:flex-start}.dashboard2-page .dashboard2-header-middle,.dashboard2-page .dashboard2-header-middle .dashboard2-location-name,.dashboard2-page .dashboard2-header-middle .dashboard2-appointment-address,.dashboard2-page .dashboard2-header-middle .dashboard2-appointment-type{align-items:flex-start;justify-content:flex-start}.dashboard2-page .dashboard2-header-right{margin-left:0}.dashboard2-page .dashboard2-appointment-info{flex-wrap:wrap}.dashboard2-page .dashboard2-card-type-header{grid-template-columns:1fr;gap:.5rem;padding:.75rem 1rem}.dashboard2-page .dashboard2-card-type-header .dashboard2-outcome{text-align:center}.dashboard2-page .dashboard2-card-type-header .dashboard2-company{justify-content:center}.dashboard2-page .dashboard2-card-type-header .dashboard2-status-badge{justify-content:center;margin:0 auto}.dashboard2-modal-type-header .dashboard2-card-type-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative}.dashboard2-modal-type-header .dashboard2-outcome{text-align:center;width:100%}.dashboard2-modal-type-header .dashboard2-company{justify-content:center;width:100%}.dashboard2-modal-type-header .dashboard2-status-and-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.dashboard2-modal-type-header .dashboard2-status-badge{order:2}.dashboard2-modal-type-header .dashboard2-modal-header-actions{position:absolute;top:0;right:0}}@media (max-width: 768px){.dashboard2-page{padding:1rem}.dashboard2-tabs{flex-direction:column}.dashboard2-tabs .dashboard2-tab{justify-content:space-between}}.dashboard2-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow:hidden;overscroll-behavior:none}.dashboard2-modal-content{background:transparent;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dashboard2-modal-header{padding:1.5rem;border-bottom:2px solid;display:flex;justify-content:space-between;align-items:flex-start;border-top-left-radius:12px;border-top-right-radius:12px}.dashboard2-modal-header.dashboard2-card-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.dashboard2-modal-header.dashboard2-card-claimed,.dashboard2-modal-header.dashboard2-card-in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.dashboard2-modal-header.dashboard2-card-my-active{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#a855f7}.dashboard2-modal-header.dashboard2-card-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.dashboard2-modal-header-content{flex:1}.dashboard2-modal-share,.dashboard2-modal-close{background:#ffffff40;border:none;padding:.5rem;cursor:pointer;color:#fff;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.dashboard2-modal-share:hover,.dashboard2-modal-close:hover{background:#ffffff59}.dashboard2-modal-customer-name{margin:.75rem 0 0;font-size:1.5rem;font-weight:700;color:#111827}.dashboard2-modal-body{padding:1.5rem;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.dashboard2-modal-section h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.dashboard2-modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.dashboard2-modal-info-row{display:flex;align-items:center;gap:.5rem}.dashboard2-modal-label{font-weight:600;color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:.375rem}.dashboard2-modal-value{color:#111827;font-size:.875rem}.dashboard2-modal-description{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:6px;font-size:.875rem}.dashboard2-modal-description strong{display:block;margin-bottom:.5rem;color:#111827}.dashboard2-checklist-progress{margin-bottom:1rem}.dashboard2-progress-bar{width:100%;height:8px;background:color-mix(in srgb,var(--card-border-color) 20%,white);border-radius:4px;overflow:hidden;margin-bottom:.5rem;border:2px solid var(--card-text-color)}.dashboard2-progress-fill{height:100%;background:var(--card-border-color);transition:width .3s ease}.dashboard2-progress-text{font-size:.875rem;color:var(--card-text-color);font-weight:500}.dashboard2-progress-warning{color:#ef4444;font-weight:600}.dashboard2-checklist{display:flex;flex-direction:column;gap:.5rem}.dashboard2-checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:color-mix(in srgb,var(--card-border-color) 10%,white);border:2px solid var(--card-text-color);border-radius:6px;cursor:pointer;transition:all .2s;position:relative;color:var(--card-text-color)}.dashboard2-checklist-item:hover:not(:has(input:disabled)){background:color-mix(in srgb,var(--card-border-color) 20%,white)}.dashboard2-checklist-item.checked{background:color-mix(in srgb,var(--card-border-color) 20%,white)}.dashboard2-checklist-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;border:2px solid var(--card-border-color);background:color-mix(in srgb,var(--card-border-color) 20%,white);border-radius:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative}.dashboard2-checklist-item input[type=checkbox]:checked{background:var(--card-border-color);border-color:var(--card-border-color)}.dashboard2-checklist-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.dashboard2-check-icon{color:#10b981;display:none}.dashboard2-checklist-item.checked .dashboard2-check-icon{display:none}.dashboard2-checklist-label{flex:1;font-size:.9375rem;color:var(--card-text-color);font-weight:500}.dashboard2-required{color:#ef4444;font-weight:700;margin-left:.25rem}.dashboard2-tech-arrival{display:flex;flex-direction:column;gap:.5rem}.dashboard2-tech-arrival label{display:block;font-weight:600;color:var(--card-text-color);margin-bottom:0;font-size:1rem}.dashboard2-timezone-badge{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--card-text-color);font-weight:400}.dashboard2-datetime-input{width:100%;padding:.75rem;border:2px solid var(--card-text-color);border-radius:6px;font-size:.9375rem;color:var(--card-text-color);background:color-mix(in srgb,var(--card-border-color) 20%,white)}.dashboard2-datetime-input::placeholder{color:var(--card-text-color);opacity:.6}.dashboard2-datetime-input:focus{outline:none;border-color:var(--card-text-color)}.dashboard2-notes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.dashboard2-note-item{padding:.875rem;background:#f9fafb;border-left:3px solid var(--card-border-color);border-radius:4px;font-size:.875rem;color:#111827;line-height:1.5}.dashboard2-empty-notes{color:#9ca3af;font-style:italic;font-size:.875rem;margin:1rem 0}.dashboard2-add-note{display:flex;flex-direction:column;gap:.75rem}.dashboard2-add-note textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:80px}.dashboard2-add-note textarea:focus{outline:none;border-color:#3b82f6}.dashboard2-btn-add-note{display:flex;align-items:center;gap:.5rem;align-self:flex-end;padding:.625rem 1.25rem;background:var(--card-border-color);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s}.dashboard2-btn-add-note:hover:not(:disabled){background:var(--card-text-color)}.dashboard2-btn-add-note:disabled{opacity:.5;cursor:not-allowed}.dashboard2-modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;background:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.dashboard2-btn-reassign,.dashboard2-btn-delete,.dashboard2-btn-complete{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.dashboard2-btn-reassign{background:#f59e0b;color:#fff}.dashboard2-btn-reassign:hover{background:#d97706}.dashboard2-btn-delete{background:#ef4444;color:#fff}.dashboard2-btn-delete:hover{background:#dc2626}.dashboard2-btn-complete{background:#10b981;color:#fff;margin-left:auto}.dashboard2-btn-complete:hover:not(:disabled){background:#059669}.dashboard2-completion-hint{width:100%;padding:.75rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;font-weight:500}.dashboard2-modal-card{background:#fff;border-radius:12px;overflow:hidden}.dashboard2-modal-type-header{border-top-left-radius:12px;border-top-right-radius:12px}.dashboard2-modal-type-header .dashboard2-card-type-header{padding:.5rem 1rem}.dashboard2-modal-type-header .dashboard2-status-and-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.dashboard2-modal-card.dashboard2-card-pending .dashboard2-modal-type-header{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.dashboard2-modal-card.dashboard2-card-claimed .dashboard2-modal-type-header,.dashboard2-modal-card.dashboard2-card-in-progress .dashboard2-modal-type-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dashboard2-modal-card.dashboard2-card-my-active .dashboard2-modal-type-header{background:linear-gradient(135deg,#a855f7,#9333ea)}.dashboard2-modal-card.dashboard2-card-completed .dashboard2-modal-type-header{background:linear-gradient(135deg,#10b981,#059669)}.dashboard2-modal-header-actions{display:flex;gap:.5rem;align-items:center}.dashboard2-modal-card-header{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;border-bottom:1px solid #e5e7eb}.dashboard2-modal-card-header .dashboard2-header-left,.dashboard2-modal-card-header .dashboard2-header-middle,.dashboard2-modal-card-header .dashboard2-header-right{display:flex;flex-direction:column;gap:.5rem}.dashboard2-modal-card-footer{padding:1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.dashboard2-modal-card-footer .dashboard2-footer-description{display:flex;flex-direction:column;gap:.25rem}.dashboard2-modal-card-footer .dashboard2-footer-label{font-weight:600;color:#374151;font-size:.875rem}.dashboard2-modal-card-footer .dashboard2-footer-value{color:#6b7280;font-size:.9375rem;line-height:1.5}.dashboard2-servicetitan-ids{padding:1rem 1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dashboard2-servicetitan-id{display:flex;flex-direction:column;gap:.25rem;text-align:center}.dashboard2-servicetitan-id .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif}.dashboard2-servicetitan-id .value{font-size:.875rem;font-family:Inter,sans-serif}.dashboard2-related-appointments{padding:1rem 1.25rem}.dashboard2-related-header{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--card-text-color);margin-bottom:.5rem}.dashboard2-related-hint{font-size:.875rem;color:var(--card-text-color);opacity:.8;margin-bottom:.75rem;font-style:italic}.dashboard2-related-list{display:flex;flex-direction:column;gap:.5rem}.dashboard2-related-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:color-mix(in srgb,var(--card-border-color) 10%,white);border:2px solid var(--card-text-color);border-radius:6px;color:var(--card-text-color);font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer;position:relative}.dashboard2-related-link:hover,.dashboard2-related-link:active{background:color-mix(in srgb,var(--card-border-color) 20%,white)}.dashboard2-related-current{cursor:default;opacity:.7;position:relative}.dashboard2-related-current:hover{background:color-mix(in srgb,var(--card-border-color) 10%,white);transform:none}.dashboard2-related-current-badge,.dashboard2-related-recent-badge{background:var(--card-border-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dashboard2-related-badges{display:flex;gap:.5rem;margin-left:auto;flex-shrink:0}.dashboard2-modal-work-section{padding:0 1.25rem;background:color-mix(in srgb,var(--card-border-color) 10%,white);color:var(--card-text-color)}.dashboard2-modal-work-section.dashboard2-work-completed{padding:0 1.25rem}.dashboard2-modal-work-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--card-text-color)}.dashboard2-work-pending{text-align:center}.dashboard2-work-pending-claim-section{padding:1rem 0}.dashboard2-work-pending h3{color:#92400e}.dashboard2-work-pending p{color:#78350f;margin:0 0 1.5rem;font-size:.9375rem}.dashboard2-btn-claim{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:color-mix(in srgb,#f59e0b 10%,transparent);border:2px solid #f59e0b;border-radius:8px;font-size:.9375rem;font-weight:600;color:#d97706;cursor:pointer;transition:all .2s}.dashboard2-btn-claim:hover{background:color-mix(in srgb,#f59e0b 20%,transparent);transform:translateY(-1px);box-shadow:0 4px 6px -1px #fbbf244d}.dashboard2-btn-claim:active{background:#f59e0b;border-color:#f59e0b;color:#fff}.dashboard2-card-claim-section{padding:1rem 1.25rem;text-align:center}.dashboard2-card-claim-section .dashboard2-btn-claim{width:100%;max-width:300px}.dashboard2-work-details{display:flex;flex-direction:column}.dashboard2-work-details h3{color:var(--card-text-color)}.dashboard2-work-details h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#374151}.dashboard2-work-checklist,.dashboard2-work-tech-time,.dashboard2-work-notes{padding:1rem 0}.dashboard2-work-checklist:not(:last-child),.dashboard2-work-tech-time:not(:last-child),.dashboard2-work-notes:not(:last-child){border-radius:8px 8px 0 0}.dashboard2-modal-work-section .dashboard2-work-checklist,.dashboard2-modal-work-section .dashboard2-work-tech-time,.dashboard2-modal-work-section .dashboard2-work-notes,.dashboard2-modal-work-section .dashboard2-work-checklist h4,.dashboard2-modal-work-section .dashboard2-work-tech-time label,.dashboard2-modal-work-section .dashboard2-work-notes h4{color:var(--card-text-color)}.dashboard2-work-notes .dashboard2-notes-list{display:flex;flex-direction:column;gap:.75rem}.dashboard2-work-notes .dashboard2-note-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:color-mix(in srgb,var(--card-text-color) 70%,transparent)}.dashboard2-work-notes .dashboard2-note-author{font-weight:600;color:var(--card-text-color)}.dashboard2-work-notes .dashboard2-note-date{margin-left:auto}.dashboard2-work-notes .dashboard2-note-text{color:var(--card-text-color);line-height:1.5}.dashboard2-work-notes .dashboard2-no-notes{color:var(--card-text-color);text-align:center;font-style:italic;margin:1rem 0}.dashboard2-work-notes .dashboard2-add-note{display:flex;flex-direction:column;gap:.75rem}.dashboard2-work-notes .dashboard2-add-note textarea{width:100%;padding:.75rem;border:2px solid var(--card-text-color);border-radius:6px;font-family:inherit;font-size:.9375rem;resize:vertical;min-height:80px;background:color-mix(in srgb,var(--card-border-color) 20%,white);color:var(--card-text-color)}.dashboard2-work-notes .dashboard2-add-note textarea::placeholder{color:color-mix(in srgb,var(--card-text-color) 50%,transparent)}.dashboard2-work-notes .dashboard2-add-note textarea:focus{outline:none;border-color:var(--card-text-color)}.dashboard2-work-actions{display:flex;flex-direction:column;gap:.75rem}.dashboard2-btn-complete{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.dashboard2-btn-complete-full{width:100%}.dashboard2-btn-complete:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9814d}.dashboard2-btn-complete:disabled{opacity:.5;cursor:not-allowed}.dashboard2-btn-uncomplete{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.dashboard2-btn-uncomplete:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px -1px #f59e0b4d}.dashboard2-admin-hint{font-size:.875rem;color:#f59e0b;margin:0;padding:.5rem;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:4px}.dashboard2-work-secondary-actions{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.dashboard2-work-secondary-actions-row{display:flex;gap:.75rem}.dashboard2-btn-reassign,.dashboard2-btn-delete{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;flex:1}.dashboard2-btn-reassign{background:color-mix(in srgb,#f59e0b 10%,white);border-color:#f59e0b;color:#d97706}.dashboard2-btn-reassign:hover{background:color-mix(in srgb,#f59e0b 20%,white);transform:translateY(-1px)}.dashboard2-btn-delete{background:color-mix(in srgb,#ef4444 10%,white);border-color:#ef4444;color:#dc2626}.dashboard2-btn-delete:hover{background:color-mix(in srgb,#ef4444 20%,white);transform:translateY(-1px)}.dashboard2-readonly-notice{text-align:center;color:var(--card-text-color);font-weight:700;font-size:1rem;padding-bottom:1rem}@media (max-width: 768px){.dashboard2-modal-overlay{padding:0}.dashboard2-modal-content{max-height:100vh;border-radius:0}.dashboard2-modal-card,.dashboard2-modal-type-header{border-radius:0}.dashboard2-modal-type-header .dashboard2-card-type-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative}.dashboard2-modal-type-header .dashboard2-outcome{text-align:center;width:100%}.dashboard2-modal-type-header .dashboard2-company{justify-content:center;width:100%}.dashboard2-modal-type-header .dashboard2-status-and-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.dashboard2-modal-type-header .dashboard2-status-badge{order:2}.dashboard2-modal-type-header .dashboard2-modal-header-actions{position:absolute;top:0;right:0}.dashboard2-modal-card-header{grid-template-columns:1fr;gap:1rem}.dashboard2-modal-footer{border-radius:0}.dashboard2-modal-info-grid{grid-template-columns:1fr}.dashboard2-modal-footer{flex-direction:column}.dashboard2-btn-complete{margin-left:0;width:100%}.dashboard2-btn-reassign,.dashboard2-btn-delete{width:100%}}.datetime-picker-wrapper,.datetime-picker-wrapper .react-datepicker-wrapper,.datetime-picker-wrapper .react-datepicker__input-container{width:100%}.react-datepicker-wrapper{display:block}.react-datepicker-popper{z-index:9999;position:fixed!important}.react-datepicker-popper[data-placement^=bottom]{will-change:transform}.calendar-now-button{width:100%;background:#216ba5;color:#fff;border:none;padding:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:block;margin:0}.calendar-now-button:hover:not(:disabled){background-color:#1a5580}.calendar-now-button:disabled{opacity:.5;cursor:not-allowed}.react-datepicker{font-family:inherit;border:2px solid #216ba5;border-radius:0;box-shadow:none}.react-datepicker__triangle{display:none}.react-datepicker__header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px;border-radius:0;position:relative}.react-datepicker__current-month{font-weight:600;color:#111827;font-size:.95rem;margin-bottom:12px;padding:0 40px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation{top:16px;width:28px;height:28px;border:none;border-radius:6px;background:transparent;text-indent:-999em;overflow:hidden}.react-datepicker__navigation:hover{background:#f3f4f6}.react-datepicker__navigation:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-left:2px solid #6b7280;border-bottom:2px solid #6b7280}.react-datepicker__navigation--previous{left:16px}.react-datepicker__navigation--previous:before{transform:translate(-50%,-50%) rotate(45deg)}.react-datepicker__navigation--next{right:16px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:116px}.react-datepicker__navigation--next:before{transform:translate(-50%,-50%) rotate(-135deg)}.react-datepicker__day-names{display:flex;justify-content:space-between;padding:0 16px;margin-bottom:8px}.react-datepicker__day-name{color:#6b7280;font-weight:500;font-size:.8125rem;width:36px;line-height:36px;text-align:center}.react-datepicker__month{margin:0;padding:0 16px 16px;height:216px;display:flex;flex-direction:column;justify-content:flex-start}.react-datepicker__month-container{float:left;min-width:280px}.react-datepicker__week{display:flex;justify-content:space-between}.react-datepicker__day{width:36px;height:36px;line-height:36px;text-align:center;border-radius:6px;color:#111827;font-size:.875rem;cursor:pointer;transition:all .15s;margin:0}.react-datepicker__day:hover{background:#f3f4f6}.react-datepicker__day--outside-month{color:#d1d5db}.react-datepicker__day--disabled{color:#d1d5db;cursor:not-allowed}.react-datepicker__day--disabled:hover{background:transparent}.react-datepicker__day--selected{background:#2563eb;color:#fff;font-weight:600}.react-datepicker__day--selected:hover{background:#1d4ed8}.react-datepicker__day--keyboard-selected{background:#dbeafe;color:#1e40af}.react-datepicker__day--today{font-weight:600;position:relative}.react-datepicker__day--today:not(.react-datepicker__day--selected):after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#2563eb;border-radius:50%}.react-datepicker__time-container{border-left:1px solid #e5e7eb;width:100px;float:right;height:321px}.react-datepicker__time{background:#fff;border-radius:0;height:265px;display:flex;flex-direction:column}.react-datepicker__time-box{width:100px;flex:1;overflow-y:auto;height:216px}.react-datepicker__header--time{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px;flex-shrink:0}.react-datepicker__header--time .react-datepicker-time__header{font-weight:600;color:#111827;font-size:.95rem}.react-datepicker__time-list{height:100%!important;padding:4px 0;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.react-datepicker__time-list::-webkit-scrollbar{width:6px}.react-datepicker__time-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.react-datepicker__time-list-item{height:32px;padding:0 12px;display:flex;align-items:center;font-size:.875rem;color:#374151;cursor:pointer;transition:background-color .1s}.react-datepicker__time-list-item:hover{background:#f3f4f6}.react-datepicker__time-list-item--selected{background:#2563eb!important;color:#fff;font-weight:600}.react-datepicker__time-list-item--selected:hover{background:#1d4ed8!important}.react-datepicker__time-list-item--disabled{color:#d1d5db;cursor:not-allowed}.react-datepicker__time-list-item--disabled:hover{background:transparent}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.reassign-modal,.delete-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.reassign-modal-header,.delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid}.reassign-modal-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.delete-modal-header{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.reassign-modal-header h3,.delete-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.reassign-modal-close,.delete-modal-close{background:#ffffff40;border:none;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.reassign-modal-close{color:#78350f}.delete-modal-close{color:#7f1d1d}.reassign-modal-close:hover:not(:disabled),.delete-modal-close:hover:not(:disabled){background:#ffffff59;transform:scale(1.05)}.reassign-modal-close:disabled,.delete-modal-close:disabled{opacity:.5;cursor:not-allowed}.reassign-modal>*:not(.reassign-modal-header),.delete-modal>*:not(.delete-modal-header){padding-left:2rem;padding-right:2rem}.reassign-modal .modal-description,.delete-modal .modal-description{margin:1.5rem 0;color:#6b7280;font-size:.875rem;line-height:1.5}.delete-modal .modal-warning{background:#fef2f2;border-left:4px solid #ef4444;padding:.75rem 1rem;border-radius:6px;color:#991b1b}.reassign-modal .form-group,.delete-modal .form-group{margin-bottom:1.5rem}.reassign-modal .form-group label,.delete-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.reassign-modal .form-group select,.reassign-modal .form-group textarea,.delete-modal .form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#111827;font-family:inherit;transition:all .2s}.reassign-modal .form-group select:focus,.reassign-modal .form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.delete-modal .form-group textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.reassign-modal .form-group select:disabled,.reassign-modal .form-group textarea:disabled,.delete-modal .form-group textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.reassign-modal .form-group textarea,.delete-modal .form-group textarea{resize:vertical;min-height:80px}.reassign-modal .form-group small,.delete-modal .form-group small{display:block;margin-top:.375rem;font-size:.75rem}.reassign-modal .modal-actions,.delete-modal .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-bottom:2rem}.reassign-modal .btn-cancel,.reassign-modal .btn-confirm,.delete-modal .btn-cancel,.delete-modal .btn-delete-confirm{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:2px solid}.reassign-modal .btn-cancel,.delete-modal .btn-cancel{background:#fff;border-color:#e5e7eb;color:#374151}.reassign-modal .btn-cancel:hover:not(:disabled),.delete-modal .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.reassign-modal .btn-confirm{background:color-mix(in srgb,#f59e0b 10%,white);border-color:#f59e0b;color:#d97706}.reassign-modal .btn-confirm:hover:not(:disabled){background:color-mix(in srgb,#f59e0b 20%,white);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.delete-modal .btn-delete-confirm{background:color-mix(in srgb,#ef4444 10%,white);border-color:#ef4444;color:#dc2626}.delete-modal .btn-delete-confirm:hover:not(:disabled){background:color-mix(in srgb,#ef4444 20%,white);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.reassign-modal .btn-cancel:disabled,.reassign-modal .btn-confirm:disabled,.delete-modal .btn-cancel:disabled,.delete-modal .btn-delete-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.reassign-modal,.delete-modal{padding:0;max-width:calc(100vw - 40px)}.reassign-modal-header h3,.delete-modal-header h3{font-size:1.25rem}.reassign-modal .modal-actions,.delete-modal .modal-actions{flex-direction:column-reverse}.reassign-modal .btn-cancel,.reassign-modal .btn-confirm,.delete-modal .btn-cancel,.delete-modal .btn-delete-confirm{width:100%}.dashboard2-servicetitan-ids{grid-template-columns:repeat(2,1fr)}.dashboard2-related-link{flex-wrap:wrap}.dashboard2-related-badges{width:100%;justify-content:flex-start;margin-left:0;margin-top:.5rem}}.json-diff-container{margin:1rem 0}.json-diff-title{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:#374151}.json-diff-empty{padding:2rem;text-align:center;color:#6b7280;font-style:italic}.json-diff-semantic{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.json-diff-legend{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;font-size:.8125rem}.legend-item{display:flex;align-items:center;gap:.375rem;color:#6b7280}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-added .legend-dot{background:#10b981}.legend-removed .legend-dot{background:#ef4444}.legend-modified .legend-dot{background:#f59e0b}.json-diff-changes{padding:.5rem}.json-diff-change{padding:.75rem;margin:.5rem 0;border-radius:.375rem;border-left:3px solid transparent;background:#fff}.json-diff-change:first-child{margin-top:0}.json-diff-change:last-child{margin-bottom:0}.json-diff-added{border-left-color:#10b981;background:#d1fae5}.json-diff-removed{border-left-color:#ef4444;background:#fee2e2}.json-diff-modified{border-left-color:#f59e0b;background:#fef3c7}.json-diff-change-path{display:flex;align-items:center;font-family:var(--font-family-mono);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.json-diff-change-icon{color:#6b7280;margin-right:.25rem;font-weight:700}.json-diff-added .json-diff-change-icon{color:#10b981}.json-diff-removed .json-diff-change-icon{color:#ef4444}.json-diff-modified .json-diff-change-icon{color:#f59e0b}.json-diff-change-path code{color:#1f2937;background:#ffffff80;padding:.125rem .375rem;border-radius:.25rem}.json-diff-change-values{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem}.json-diff-value{display:flex;align-items:flex-start;gap:.5rem}.json-diff-value strong{color:#6b7280;font-weight:500;min-width:4.5rem}.json-diff-value code{font-family:var(--font-family-mono);background:#ffffffb3;padding:.125rem .375rem;border-radius:.25rem;word-break:break-word;flex:1}.json-diff-value-old code{color:#991b1b}.json-diff-value-new code{color:#065f46}.audit-log-page{max-width:1800px;margin:0 auto;padding:20px}.access-denied{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.access-denied h2{color:#dc2626;margin-bottom:1rem;font-size:1.5rem}.access-denied p{color:#6b7280;font-size:1rem}.audit-controls{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;align-items:flex-end;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-search{flex:1;min-width:0}.control-filter{width:200px;flex-shrink:0}.control-limit{width:100px;flex-shrink:0}.control-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.control-group label svg{color:#6b7280}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .15s;background:#f9fafb}.search-input:hover{border-color:#d1d5db;background:#fff}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:.75rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.search-clear:hover{color:#374151;background:#f3f4f6}.filter-select,.limit-select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:500;color:#374151;background:#f9fafb;cursor:pointer;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.loading-state{color:#6b7280;font-size:1rem}.error-state{color:#dc2626}.error-state p{margin-bottom:1rem;font-weight:500}.empty-state{color:#6b7280}.audit-logs-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.audit-logs-table table{width:100%;border-collapse:collapse}.audit-logs-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.audit-logs-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.audit-logs-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.audit-logs-table tbody tr:hover{background:#f9fafb}.audit-logs-table tbody tr:last-child{border-bottom:none}.audit-logs-table td{padding:1rem;color:#1f2937;font-size:.875rem;vertical-align:top}.action-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.action-badge.success{background:#dcfce7;color:#166534}.action-badge.info{background:#dbeafe;color:#1e40af}.action-badge.error{background:#fee2e2;color:#991b1b}.action-badge.warning{background:#fef3c7;color:#92400e}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500;color:#1f2937}.user-id{font-size:.75rem;color:#6b7280;font-family:var(--font-family-mono)}.details-cell{min-width:150px}.details-toggle{background:#3b82f6;color:#fff;border:none;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .15s}.details-toggle:hover{background:#2563eb}.details-toggle:active{background:#1d4ed8}.details-content{margin-top:.75rem;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.details-section{margin-bottom:1rem}.details-section:last-child{margin-bottom:0}.details-section h4{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.details-section pre{background:#1f2937;color:#f9fafb;padding:.75rem;border-radius:4px;font-size:.75rem;overflow-x:auto;margin:0;font-family:var(--font-family-mono);line-height:1.5}@media (max-width: 1400px){.audit-log-page{max-width:100%}}@media (max-width: 768px){.audit-log-page{padding:1rem}.audit-controls{flex-direction:column;align-items:stretch}.control-search,.control-filter,.control-limit,.audit-controls label{width:100%}.audit-controls select,.audit-controls input{min-width:100%}.audit-logs-table{overflow-x:auto}.audit-logs-table table{min-width:900px}.audit-logs-table th,.audit-logs-table td{padding:.75rem .5rem;font-size:.75rem}}.log-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.log-table{width:100%;border-collapse:collapse}.log-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.log-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.log-row{border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .15s ease}.log-row:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.log-row:active{transform:translateY(0)}.log-table td{padding:1rem;color:#1f2937;font-size:.875rem;vertical-align:top}.timestamp-cell{white-space:nowrap;color:#6b7280;font-family:var(--font-family-mono);font-size:.8125rem}.user-cell{min-width:150px}.user-name{font-weight:500;color:#1f2937;margin-bottom:.25rem}.user-id{font-size:.75rem;color:#9ca3af;font-family:Courier New,monospace}.description-cell{max-width:400px}.audit-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:900px;width:100%;height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem .5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.125rem;color:#1f2937;font-weight:600;line-height:1}.modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.375rem;border-radius:6px;transition:all .15s;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.detail-section{display:flex;flex-direction:column;gap:1.25rem}.detail-summary{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap}.detail-summary-item{display:flex;align-items:center;gap:.5rem}.detail-summary-label{font-size:.8125rem;color:#6b7280;font-weight:500}.detail-summary-value{font-size:.875rem;color:#1f2937;font-weight:500}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;gap:.75rem;align-items:flex-start}.detail-icon{color:#3b82f6;flex-shrink:0}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-value{font-size:.9375rem;color:#1f2937;word-break:break-word}.detail-meta{font-size:.8125rem;color:#9ca3af;font-family:var(--font-family-mono);margin-top:.25rem}.detail-description{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.detail-appointment{padding:1rem;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe}.detail-root-document{padding:1rem;background:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0}.root-document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.75rem}.root-document-item{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #d1fae5}.root-document-type{font-weight:600;font-size:.75rem;text-transform:uppercase;color:#059669;letter-spacing:.05em;margin-bottom:.5rem}.root-document-link{background:transparent;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-align:left;transition:color .15s}.root-document-link:hover{color:#2563eb;text-decoration:underline}.root-document-id{font-family:var(--font-family-mono);font-size:.875rem;color:#1f2937;word-break:break-all}.mono{font-family:var(--font-family-mono);font-size:.875rem}.detail-metadata{border-top:1px solid #e5e7eb;padding-top:1.5rem}.detail-json{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:6px;font-size:.8125rem;overflow-x:auto;margin:0;font-family:var(--font-family-mono);line-height:1.6}.detail-changes{border-top:1px solid #e5e7eb;padding-top:1.5rem}.raw-json-details{margin-top:1rem;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.raw-json-summary{padding:.75rem 1rem;background:#f9fafb;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;-webkit-user-select:none;user-select:none;transition:all .2s}.raw-json-summary:hover{background:#f3f4f6;color:#374151}.raw-json-details[open] .raw-json-summary{border-bottom:1px solid #e5e7eb;background:#f3f4f6;color:#111827}.changes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;padding:1rem}@media (max-width: 900px){.changes-grid{grid-template-columns:1fr}}.change-block{border-radius:8px;overflow:hidden}.change-block.before{border:2px solid #f59e0b}.change-block.after{border:2px solid #10b981}.change-label{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.change-block.before .change-label{background:#fef3c7;color:#92400e}.change-block.after .change-label{background:#d1fae5;color:#065f46}.modal-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.nav-context{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;padding:.5rem .75rem;background:#eff6ff;border-radius:6px;border:1px solid #bfdbfe}.nav-context svg{color:#3b82f6;flex-shrink:0}.nav-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.btn-nav{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-nav:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn-nav:active:not(:disabled){transform:translateY(0)}.btn-nav:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.nav-info{font-size:.875rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.audit-detail-modal{padding:1rem}.modal-content{max-height:90vh}.modal-header{padding:.75rem 1rem .5rem}.modal-header h2{font-size:1.125rem}.modal-body{padding:1rem}.detail-summary{flex-direction:column;gap:.75rem}.detail-grid{grid-template-columns:1fr}.modal-footer{padding:1rem}.nav-context{font-size:.8125rem;padding:.5rem}.nav-controls{flex-wrap:wrap;gap:.75rem}.btn-nav{flex:1;justify-content:center;min-width:100px}.nav-info{width:100%;text-align:center;order:-1}}.user-profile-page{max-width:1200px;margin:0 auto;padding:20px}.not-authenticated{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.not-authenticated h2{color:#dc2626;margin-bottom:1rem;font-size:1.5rem}.not-authenticated p{color:#6b7280;font-size:1rem}.profile-sections{display:grid;gap:2rem}.profile-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.profile-section h2{margin-bottom:1.5rem;color:#1a1a1a;font-size:1.25rem;border-bottom:2px solid #e5e7eb;padding-bottom:.75rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.readonly-field{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.875rem}.readonly-input{background:#f9fafb;color:#6b7280}.role-badge{font-weight:600;text-transform:capitalize}.role-badge[data-role=admin]{color:#dc2626}.role-badge[data-role=dispatcher]{color:#3b82f6}.role-badge[data-role=user]{color:#6b7280}.field-hint{font-size:.75rem;color:#6b7280;font-style:italic}.photo-preview{display:flex;justify-content:center;margin-top:1rem}.photo-preview img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb;box-shadow:0 2px 4px #0000001a}.error-message{padding:.75rem 1rem;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:.875rem;border-left:4px solid #dc2626}.btn-primary{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:active:not(:disabled){background:#1d4ed8}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.account-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.info-label{font-weight:500;color:#6b7280;font-size:.875rem}.info-value{color:#1f2937;font-size:.875rem;text-align:right}.info-value.monospace{font-family:var(--font-family-mono);font-size:.75rem}.info-value.verified{color:#16a34a;font-weight:600}.info-value.not-verified{color:#dc2626;font-weight:600}.notification-settings{display:flex;flex-direction:column;gap:1.5rem}.info-message,.warning-message{padding:1rem;border-radius:6px;font-size:.875rem}.info-message{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.warning-message{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.btn-secondary{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-secondary:hover{background:#4b5563}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;gap:1rem}.preference-info{flex:1}.preference-info strong{display:block;color:#1f2937;font-size:.9rem;margin-bottom:.25rem}.preference-description{color:#6b7280;font-size:.8rem;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.user-profile-page{padding:1rem}.profile-section{padding:1.5rem}.info-row{flex-direction:column;gap:.5rem}.info-value{text-align:left}.preference-item{flex-direction:column;align-items:flex-start}.toggle-switch{align-self:flex-end}}.webhook-logs-container{padding:20px;max-width:1800px;margin:0 auto}.access-denied,.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.access-denied svg,.error-state svg,.empty-state svg{color:#f59e0b;margin-bottom:20px}.access-denied h2{margin:10px 0;color:#333}.webhook-filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.control-group.show-selector{margin-left:auto}.control-group label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.filter-select,.limit-select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:500;color:#374151;background:#f9fafb;cursor:pointer;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.filter-select:hover,.limit-select:hover{border-color:#d1d5db;background-color:#fff}.filter-select:focus,.limit-select:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.webhook-logs-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.webhook-table-container{overflow-x:auto}.webhook-table{width:100%;border-collapse:collapse;font-size:14px}.webhook-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.webhook-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;white-space:nowrap}.webhook-table tbody tr.webhook-row{border-bottom:1px solid #e5e7eb;transition:background-color .15s;cursor:pointer}.webhook-table tbody tr.webhook-row:hover{background-color:#f9fafb}.webhook-table tbody tr.webhook-row.expanded{background-color:#eff6ff}.webhook-table td{padding:12px 16px;vertical-align:middle}.col-status{width:60px;text-align:center}.col-time{width:140px}.col-outcome{width:160px}.col-company{width:200px}.col-appointment{width:100px;text-align:center}.col-reason{min-width:250px}.col-actions{width:100px;text-align:right}.status-icon{display:inline-block;vertical-align:middle}.time-cell{display:flex;flex-direction:column;gap:2px}.time-date{font-weight:500;color:#111827}.time-time{font-size:12px;color:#6b7280}.outcome-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.outcome-badge.new-appointment{background:#dbeafe;color:#1e40af}.outcome-badge.reschedule{background:#fef3c7;color:#92400e}.outcome-badge.cancellation{background:#fee2e2;color:#991b1b}.text-muted{color:#9ca3af}.skip-reason{font-size:13px;color:#6b7280}.error-text{font-size:13px;color:#ef4444;font-weight:500}.link-button{background:none;border:none;color:#2563eb;text-decoration:underline;cursor:pointer;padding:0;font-size:14px}.link-button:hover{color:#1d4ed8}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:none;border:1px solid #d1d5db;border-radius:4px;padding:6px;cursor:pointer;color:#6b7280;transition:all .15s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-rerun-small{color:#3b82f6;transition:all .15s}.btn-rerun-small:hover:not(:disabled){color:#2563eb;background:#eff6ff}.btn-dry-run-small{color:#f59e0b;transition:all .15s}.btn-dry-run-small:hover:not(:disabled){color:#d97706;background:#fffbeb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:.75rem 1.5rem .5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937;line-height:1}.modal-header-buttons{display:flex;gap:8px;align-items:center}.btn-header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .15s;background:transparent;color:#6b7280;padding:0}.btn-header-icon:hover:not(:disabled){background:#f3f4f6;color:#111827}.btn-header-icon:disabled{opacity:.5;cursor:not-allowed}.btn-dry-run-header{color:#f59e0b}.btn-dry-run-header:hover:not(:disabled){background:#fffbeb;color:#d97706}.btn-rerun-header{color:#3b82f6}.btn-rerun-header:hover:not(:disabled){background:#eff6ff;color:#2563eb}.btn-close{color:#ef4444}.btn-close:hover:not(:disabled){background:#fef2f2;color:#dc2626}.modal-body{padding:24px;overflow-y:auto;flex:1}.key-fields-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #fbbf241a}.key-fields-section h3{margin:0 0 .75rem;font-size:1rem;color:#92400e;display:flex;align-items:center;gap:.5rem;font-weight:600}.key-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.key-field{background:#fff;padding:.5rem .75rem;border-radius:6px;border:1px solid #fbbf24;display:flex;flex-direction:column;gap:.25rem}.key-field-label{font-size:.6875rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.03em}.key-field-value{font-size:.875rem;color:#111827;font-weight:500;word-break:break-all}.key-field-value.highlight{background:#fffbeb;padding:.25rem .5rem;border-radius:4px;border-left:3px solid #f59e0b;font-family:var(--font-family-mono);font-size:.8125rem}.appointment-fields-section{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #3b82f61a}.appointment-fields-section h3{margin:0 0 .75rem;font-size:1rem;color:#1e40af;display:flex;align-items:center;gap:.5rem;font-weight:600}.appointment-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.appt-field{background:#fff;padding:.5rem .75rem;border-radius:6px;border:1px solid #93c5fd;display:flex;flex-direction:column;gap:.25rem}.appt-field.full-width{grid-column:1 / -1}.appt-field-label{font-size:.6875rem;font-weight:600;color:#1e40af;text-transform:uppercase;letter-spacing:.03em}.appt-field-value{font-size:.875rem;color:#111827;font-weight:500;word-break:break-word;line-height:1.4}.appt-field-value.mono{font-family:var(--font-family-mono);font-size:.8125rem}.appt-field-value .missing{color:#ef4444;font-weight:600;font-style:italic}.btn-rerun-modal{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:background .15s;margin-top:16px}.btn-rerun-modal:hover:not(:disabled){background:#2563eb}.btn-rerun-modal:disabled{opacity:.6;cursor:not-allowed}tr.detail-row{background:#f9fafb;border-bottom:2px solid #e5e7eb!important}tr.detail-row td{padding:0}.detail-content{padding:24px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:400px 1fr;gap:24px}.detail-column h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.detail-column h5{margin:20px 0 8px;color:#374151;font-size:14px;font-weight:600}.detail-items{display:flex;flex-direction:column;gap:12px}.detail-item{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start}.detail-item.full{grid-template-columns:140px 1fr}.detail-item .label{font-size:13px;color:#6b7280;font-weight:500}.detail-item .value{font-size:14px;color:#111827;word-break:break-word}.detail-item .value.mono{font-family:var(--font-family-mono);font-size:12px;color:#4b5563}.detail-item .value.success{color:#10b981;font-weight:500}.detail-item .value.error{color:#ef4444}.detail-subsection{margin-top:20px}.dry-run-preview{margin-top:16px;padding:16px;border-radius:8px;display:flex;gap:12px;align-items:flex-start;animation:slideDown .2s ease-out}.dry-run-preview.would-create{background:#d1fae5;border:2px solid #10b981}.dry-run-preview.would-not-create{background:#fef3c7;border:2px solid #f59e0b}.dry-run-preview .preview-icon{flex-shrink:0}.dry-run-preview.would-create .preview-icon{color:#059669}.dry-run-preview.would-not-create .preview-icon{color:#d97706}.dry-run-preview .preview-content{flex:1}.dry-run-preview .preview-content strong{display:block;margin-bottom:6px;color:#111827;font-size:14px}.dry-run-preview .preview-content p{margin:0;color:#374151;font-size:13px;line-height:1.5}.code-block{background:#1f2937;color:#f3f4f6;padding:16px;border-radius:6px;font-family:var(--font-family-mono);font-size:12px;line-height:1.5;overflow-x:auto;margin:0;max-height:400px;overflow-y:auto}.code-block.payload{max-height:600px}@media (max-width: 1400px){.detail-grid{grid-template-columns:350px 1fr}}@media (max-width: 1024px){.webhook-filters{flex-direction:column;gap:12px}.filter-group{width:100%}.filter-group select{flex:1;min-width:0}.detail-grid{grid-template-columns:1fr}.webhook-table{font-size:13px}.webhook-table th,.webhook-table td{padding:10px 12px}.col-reason{min-width:200px}}@media (max-width: 768px){.webhook-logs-container{padding:12px}.webhook-table-container{overflow-x:scroll}.webhook-table{min-width:900px}.modal-content{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0}.modal-body{padding:16px}.detail-item{grid-template-columns:1fr;gap:4px}.code-block{font-size:11px;padding:12px}}.webhook-logs-list{border:1px solid #e5e7eb;border-radius:8px;background:#fff;max-height:calc(100vh - 200px);overflow-y:auto}.webhook-log-item{padding:1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s}.webhook-log-item:hover{background:#f9fafb}.webhook-log-item.selected{background:#eff6ff;border-left:3px solid #3b82f6}.webhook-log-item:last-child{border-bottom:none}.log-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.log-item-status{flex-shrink:0}.status-icon{display:block}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.warning{color:#f59e0b}.log-item-info{flex:1;min-width:0}.log-item-outcome{font-weight:600;color:#111827;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-item-company{color:#6b7280;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-item-arrow{color:#9ca3af;flex-shrink:0}.log-item-meta{display:flex;flex-direction:column;gap:.25rem;padding-left:2.75rem}.log-item-time{color:#6b7280;font-size:.8125rem}.log-item-skip{color:#f59e0b;font-size:.8125rem;font-weight:500}.empty-state{padding:3rem 2rem;text-align:center;color:#6b7280}.webhook-log-detail{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.detail-header h2{margin:0;font-size:1.5rem;color:#111827}.btn-rerun{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .15s}.btn-rerun:hover:not(:disabled){background:#2563eb}.btn-rerun:disabled{opacity:.6;cursor:not-allowed}.btn-rerun svg.spinning{animation:spin 1s linear infinite}.detail-sections{display:flex;flex-direction:column;gap:1.5rem}.detail-section{padding:1.25rem;background:#f9fafb;border-radius:6px}.detail-section h3{margin:0 0 1rem;font-size:1.125rem;color:#111827;font-weight:600}.detail-grid{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start}.detail-row.full{grid-template-columns:180px 1fr}.detail-label{font-weight:600;color:#374151;font-size:.875rem}.detail-value{color:#111827;font-size:.875rem;word-break:break-word}.detail-value.mono{font-family:var(--font-family-mono);background:#fff;padding:.25rem .5rem;border-radius:3px}.detail-value.error{color:#ef4444}.detail-value.success{color:#10b981}.detail-value.link{color:#3b82f6;cursor:pointer;text-decoration:underline}.detail-value.link:hover{color:#2563eb}.json-display{background:#fff;padding:1rem;border-radius:4px;border:1px solid #e5e7eb;font-family:var(--font-family-mono);font-size:.8125rem;overflow-x:auto;max-height:500px;overflow-y:auto;margin:0;color:#111827;line-height:1.6}.json-display.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;border-top:1px solid #e5e7eb;margin-top:1.5rem;background:#f9fafb;border-radius:8px}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.pagination-controls{display:flex;gap:.25rem;align-items:center}.pagination-btn{min-width:60px;height:36px;padding:0 .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.pagination-current{padding:0 1rem;font-size:.875rem;color:#374151;font-weight:600}@media (max-width: 1024px){.webhook-logs-layout{grid-template-columns:1fr}.webhook-logs-list{max-height:400px}.webhook-log-detail{max-height:none}}@media (max-width: 768px){.webhook-filters{flex-direction:column}.control-group{width:100%}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap}}.note-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;transition:box-shadow .2s ease}.note-card:hover{box-shadow:0 2px 8px #00000014}.note-card-deleted{opacity:.6;background:#fef2f2;border-color:#fecaca}.note-deleted-badge{display:inline-block;padding:.25rem .5rem;background:#dc2626;color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-bottom:.75rem}.note-card-content{margin-bottom:.75rem}.note-card-content p{margin:0;color:#1f2937;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.note-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.note-card-tag{display:inline-flex;padding:.25rem .625rem;background:#eff6ff;color:#2563eb;font-size:.75rem;font-weight:500;border-radius:12px}.note-card-tag-deleted{background:#f3f4f6;color:#9ca3af;text-decoration:line-through}.note-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.note-card-meta-left{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280}.note-card-author,.note-card-company,.note-card-date{display:inline-flex;align-items:center;gap:.25rem}.note-card-author{font-weight:600;color:#374151}.note-edited-indicator{color:#9ca3af;font-style:italic;margin-left:.25rem}.note-card-actions{display:flex;gap:.5rem;flex-shrink:0}.note-card-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s}.note-card-edit{color:#6b7280}.note-card-edit:hover{background:#eff6ff;color:#2563eb}.note-card-delete{color:#6b7280}.note-card-delete:hover{background:#fef2f2;color:#dc2626}@media (max-width: 640px){.note-card-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.note-card-actions{width:100%;justify-content:flex-end}}.note-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:noteModalFadeIn .2s ease-out}@keyframes noteModalFadeIn{0%{opacity:0}to{opacity:1}}.note-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:noteModalSlideUp .3s ease-out}@keyframes noteModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.note-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.note-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.note-modal-close{background:transparent;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:background-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.note-modal-close:hover{background:#f3f4f6;color:#1f2937}.note-modal-close:disabled{opacity:.5;cursor:not-allowed}.note-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.note-form-group{margin-bottom:1.25rem}.note-form-group:last-child{margin-bottom:0}.note-form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.5rem}.note-form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:150px;transition:border-color .15s,box-shadow .15s}.note-form-group textarea:hover{border-color:#d1d5db}.note-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.note-form-group textarea:disabled{background:#f9fafb;cursor:not-allowed}.note-form-group select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-family:inherit;background:#f9fafb;cursor:pointer;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.note-form-group select:hover{border-color:#d1d5db;background-color:#fff}.note-form-group select:focus{outline:none;border-color:#3b82f6}.note-form-group select:disabled{opacity:.5;cursor:not-allowed}.note-char-count{text-align:right;font-size:.75rem;color:#6b7280;margin-top:.375rem}.note-char-count.over-limit{color:#dc2626;font-weight:600}.note-tags-selector{display:flex;flex-wrap:wrap;gap:.5rem}.note-no-tags{color:#9ca3af;font-size:.875rem;font-style:italic}.note-tag-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;border:2px solid #e5e7eb;border-radius:20px;background:#f9fafb;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.note-tag-chip:hover{border-color:#3b82f6;background:#eff6ff;color:#2563eb}.note-tag-chip.selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.note-tag-chip:disabled{opacity:.5;cursor:not-allowed}.note-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.note-hint{font-size:.75rem;color:#9ca3af}.note-modal-actions{display:flex;gap:.75rem}.note-modal-actions .btn-cancel{padding:.625rem 1.25rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.note-modal-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.note-modal-actions .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.note-modal-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;background:#3b82f6;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.note-modal-actions .btn-primary:hover{background:#2563eb}.note-modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.note-modal{width:95%;max-height:85vh}.note-modal-footer{flex-direction:column;gap:.75rem;align-items:stretch}.note-hint{text-align:center;order:2}.note-modal-actions{order:1;justify-content:stretch}.note-modal-actions .btn-cancel,.note-modal-actions .btn-primary{flex:1;justify-content:center}}.tag-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:tagModalFadeIn .2s ease-out}@keyframes tagModalFadeIn{0%{opacity:0}to{opacity:1}}.tag-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:tagModalSlideUp .3s ease-out}@keyframes tagModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tag-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.tag-modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.tag-modal-close{background:transparent;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:background-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.tag-modal-close:hover{background:#f3f4f6;color:#1f2937}.tag-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.tag-create-section{margin-bottom:1.5rem}.tag-create-section label{display:block;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.5rem}.tag-create-input-group{display:flex;gap:.5rem}.tag-create-input-group input{flex:1;padding:.625rem .875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;transition:border-color .15s}.tag-create-input-group input:focus{outline:none;border-color:#3b82f6}.tag-create-input-group input:disabled{background:#f9fafb;cursor:not-allowed}.tag-create-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border:none;border-radius:8px;background:#3b82f6;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .15s;white-space:nowrap}.tag-create-btn:hover{background:#2563eb}.tag-create-btn:disabled{opacity:.5;cursor:not-allowed}.tag-list-section{margin-bottom:1.25rem}.tag-list-section:last-child{margin-bottom:0}.tag-list-section h3{font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.tag-empty-message{color:#9ca3af;font-size:.875rem;font-style:italic;margin:0}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.tag-list-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:#f9fafb;border-radius:8px}.tag-item-deleted{background:#fef2f2}.tag-item-deleted .tag-name{color:#9ca3af;text-decoration:line-through}.tag-name{font-size:.875rem;color:#374151}.tag-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s}.tag-delete-btn{color:#6b7280}.tag-delete-btn:hover{background:#fef2f2;color:#dc2626}.tag-restore-btn{color:#6b7280}.tag-restore-btn:hover{background:#f0fdf4;color:#16a34a}.tag-action-btn:disabled{opacity:.5;cursor:not-allowed}.tag-deleted-section h3{color:#9ca3af}.tag-modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.btn-done{padding:.625rem 1.5rem;border:none;border-radius:8px;background:#3b82f6;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .15s}.btn-done:hover{background:#2563eb}.notes-page{max-width:1800px;margin:0 auto;padding:20px}.notes-header-actions{display:flex;gap:.75rem}.notes-manage-tags-btn,.notes-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.notes-manage-tags-btn{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.notes-manage-tags-btn:hover{border-color:#d1d5db;background:#f9fafb;color:#374151}.notes-add-btn{background:#3b82f6;border:none;color:#fff}.notes-add-btn:hover{background:#2563eb}.notes-filters{display:flex;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;align-items:flex-end}.notes-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:160px}.notes-filter-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.notes-filter-group select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;background:#f9fafb;cursor:pointer;font-family:inherit;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.notes-filter-group select:hover{border-color:#d1d5db;background-color:#fff}.notes-filter-group select:focus{outline:none;border-color:#3b82f6}.notes-search-group{flex:1;min-width:200px}.notes-search-wrapper{position:relative}.notes-search-wrapper input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;transition:all .15s}.notes-search-wrapper input:hover{border-color:#d1d5db}.notes-search-wrapper input:focus{outline:none;border-color:#3b82f6}.notes-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:4px}.notes-search-clear:hover{color:#6b7280;background:#f3f4f6}.notes-deleted-toggle{min-width:auto}.notes-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.notes-toggle-btn:hover{border-color:#d1d5db;background:#fff}.notes-toggle-btn.active{border-color:#f59e0b;background:#fffbeb;color:#d97706}.notes-clear-filters{display:inline-flex;align-items:center;gap:.375rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.875rem;font-weight:500;color:#dc2626;cursor:pointer;transition:all .15s;align-self:flex-end}.notes-clear-filters:hover{border-color:#fecaca;background:#fef2f2}.notes-results-info{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.notes-list{display:flex;flex-direction:column;gap:.75rem}.notes-empty-state{text-align:center;padding:3rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.notes-empty-state p{color:#6b7280;margin:0 0 1rem}.notes-empty-clear{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:6px;background:#fff;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .15s}.notes-empty-clear:hover{border-color:#d1d5db;background:#f9fafb}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.notes-header-actions{flex-direction:column;width:100%}.notes-manage-tags-btn,.notes-add-btn{justify-content:center}.notes-filters{flex-direction:column}.notes-filter-group{width:100%}.notes-search-group{order:-1}.notes-clear-filters{width:100%;justify-content:center}}.notes-load-more-trigger{display:flex;justify-content:center;padding:1rem;min-height:60px}.notes-loading-more{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.notes-loading-more .spinning{animation:spin 1s linear infinite}.notes-end-of-list{text-align:center;padding:1.5rem;color:#9ca3af;font-size:.875rem;border-top:1px solid #e5e7eb;margin-top:1rem}.settings-page{padding:20px;max-width:1800px;margin:0 auto}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.access-denied svg{color:#f59e0b;margin-bottom:1rem}.access-denied h2{color:#111827;margin-bottom:.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-state .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fef2f2;border:2px solid #fca5a5;color:#991b1b;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.settings-section{margin-bottom:2rem}.section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#eff6ff;border-radius:12px;color:#2563eb;flex-shrink:0}.section-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#111827}.section-header p{margin:0;color:#6b7280;font-size:.9375rem}.settings-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem}.webhook-status{margin-bottom:1.5rem}.status-row{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.status-row:last-child{border-bottom:none}.status-label{font-weight:600;color:#374151;min-width:120px;flex-shrink:0}.status-value{color:#111827;display:flex;align-items:center;gap:.5rem}.status-value.configured{color:#059669}.status-value.not-configured{color:#dc2626}.secret-display{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.secret-display code{background:#f3f4f6;padding:.5rem .75rem;border-radius:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.875rem;color:#374151;word-break:break-all}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s}.icon-btn:hover{background:#e5e7eb;color:#374151}.new-secret-alert{background:#ecfdf5;border:2px solid #10b981;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.alert-header{display:flex;align-items:center;gap:.5rem;color:#059669;margin-bottom:.5rem}.new-secret-alert p{margin:0 0 1rem;color:#065f46}.secret-copy-box{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #10b981;border-radius:6px;padding:.75rem;margin-bottom:1rem}.secret-copy-box code{flex:1;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.875rem;word-break:break-all;color:#065f46}.btn-copy{display:flex;align-items:center;gap:.375rem;background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background .15s;flex-shrink:0}.btn-copy:hover{background:#059669}.btn-dismiss{width:100%;background:#059669;color:#fff;border:none;padding:.75rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background .15s}.btn-dismiss:hover{background:#047857}.webhook-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-primary{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:.5rem;background:#fff;color:#374151;border:2px solid #e5e7eb;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.manual-secret-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.manual-secret-input p{margin:0 0 .75rem;color:#6b7280;font-size:.9375rem}.input-group{display:flex;gap:.75rem}.input-group input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:border-color .15s}.input-group input:focus{outline:none;border-color:#2563eb}.input-group input:disabled{background:#f3f4f6}.webhook-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.webhook-info h4{margin:0 0 .5rem;font-size:.9375rem;color:#111827}.webhook-info p{margin:0 0 .75rem;color:#6b7280;font-size:.875rem}.webhook-info ul{margin:0;padding-left:1.25rem}.webhook-info li{margin-bottom:.5rem;color:#6b7280;font-size:.875rem}.webhook-info code{background:#e5e7eb;padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8125rem}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.settings-page{padding:16px}.section-header{flex-direction:column;gap:.75rem}.status-row{flex-direction:column;gap:.5rem}.status-label{min-width:auto}.webhook-actions{flex-direction:column}.webhook-actions button{width:100%;justify-content:center}.input-group{flex-direction:column}.input-group button{width:100%;justify-content:center}.secret-copy-box{flex-direction:column;align-items:stretch}.btn-copy{justify-content:center}}.note-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#3b82f6;border:none;box-shadow:0 4px 12px #3b82f666,0 2px 4px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;z-index:900}.note-fab:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 16px #3b82f680,0 4px 8px #00000026}.note-fab:active{transform:scale(.98)}.note-fab:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}@media (max-width: 640px){.note-fab{bottom:1rem;right:1rem;width:52px;height:52px}}:root{--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);background:#f5f5f5}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{color:#666;font-size:14px}.dashboard{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--header-height, 64px)}.dashboard-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.header-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.brand-icon{color:#3b82f6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dashboard-header h1{font-size:1.25rem;color:#fff;font-weight:600;white-space:nowrap;margin:0}.desktop-nav{display:flex;gap:.5rem;flex:1}.main-nav .nav-link{color:#cbd5e1;text-decoration:none;padding:.5rem .875rem;border-radius:8px;transition:all .2s;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap;position:relative}.main-nav .nav-link:hover{background:#ffffff1a;color:#fff}.main-nav .nav-link.active{color:#fff}.main-nav .nav-link.active:after{content:"";position:absolute;bottom:0;left:.875rem;right:.875rem;height:2px;background:#3b82f6;border-radius:2px 2px 0 0}.user-menu{position:relative;flex-shrink:0}.user-menu-button{display:flex;align-items:center;gap:.625rem;padding:.375rem .875rem .375rem .375rem;background:#fffffff2;border:1px solid rgba(255,255,255,1);border-radius:50px;color:#1f2937;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.9375rem;font-weight:700;letter-spacing:.015em;box-shadow:0 2px 4px #0000001a}.user-menu-button:hover{background:#fff;border-color:#fff;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.user-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:220px;overflow:hidden;z-index:1000;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.dropdown-name{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.dropdown-role{font-size:.75rem;color:#6b7280;text-transform:capitalize}.dropdown-divider{height:1px;background:#e5e7eb}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;transition:background-color .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;font-size:.875rem;font-weight:500}.dropdown-item:hover{background:#f9fafb}.dropdown-item svg{color:#6b7280;flex-shrink:0}.mobile-menu-button{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s}.mobile-menu-button:hover{background:#ffffff26}.mobile-nav{display:none;flex-direction:column;background:#1e293b;border-top:1px solid rgba(255,255,255,.1);padding:.5rem}.mobile-nav .nav-link{color:#cbd5e1;text-decoration:none;padding:.75rem 1rem;border-radius:8px;transition:all .2s;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.75rem;position:relative}.mobile-nav .nav-link:hover{background:#ffffff1a;color:#fff}.mobile-nav .nav-link.active{color:#fff;background:#3b82f633}.mobile-nav .nav-link.active:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:3px;background:#3b82f6;border-radius:0 2px 2px 0}@media (max-width: 1024px){.desktop-nav{display:none}.mobile-menu-button{display:block;order:-1}.mobile-nav{display:flex}.header-brand{order:0;flex:0 0 auto}.user-menu{order:1;margin-left:auto}.dashboard-header{justify-content:flex-start}}@media (max-width: 768px){:root{--header-height: 60px}.user-name{display:none}.header-brand{flex:1;justify-content:center}.dashboard-header{justify-content:space-between}}@media (max-width: 640px){:root{--header-height: 56px}.dashboard-header{padding:.75rem 1rem;gap:1rem}.header-brand h1{font-size:1.125rem}.brand-icon{width:24px;height:24px}.user-avatar{width:28px;height:28px}.user-menu-button{padding:.25rem .625rem .25rem .25rem}}.dashboard-content{flex:1;background:#f9fafb;transition:padding-top .3s ease-out}.dashboard.has-update-banner .dashboard-content{padding-top:3.5rem}.dashboard-content>h2,.dashboard-content>*>h2:not(.modal-header h2){margin-bottom:6px;color:#111827}.dashboard-content p{color:#6b7280}