@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--bg-primary:#fff;--bg-secondary:#f4f5f7;--bg-tertiary:#ebedf0;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-focus:#f59e0b;--accent-color:#f59e0b;--accent-hover:#d97706;--accent-text:#111827;--danger:#ef4444;--success:#10b981;--info:#3b82f6;--warning:#f59e0b;--shadow-xs:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000012,0 4px 6px #0000000d;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace}[data-theme=dark]{--bg-primary:#18181b;--bg-secondary:#111113;--bg-tertiary:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#3f3f46;--border-focus:#f59e0b;--accent-color:#f59e0b;--accent-hover:#fbbf24;--accent-text:#111827;--shadow:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0006,0 4px 6px #0000004d}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7;background:var(--bg-secondary);line-height:1.5;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body,input,select,textarea{color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:14px;width:100%}input,select,textarea{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#f59e0b;border-color:var(--border-focus);box-shadow:0 0 0 3px #f59e0b1f}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-muted)}button{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:14px}.card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:20px}code{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-family:var(--font-mono)}.auth-screen{align-items:center;background:var(--bg-secondary);display:flex;font-family:var(--font-sans);justify-content:center;min-height:100vh;padding:20px}.auth-container{animation:slideIn .4s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-section{margin-bottom:28px;text-align:center}.auth-logo{height:auto;margin-bottom:14px;object-fit:contain;width:130px}.logo-section h1{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.logo-section p{color:var(--text-muted);font-size:13px}.auth-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:2px;margin-bottom:24px;padding:3px}.tab-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:9px 16px;transition:all .2s}.tab-btn.active{background:var(--bg-primary);box-shadow:var(--shadow-xs);color:var(--text-primary);font-weight:600}.auth-form{display:none}.auth-form.active{animation:fadeIn .2s ease-in;display:block}.input-group{margin-bottom:16px;position:relative}.input-group .input-icon,.input-group i{color:var(--text-muted);left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.input-group .input-icon{display:inline-flex}.input-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;padding:11px 44px 11px 40px;transition:border-color .15s,box-shadow .15s;width:100%}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #f59e0b26;outline:none}.password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:3}.checkbox-group{align-items:center;display:flex;gap:10px;margin-bottom:20px}.checkbox-group input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;flex-shrink:0;height:15px;width:15px}.checkbox-group label{color:var(--text-secondary);cursor:pointer;font-size:13px}.submit-btn{background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.2px;padding:12px;transition:opacity .15s,transform .1s;width:100%}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn:active{transform:scale(.99)}.registration-note{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:10px;margin-top:16px;padding:14px}.registration-note i{color:var(--accent-color);flex-shrink:0;margin-top:2px}.registration-note p{color:var(--text-muted);font-size:12px;line-height:1.5;margin:0}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:#ef4444}.error-message,.success-message{font-size:13px;margin-bottom:16px;padding:10px 14px}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-sm);color:#10b981}@media (max-width:480px){.auth-container{padding:28px 20px}.input-group input{font-size:16px}}.employee-layout{background:var(--bg-secondary);min-height:100vh}.employee-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:56px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.employee-nav,.nav-brand{align-items:center;display:flex}.nav-brand{background:none;border:none;cursor:pointer;gap:12px;padding:0;text-decoration:none}.nav-logo{height:28px;max-width:120px;object-fit:contain;width:auto}.nav-brand span{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.2px}.nav-actions{align-items:center;display:flex;gap:8px}.notification-btn,.theme-toggle{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;padding:6px;position:relative;transition:background .15s,border-color .15s,color .15s;width:34px}.notification-btn:hover,.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;position:absolute;right:3px;top:3px;width:14px}.user-menu-container{margin-left:4px;position:relative}.user-btn{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:4px 8px 4px 4px;transition:background .15s,border-color .15s}.user-btn:hover{background:var(--bg-secondary);border-color:var(--border-color)}.user-avatar{align-items:center;background:var(--accent-color);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.user-name{color:var(--text-primary);font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:fadeIn .15s ease;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:2000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background .1s;width:100%}.user-dropdown button:hover{background:var(--bg-secondary)}.user-dropdown hr{border:none;border-top:1px solid var(--border-color);margin:4px 0}.user-dropdown .logout-btn{color:#ef4444!important}.user-dropdown .logout-btn:hover{background:#dc35451a}.employee-main{min-height:calc(100vh - 70px)}.employee-backbar{padding:16px 30px 0}.employee-back-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 12px}.employee-back-btn:hover{background:var(--bg-secondary)}@media (max-width:768px){.employee-nav{padding:15px 20px}.nav-brand span,.user-name{display:none}.employee-backbar{padding:12px 20px 0}}@media (max-width:480px){.nav-logo{height:30px;max-width:120px}.user-avatar{font-size:12px;height:32px;width:32px}.employee-back-btn{justify-content:center;width:100%}}.employee-dashboard{margin:0 auto;max-width:1200px;padding:24px 28px}.dashboard-welcome{margin-bottom:28px}.dashboard-welcome h1{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.dashboard-welcome p{color:var(--text-muted);font-size:13px;margin:0}.dashboard-section{margin-bottom:24px}.dashboard-panels{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:18px 20px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.panel-header h3{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.panel-header button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:12px;font-weight:600;padding:0}.dashboard-panel ul{display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;padding:0}.dashboard-panel li{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:8px 0}.dashboard-panel li:last-child{border-bottom:none}.panel-meta{color:var(--text-muted);flex-shrink:0;font-size:11px;white-space:nowrap}.panel-empty{color:var(--text-muted);font-size:13px;margin:0;padding:12px 0}.quick-actions{margin-bottom:24px}.quick-actions h2{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.action-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:18px 14px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.action-card:hover{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color),var(--shadow-md);transform:translateY(-1px)}.action-icon{color:var(--accent-color)}.action-card h3{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.action-card p{color:var(--text-muted);font-size:12px;margin:0}.dashboard-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:24px}.info-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:16px 18px}.info-card h3{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.6px;margin:0 0 6px;text-transform:uppercase}.info-card p{color:var(--text-primary);font-size:14px;font-weight:600;margin:0;word-break:break-word}@media (max-width:768px){.employee-dashboard{padding:16px}.actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-welcome h1{font-size:18px}}@media (max-width:400px){.actions-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.action-card{padding:14px 12px}}.action-card-highlight{background:#f59e0b0f!important;border-color:#f59e0b!important;border-color:var(--accent-color,#f59e0b)!important}.dashboard-werber-kpi-panel{align-items:center;background:#1e1e1e;background:var(--bg-secondary,#1e1e1e);border:1px solid #2a2a2a;border:1px solid var(--border-color,#2a2a2a);border-radius:14px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.dashboard-werber-kpi-info{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;flex:1 1;min-width:0}.dashboard-werber-kpi-btn{background:#f59e0b;background:var(--accent-color,#f59e0b);border:none;border-radius:8px;color:#000;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;white-space:nowrap}.dashboard-werber-kpi-btn:hover{opacity:.88}@media (max-width:480px){.dashboard-werber-kpi-panel{align-items:flex-start;flex-direction:column}.dashboard-werber-kpi-btn{width:100%}}.employee-documents{margin:0 auto;max-width:1200px;padding:24px}.documents-header{margin-bottom:32px}.documents-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 8px}.documents-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.loading{font-size:1.125rem;padding:60px 20px}.empty-state{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);display:flex;flex-direction:column;justify-content:center;padding:80px 32px}.empty-state svg{color:var(--text-secondary);margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 8px}.empty-state p{margin:0}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.document-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .2s}.document-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.document-icon{align-items:center;align-self:flex-start;background:var(--accent-color);border-radius:10px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}[data-theme=dark] .document-icon{color:#0f172a}.document-info{flex:1 1}.document-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 8px}.document-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 12px}.document-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:8px;margin-bottom:8px}.for-all-badge{background:linear-gradient(135deg,#10b98120,#10b98110);border:1px solid #10b981;border-radius:6px;color:#10b981;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.download-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s}.download-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}[data-theme=dark] .download-btn{background:var(--accent-color);color:#0f172a}[data-theme=dark] .download-btn:hover{background:var(--accent-hover)}.email-access-page{margin:0 auto;max-width:1200px;padding:24px}.page-header{gap:16px;margin-bottom:32px}.back-button,.page-header{align-items:center;display:flex}.back-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.back-button:hover{background:var(--bg-primary);border-color:var(--accent-color)}.page-header h1{color:var(--text-primary);font-size:2rem;margin:0}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{color:var(--text-secondary);margin-bottom:24px;opacity:.5}.empty-state h2{color:var(--text-primary);font-size:24px;margin:0 0 12px}.empty-state p{color:var(--text-secondary);margin:8px 0}.credentials-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:32px}.credentials-section h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 24px}.credentials-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.credential-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:20px}.credential-card label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;text-transform:uppercase}.credential-value{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:14px}.credential-text{color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:16px;word-break:break-all}.credential-text.password{font-size:20px;letter-spacing:3px}.copy-btn,.toggle-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;justify-content:center;min-width:36px;padding:8px;transition:all .2s;white-space:nowrap}.copy-btn:hover,.toggle-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}[data-theme=dark] .copy-btn:hover,[data-theme=dark] .toggle-btn:hover{color:#0f172a}.webmail-button{align-items:center;background:var(--accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.webmail-button:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}[data-theme=dark] .webmail-button{color:#0f172a}.tutorial-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:32px}.tutorial-section h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 24px}.tutorial-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.tab-button{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.tab-button.active,.tab-button:hover{border-color:var(--accent-color)}.tab-button.active{background:var(--accent-color);color:#fff}[data-theme=dark] .tab-button.active{color:#0f172a}.tutorial-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:32px}.tutorial-tab h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 16px}.intro{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.steps{display:flex;flex-direction:column;gap:20px}.step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}[data-theme=dark] .step-number{color:#0f172a}.step-content{flex:1 1;padding-top:4px}.step-content h4{color:var(--text-primary);font-size:18px;margin:0 0 8px}.step-content p{color:var(--text-secondary);line-height:1.6;margin:4px 0}.step-content ul{color:var(--text-secondary);margin:8px 0;padding-left:20px}.step-content code{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--accent-color);font-family:Courier New,monospace;font-size:14px;padding:2px 8px}.step-content a{color:var(--accent-color);font-weight:600;text-decoration:none}.step-content a:hover{text-decoration:underline}.tip{background:#ffd7001a;border-left:3px solid var(--accent-color);border-radius:4px;font-style:italic;margin-top:8px;padding:12px}.inline-copy{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:6px 12px;transition:all .2s}.inline-copy:hover{transform:translateY(-1px)}[data-theme=dark] .inline-copy{color:#0f172a}.program-section{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:40px}.program-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.program-section h4{color:var(--text-primary);font-size:1.25rem;margin:0 0 12px}.recommended{color:var(--accent-color);font-weight:600;margin-bottom:16px}.manual-settings{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:20px}.manual-settings h5{color:var(--text-primary);margin:0 0 16px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.setting-item strong{color:var(--text-primary);display:block;margin-bottom:8px}.setting-item p{color:var(--text-secondary);font-size:14px;margin:4px 0}.setting-item code{background:var(--bg-secondary);border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.help-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:32px}.help-section h3{font-size:1.5rem;margin:0 0 24px}.help-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.help-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;padding:20px}.help-card h4{color:gold;font-size:16px;margin:0 0 12px}.help-card p{font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.email-access-page{padding:16px}.page-header h1{font-size:1.5rem}.credentials-section,.tutorial-content,.tutorial-section{padding:20px}.credentials-cards{grid-template-columns:1fr}.tutorial-tabs{flex-direction:column}.tab-button{justify-content:center;width:100%}.help-cards,.settings-grid{grid-template-columns:1fr}}.employee-profile{margin:0 auto;max-width:800px;padding:24px}.profile-notice{border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:16px;padding:10px 14px}.profile-notice--success{background:#22c55e1f;border:1px solid #22c55e4d;color:#22c55e}.profile-notice--error{background:#ef44441f;border:1px solid #ef44444d;color:#ef4444}.loading{color:var(--text-secondary);padding:40px;text-align:center}.profile-header{gap:16px;margin-bottom:32px}.back-btn,.profile-header{align-items:center;display:flex}.back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.back-btn:hover{background:var(--bg-primary);border-color:var(--accent-color);transform:translateX(-2px)}.profile-header h1{color:var(--text-primary);font-size:1.875rem;font-weight:700}.profile-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);gap:24px;padding:32px}.avatar-section,.profile-form{display:flex;flex-direction:column}.avatar-section{align-items:center;background:var(--bg-secondary);border-radius:12px;gap:12px;padding:20px}.avatar-section label{color:var(--text-primary);font-size:1rem;font-weight:600}.avatar-upload{flex-direction:column;gap:16px}.avatar-preview,.avatar-upload{align-items:center;display:flex}.avatar-preview{background:var(--bg-primary);border:3px solid var(--accent-color);border-radius:50%;color:var(--text-secondary);height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.upload-btn{align-items:center;background:var(--accent-color);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.upload-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}[data-theme=dark] .upload-btn{color:#0f172a}.avatar-section small{color:var(--text-secondary);font-size:.75rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2c5aa01a;outline:none}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db33}.form-group small{color:var(--text-secondary);font-size:.75rem}.disabled-input{background:var(--bg-secondary)!important;cursor:not-allowed;opacity:.6}.save-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .2s}.save-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.save-btn.secondary:hover:not(:disabled){background:var(--bg-primary);box-shadow:none}.card-settings{grid-gap:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:16px;padding:18px}.card-settings h3{color:var(--text-primary);margin:0}.card-preview{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.card-preview span{color:var(--text-secondary);display:block;font-size:.75rem}.card-preview strong{color:var(--text-primary);display:block;font-size:.95rem;word-break:break-all}.save-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #2c5aa04d;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .save-btn{color:#fff}[data-theme=dark] .save-btn:hover:not(:disabled){box-shadow:0 4px 12px #3498db66}@media (max-width:768px){.employee-profile{padding:16px}.profile-form{padding:24px 20px}.profile-header h1{font-size:1.5rem}.avatar-preview{height:100px;width:100px}}.employee-leads,.employee-leads-detail{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.employee-leads-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.employee-leads-detail-header h1,.employee-leads-header h1{font-size:1.5rem;margin:0}.employee-leads-header p{color:var(--text-secondary);margin:.35rem 0 0}.employee-leads-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.employee-leads-search{align-items:center;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;flex:1 1;gap:.5rem;min-width:260px;padding:.5rem .75rem}.employee-leads-search input{background:#0000;border:none;color:var(--text-primary);font-size:.9rem;outline:none;width:100%}.employee-leads-filter{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);font-size:.9rem;padding:.55rem .75rem}.employee-leads-list{grid-gap:1rem;display:grid;gap:1rem}.employee-leads-card{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;text-align:left}.employee-leads-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.employee-leads-card-header h3{font-size:1rem;margin:0}.employee-leads-date{color:var(--text-secondary);font-size:.75rem}.employee-leads-status{border-radius:999px;font-size:.75rem;font-weight:600;padding:.25rem .6rem;white-space:nowrap}.employee-leads-card-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem 1.5rem}.employee-leads-card-meta span{align-items:center;display:inline-flex;gap:.4rem}.employee-leads-card-action{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;justify-content:space-between}.employee-leads-state{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:var(--text-secondary);padding:2rem;text-align:center}.employee-leads-detail-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.employee-leads-create-btn{background:var(--text-primary);border-radius:10px;color:var(--bg-primary);padding:.55rem .9rem}.employee-leads-back,.employee-leads-create-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem}.employee-leads-back{background:#0000;color:var(--text-primary);margin-bottom:1rem}.employee-leads-detail-card{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem}.employee-leads-detail-header-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.employee-leads-appointment-btn{align-items:center;background:var(--text-primary);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem .8rem}.employee-leads-appointments{grid-gap:.5rem;display:grid;gap:.5rem;margin-top:.75rem}.employee-leads-appointment-row{grid-gap:.5rem;align-items:center;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);cursor:pointer;display:grid;font-size:.85rem;gap:.5rem;grid-template-columns:1.4fr 1fr 1fr 1.2fr;padding:.6rem .75rem;text-align:left}.employee-leads-notes-input{display:flex;flex-direction:column;gap:.6rem}.employee-leads-notes-input textarea{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);font-weight:400;padding:.6rem .75rem;resize:vertical}.employee-leads-notes-save{align-items:center;align-self:flex-start;background:var(--text-primary);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem .8rem}.employee-leads-notes-save:disabled{cursor:not-allowed;opacity:.6}.employee-leads-empty{color:var(--text-secondary);margin:.75rem 0 0}.employee-leads-detail-card h3{font-size:.95rem;margin:0 0 .75rem}.employee-leads-detail-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem 1.5rem}.employee-leads-address-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:.75rem}.employee-leads-address-grid label{display:flex;flex-direction:column;font-weight:600;gap:.35rem}.employee-leads-address-grid input{padding:.6rem .75rem}.employee-leads-address-grid input,.employee-leads-note{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary)}.employee-leads-note{font-size:.9rem;padding:.75rem;resize:vertical;width:100%}.employee-leads-save{align-items:center;background:var(--text-primary);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-top:.75rem;padding:.6rem 1rem}.employee-leads-edit{display:flex;flex-direction:column;gap:1.25rem}.employee-leads-edit-section{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1rem 1.25rem}.employee-leads-edit-section h3{font-size:.95rem;margin:0 0 .75rem}.employee-leads-edit-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.employee-leads-edit-grid label,.employee-leads-edit-notes{color:var(--text-primary);display:flex;flex-direction:column;font-weight:600;gap:.35rem}.employee-leads-edit-grid input,.employee-leads-edit-notes textarea{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);font-weight:400;padding:.6rem .75rem}.employee-leads-edit-notes textarea{min-height:120px;resize:vertical}.employee-leads-notes-history{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-secondary);font-size:.85rem;margin-top:1rem;max-height:200px;overflow-y:auto;padding:.75rem}[data-theme=dark] .employee-leads-address-grid input,[data-theme=dark] .employee-leads-appointment-row,[data-theme=dark] .employee-leads-card,[data-theme=dark] .employee-leads-detail-card,[data-theme=dark] .employee-leads-edit-grid input,[data-theme=dark] .employee-leads-edit-notes textarea,[data-theme=dark] .employee-leads-edit-section,[data-theme=dark] .employee-leads-filter,[data-theme=dark] .employee-leads-note,[data-theme=dark] .employee-leads-notes-history,[data-theme=dark] .employee-leads-notes-input textarea,[data-theme=dark] .employee-leads-search,[data-theme=dark] .employee-leads-state{border-color:#ffffff1f}@media (max-width:768px){.employee-leads,.employee-leads-detail{padding:1.25rem}.employee-leads-detail-header{align-items:flex-start;flex-direction:column}.employee-leads-appointment-row{gap:.35rem;grid-template-columns:1fr}}.vl-panel-tab{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb)}.vl-tab-label{font-size:.85rem}.vl-assignee-badge{background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;color:#b45309;white-space:nowrap}.vl-assignee-badge,.vl-unassigned-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.18rem .55rem}.vl-unassigned-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary)}.employee-leads-assign-row{display:flex;flex-direction:column;gap:.6rem}.employee-leads-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:520px){.vl-panel-tabs{grid-template-columns:1fr}}.lead-create-field-block{margin-bottom:.85rem}.lead-create-field-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.lead-create-pill-row{display:flex;flex-wrap:wrap;gap:.4rem}.lead-create-pill{background:#1e1e1e;background:var(--bg-secondary,#1e1e1e);border:1.5px solid #2a2a2a;border:1.5px solid var(--border-color,#2a2a2a);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;padding:5px 14px;transition:all .14s;white-space:nowrap}.lead-create-pill:hover{color:var(--text-primary)}.lead-create-pill.active,.lead-create-pill:hover{border-color:#f59e0b;border-color:var(--accent-color,#f59e0b)}.lead-create-pill.active{background:#f59e0b1a;color:#f59e0b;color:var(--accent-color,#f59e0b);font-weight:600}.lead-create-select{-webkit-appearance:auto;appearance:auto;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;padding:.6rem .75rem;width:100%}.lead-create-select,.lead-create-suggestions{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px}.lead-create-suggestions{background:#fff;background:var(--bg-primary,#fff);box-shadow:0 4px 16px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:50}.lead-create-suggestion-item{background:none;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-primary);cursor:pointer;display:block;font-size:.83rem;overflow:hidden;padding:.55rem .85rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.lead-create-suggestion-item:last-child{border-bottom:none}.lead-create-suggestion-item:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}.employee-leads-edit-grid label[style*="span 2"]{grid-column:1/-1}.employee-appointments{color:var(--text-primary);margin:0 auto;max-width:1100px;padding:2rem}.employee-appointments-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.employee-appointments-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0}.employee-appointments-header p{color:var(--text-secondary);font-size:.9rem;margin:.3rem 0 0}.employee-appointments-create{align-items:center;background:#f59e0b;background:var(--accent-color,#f59e0b);border:none;border-radius:10px;color:#000;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.65rem 1.15rem;transition:opacity .15s;white-space:nowrap}.employee-appointments-create:hover{opacity:.85}.employee-appointments-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;gap:.25rem;margin-bottom:1.25rem;padding:.2rem}.employee-appointments-tab{background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.4rem 1rem;transition:background .15s,color .15s}.employee-appointments-tab.active{background:var(--text-primary);color:var(--bg-primary)}.employee-appointments-view-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.employee-appointments-view-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.4rem .85rem;transition:all .15s}.employee-appointments-view-btn.active{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--accent-color,#f59e0b);color:var(--text-primary)}.employee-appointments-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.employee-appointments-filter,.employee-appointments-search{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.5rem;padding:.5rem .85rem;transition:border-color .15s}.employee-appointments-filter:focus-within,.employee-appointments-search:focus-within{border-color:#f59e0b;border-color:var(--accent-color,#f59e0b)}.employee-appointments-filter svg,.employee-appointments-search svg{color:var(--text-secondary);flex-shrink:0}.employee-appointments-filter select,.employee-appointments-search input{background:#0000;border:none;color:var(--text-primary);font-size:.875rem;min-width:140px;outline:none}.employee-appointments-list{grid-gap:.75rem;display:grid;gap:.75rem}.employee-appointments-card{grid-gap:.5rem 1rem;align-items:start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;display:grid;gap:.5rem 1rem;grid-template-columns:1fr auto;padding:1rem 1.25rem;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.employee-appointments-card:hover{border-color:#f59e0b;border-color:var(--accent-color,#f59e0b);box-shadow:0 4px 16px #00000012}.employee-appointments-card-left{display:flex;flex-direction:column;gap:.4rem;min-width:0}.employee-appointments-card-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.4rem}.employee-appointments-card h3{font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-appointments-card-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.82rem;gap:.4rem 1rem}.employee-appointments-card-meta span{align-items:center;display:flex;gap:.3rem}.employee-appointments-card-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.2rem .55rem;white-space:nowrap}.employee-appointments-status{border-radius:999px;font-size:.75rem;font-weight:700;padding:.25rem .65rem;white-space:nowrap}.status-proposed,.status-requested{background:#3b82f61f;color:#2563eb}.status-confirmed{background:#10b98126;color:#059669}.status-rescheduled{background:#f59e0b26;color:#b45309}.status-completed{background:#10b98126;color:#059669}.status-canceled,.status-no_show{background:#ef444426;color:#dc2626}.employee-appointments-approval{background:#f59e0b1f;border-radius:999px;color:#b45309;font-size:.78rem;font-weight:600;padding:.18rem .5rem}.employee-appointments-state{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:14px;color:var(--text-secondary);font-size:.95rem;padding:2.5rem;text-align:center}.employee-appointments-modal{align-items:stretch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2000}.employee-appointments-modal-content{animation:slideInRight .22s ease;background:var(--bg-primary);box-shadow:-8px 0 48px #0003;display:flex;flex-direction:column;height:100%;width:min(560px,100%)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.employee-appointments-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:1.25rem 1.5rem}.employee-appointments-modal-header h2{font-size:1.1rem;font-weight:700;margin:0}.employee-appointments-modal-header p{color:var(--text-secondary);font-size:.85rem;margin:3px 0 0}.employee-appointments-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;padding:6px 10px;transition:background .15s}.employee-appointments-modal-close:hover{background:var(--border-color)}.employee-appointments-modal-body{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1.5rem}.modal-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:1rem 1.5rem}.employee-appointments-section{display:flex;flex-direction:column;gap:.75rem}.employee-appointments-section h3{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.09em;margin:0;text-transform:uppercase}.employee-appointments-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.employee-appointments-grid label{color:var(--text-primary);display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.35rem}.employee-appointments-grid input,.employee-appointments-grid select,.employee-appointments-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:.88rem;padding:.6rem .75rem;transition:border-color .15s;width:100%}.employee-appointments-grid input:focus,.employee-appointments-grid select:focus,.employee-appointments-select:focus{background:var(--bg-primary);border-color:#f59e0b;border-color:var(--accent-color,#f59e0b);outline:none}.employee-appointments-summary{grid-gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);display:grid;font-size:.85rem;gap:4px;padding:.75rem}.employee-appointments-summary strong{color:var(--text-primary)}.employee-appointments-hint{color:var(--text-secondary);font-size:.82rem;margin:0}.employee-appointments-primary,.employee-appointments-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:.4rem;padding:.65rem 1.2rem;transition:opacity .15s}.employee-appointments-primary{background:#f59e0b;background:var(--accent-color,#f59e0b);color:#000}.employee-appointments-primary:hover:not(:disabled){opacity:.85}.employee-appointments-primary:disabled{cursor:not-allowed;opacity:.5}.employee-appointments-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.employee-appointments-secondary:hover{border-color:var(--text-secondary)}.employee-appointments-accept,.employee-appointments-decline{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:700;gap:.4rem;padding:.6rem 1rem}.employee-appointments-accept{background:#10b981;color:#fff}.employee-appointments-decline{background:#ef4444;color:#fff}.employee-appointments-back{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;padding:0}.employee-appointments-actions{display:flex;gap:.75rem;margin-top:1rem}.employee-appointments-actions-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.employee-appointments-action-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary)}.employee-appointments-action-btn,.employee-appointments-save{align-items:center;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem 1rem}.employee-appointments-save{background:var(--text-primary);border:none;border-radius:10px;color:var(--bg-primary)}.employee-appointments-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.employee-appointments-info-spaced{margin-top:.75rem}.employee-appointments-info-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.88rem;padding:.6rem .75rem}.appointment-form-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;margin-bottom:1rem;padding:1rem 1.25rem}.appointment-form-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.appointment-form-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.appointment-form-grid label,.appointment-form-textarea{color:var(--text-primary);display:flex;flex-direction:column;font-size:.88rem;font-weight:600;gap:.35rem}.appointment-form-grid input,.appointment-form-textarea textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.88rem;padding:.6rem .75rem}.appointment-form-textarea textarea{min-height:140px;resize:vertical}.appointment-form-actions{display:flex;gap:.75rem;justify-content:space-between}.appointment-form-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.appointment-form-step{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;padding:.45rem .9rem}.appointment-form-step.active{background:var(--text-primary);border-color:#0000;color:var(--bg-primary)}.employee-appointments-notes{display:flex;flex-direction:column;font-size:.88rem;font-weight:600;gap:.35rem}.employee-appointments-notes textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.88rem;min-height:90px;padding:.6rem .75rem;resize:vertical}.appointment-detail-meta-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 1.25rem;margin-bottom:1.25rem;padding:.75rem 1rem}.appointment-detail-meta-bar span{align-items:center;display:flex;gap:.35rem}.appointment-detail-section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:.78rem;font-weight:700;gap:.4rem;letter-spacing:.08em;margin-bottom:.9rem;text-transform:uppercase}.appointment-detail-value{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.88rem;font-weight:400;min-height:36px;padding:.5rem .7rem}.vl-panel-tabs{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin:1.25rem 0}.vl-panel-tab{align-items:flex-start;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.15rem;padding:1.1rem 1.25rem;text-align:left;transition:border-color .15s,background .15s;width:100%}.vl-panel-tab:hover:not(.active){border-color:var(--text-secondary)}.vl-panel-tab.active{background:#f59e0b0f;border-color:#f59e0b;border-color:var(--accent-color,#f59e0b)}.vl-tab-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.82rem;font-weight:700;gap:.4rem;letter-spacing:.05em;text-transform:uppercase}.vl-panel-tab.active .vl-tab-label{color:#f59e0b;color:var(--accent-color,#f59e0b)}.vl-tab-count{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.1;margin:.1rem 0}.vl-tab-sub{color:var(--text-secondary);font-size:.78rem}@media (max-width:640px){.employee-appointments{padding:1.25rem}.employee-appointments-header{align-items:flex-start;flex-direction:column}.employee-appointments-create{justify-content:center;width:100%}.employee-appointments-modal{align-items:flex-end;justify-content:center}.employee-appointments-modal-content{animation:slideInUp .22s ease;border-radius:20px 20px 0 0;height:95dvh;width:100%}.employee-appointments-card{grid-template-columns:1fr}.employee-appointments-card-right{align-items:center;flex-direction:row}.appointment-form-header{align-items:stretch;flex-direction:column}.vl-panel-tabs{grid-template-columns:1fr}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.installer-availability{color:var(--text-primary);margin:0 auto;max-width:1100px;padding:2rem}.installer-availability-header h1{font-size:1.6rem;margin:0}.installer-availability-header p{color:var(--text-secondary);margin:.35rem 0 0}.installer-availability-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.5rem 0}.installer-availability-form label{display:flex;flex-direction:column;font-weight:600;gap:.4rem}.installer-availability-form input{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);padding:.6rem .75rem}.availability-primary{align-items:center;background:var(--text-primary);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;padding:.65rem 1rem}.installer-availability-list{grid-gap:1rem;display:grid;gap:1rem}.installer-availability-card{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:1rem 1.25rem}.installer-availability-date{align-items:center;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.installer-availability-slots{grid-gap:.5rem;display:grid;gap:.5rem}.installer-availability-slot{align-items:center;background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);display:flex;justify-content:space-between;padding:.5rem .75rem}.installer-availability-slot button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer}.installer-availability-state{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:var(--text-secondary);padding:1.5rem;text-align:center}[data-theme=dark] .installer-availability-card,[data-theme=dark] .installer-availability-form input,[data-theme=dark] .installer-availability-state{border-color:#ffffff1f}@media (max-width:768px){.installer-availability{padding:1.25rem}}.notifications-page{color:var(--text-primary);margin:0 auto;max-width:1000px;padding:2rem}.notifications-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.notifications-header h1{font-size:1.6rem;margin:0}.notifications-header p{color:var(--text-secondary);margin:.35rem 0 0}.notifications-refresh{align-items:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem 1rem}.notifications-list{grid-gap:.75rem;display:grid;gap:.75rem;margin-top:1.5rem}.notification-card{align-items:center;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;text-align:left}.notification-card.unread{background:#2563eb14;border-color:#2563eb}.notification-card h3{margin:0 0 .3rem}.notification-card p{color:var(--text-secondary);margin:0}.notifications-empty{grid-gap:.5rem;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:var(--text-secondary);display:grid;gap:.5rem;justify-items:center;margin-top:2rem;padding:2rem;text-align:center}@media (max-width:768px){.notifications-page{padding:1.25rem}.notifications-header{align-items:flex-start;flex-direction:column}}.tasks-page{margin:0 auto;max-width:1100px;padding:2rem}.tasks-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tasks-header h1{margin:0 0 .35rem}.tasks-header-actions{display:flex;gap:.75rem}.tasks-primary,.tasks-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem .9rem}.tasks-primary{background:var(--text-primary);color:var(--bg-primary)}.tasks-secondary{background:var(--bg-secondary);color:var(--text-primary)}.tasks-create,.tasks-secondary{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb)}.tasks-create{grid-gap:.8rem;background:var(--bg-primary);border-radius:12px;display:grid;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.tasks-create-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tasks-create label{color:var(--text-primary);display:flex;flex-direction:column;font-weight:600;gap:.35rem}.tasks-create input,.tasks-create select,.tasks-create textarea{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);padding:.6rem .75rem}.tasks-create textarea{resize:vertical}.tasks-create-actions{display:flex;gap:.75rem;justify-content:flex-end}.tasks-filters{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:999px;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.35rem}.tasks-filters button{background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.35rem .75rem}.tasks-filters button.active{background:var(--text-primary);color:var(--bg-primary)}.tasks-state{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:var(--text-secondary);padding:2rem;text-align:center}.tasks-list{grid-gap:.75rem;display:grid;gap:.75rem}.task-card{align-items:center;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.task-card h3{margin:0 0 .35rem}.task-card p{margin:0 0 .5rem}.task-card p,.task-meta{color:var(--text-secondary)}.task-meta{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem 1rem}.task-complete{align-items:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;padding:.4rem .7rem}.task-priority{background:#6366f11f;border-radius:999px;color:#4338ca;padding:.15rem .5rem;text-transform:capitalize}.task-priority.high{background:#ef44441f;color:#b91c1c}.task-priority.low{background:#10b9811f;color:#047857}@media (max-width:768px){.tasks-page{padding:1.25rem}.task-card,.tasks-header{align-items:flex-start;flex-direction:column}}.tickets-page{margin:0 auto;max-width:1100px;padding:2rem}.tickets-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tickets-header h1{margin:0 0 .35rem}.tickets-header-actions{display:flex;gap:.75rem}.tickets-primary,.tickets-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem .9rem}.tickets-primary{background:var(--text-primary);color:var(--bg-primary)}.tickets-secondary{background:var(--bg-secondary);color:var(--text-primary)}.tickets-create,.tickets-secondary{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb)}.tickets-create{grid-gap:.8rem;background:var(--bg-primary);border-radius:12px;display:grid;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.tickets-create label{color:var(--text-primary);display:flex;flex-direction:column;font-weight:600;gap:.35rem}.tickets-create input,.tickets-create select,.tickets-create textarea{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);padding:.6rem .75rem}.tickets-create textarea{resize:vertical}.tickets-create-actions{display:flex;gap:.75rem;justify-content:flex-end}.tickets-filters{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:999px;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.35rem}.tickets-filters button{background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.35rem .75rem}.tickets-filters button.active{background:var(--text-primary);color:var(--bg-primary)}.tickets-state{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:var(--text-secondary);padding:2rem;text-align:center}.tickets-list{grid-gap:.75rem;display:grid;gap:.75rem}.ticket-card{align-items:center;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.ticket-actions{display:flex;flex-wrap:wrap;gap:.6rem}.ticket-link{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.35rem .4rem}.ticket-card h3{margin:0 0 .35rem}.ticket-card p{color:var(--text-secondary);margin:0 0 .5rem}.ticket-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem 1rem}.ticket-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;padding:.4rem .7rem}.ticket-priority{background:#6366f11f;border-radius:999px;color:#4338ca;padding:.15rem .5rem;text-transform:capitalize}.ticket-priority.high{background:#ef44441f;color:#b91c1c}.ticket-priority.low{background:#10b9811f;color:#047857}.ticket-detail{grid-gap:1.25rem;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;display:grid;gap:1.25rem;padding:1.5rem}.ticket-detail-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ticket-detail-actions{display:inline-flex;flex-wrap:wrap;gap:.6rem}.ticket-detail-actions button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.45rem .85rem}.ticket-detail-actions .primary{background:var(--text-primary);color:var(--bg-primary)}.ticket-detail-actions .secondary{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:var(--text-primary)}.ticket-messages{grid-gap:.75rem;display:grid;gap:.75rem}.ticket-message{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;max-width:720px;padding:.75rem 1rem}.ticket-message.own{background:#6366f11f;border-color:#6366f140;margin-left:auto}.ticket-message-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;justify-content:space-between;margin-bottom:.35rem}.ticket-reply{grid-gap:.6rem;display:grid;gap:.6rem}.ticket-reply textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:.75rem .85rem;resize:vertical}.ticket-reply button{background:var(--text-primary);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;font-weight:600;justify-self:flex-end;padding:.45rem .85rem}@media (max-width:768px){.tickets-page{padding:1.25rem}.ticket-card,.tickets-header{align-items:flex-start;flex-direction:column}.ticket-detail{padding:1.1rem}}.calendar-page{margin:0 auto;max-width:1200px;padding:2rem}.calendar-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.calendar-controls{display:flex;gap:.5rem}.calendar-controls button{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-primary);cursor:pointer;gap:.35rem;padding:.4rem .7rem}.calendar-controls button,.calendar-view-tabs{background:var(--bg-primary);display:inline-flex}.calendar-view-tabs{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:999px;gap:.5rem;margin-bottom:1.5rem;padding:.35rem}.calendar-view-tabs button{background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.35rem .75rem}.calendar-view-tabs button.active{background:var(--text-primary);color:var(--bg-primary)}.calendar-state{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:var(--text-secondary);padding:2rem;text-align:center}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-grid-header{color:var(--text-secondary);font-weight:600;text-align:center}.calendar-cell{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;flex-direction:column;gap:.35rem;min-height:110px;padding:.5rem}.calendar-cell.muted{opacity:.5}.calendar-cell-date{font-size:.9rem;font-weight:600}.calendar-cell-items{grid-gap:.25rem;display:grid;font-size:.75rem;gap:.25rem}.calendar-item{background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:.5rem .75rem}.calendar-list{grid-gap:.75rem;display:grid;gap:.75rem}.calendar-day{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:.75rem}.calendar-day-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.calendar-day-items{grid-gap:.5rem;display:grid;gap:.5rem}.calendar-more{font-size:.75rem}.calendar-empty,.calendar-more{color:var(--text-secondary)}.calendar-tasks{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-top:2rem;padding:1rem 1.25rem}.calendar-task-list{grid-gap:.5rem;display:grid;gap:.5rem}.calendar-task{background:var(--bg-secondary);border-radius:10px;display:flex;justify-content:space-between;padding:.5rem .75rem}@media (max-width:768px){.calendar-page{padding:1.25rem}.calendar-header{align-items:flex-start;flex-direction:column}.calendar-grid{grid-template-columns:repeat(2,1fr)}}.signature-page{margin:0 auto;max-width:1280px;padding:24px}.signature-loading{color:#666;color:var(--text-secondary,#666);padding:40px;text-align:center}.signature-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.signature-header h1{font-size:28px;margin:0}.signature-back{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:10px;color:#222;color:var(--text-primary,#222);cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px}.signature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:380px 1fr}.signature-form-card,.signature-preview-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:14px;padding:16px}.signature-form-card h2,.signature-preview-card h2{font-size:18px;margin-bottom:12px;margin-top:0}.signature-form-card label{color:#666;color:var(--text-secondary,#666);display:block;font-size:13px;margin-bottom:10px}.signature-form-card input{background:#fafafa;background:var(--bg-secondary,#fafafa);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:10px;box-sizing:border-box;color:#111;color:var(--text-primary,#111);height:40px;margin-top:6px;padding:0 12px;width:100%}.signature-form-card input::placeholder{color:#777;color:var(--text-secondary,#777);opacity:1}.signature-form-card input:focus{border-color:#ffc400;border-color:var(--accent-color,#ffc400);box-shadow:0 0 0 2px #ffc4002e;outline:none}[data-theme=dark] .signature-form-card input{background:#25211b;background:var(--bg-primary,#25211b);border-color:#68634a;border-color:var(--border-color,#68634a);color:#ecf0f1;color:var(--text-primary,#ecf0f1)}[data-theme=dark] .signature-form-card input::placeholder{color:#c7c3bd;color:var(--text-secondary,#c7c3bd)}[data-theme=dark] .signature-form-card input:-webkit-autofill,[data-theme=dark] .signature-form-card input:-webkit-autofill:focus,[data-theme=dark] .signature-form-card input:-webkit-autofill:hover{-webkit-text-fill-color:#ecf0f1;-webkit-text-fill-color:var(--text-primary,#ecf0f1);-webkit-box-shadow:inset 0 0 0 1000px #25211b;-webkit-box-shadow:0 0 0 1000px var(--bg-primary,#25211b) inset;-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.signature-actions{display:flex;gap:10px;margin-top:14px}.signature-actions button{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:10px 12px}.signature-actions .primary{background:var(--text-primary);color:var(--bg-primary)}.signature-actions .secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.signature-help{color:#888;color:var(--text-muted,#888);font-size:12px;margin:10px 0 0}.signature-preview{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:10px;min-height:760px;width:100%}@media (max-width:1024px){.signature-grid{grid-template-columns:1fr}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--kpi-green:#22c55e;--kpi-red:#ef4444;--kpi-orange:#f97316}.kpi-tracker{margin:0 auto;max-width:1100px;overflow-x:hidden;padding:1rem 1.25rem}.kpi-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.kpi-header h1{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.kpi-subtitle{color:var(--text-muted);font-size:12px;letter-spacing:.8px;margin:0;text-transform:uppercase}.kpi-entry-count{align-items:center;display:flex;gap:6px;margin-left:auto}.kpi-count-label{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.kpi-count-value{color:var(--accent-color);font-size:18px;font-weight:800}.kpi-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);display:flex;gap:0;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.kpi-tabs::-webkit-scrollbar{display:none}.kpi-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.8px;margin-bottom:-1px;padding:9px 18px;text-transform:uppercase;transition:color .15s,border-color .15s;white-space:nowrap}.kpi-tab:hover{color:var(--text-primary)}.kpi-tab.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.kpi-card{padding:18px 20px}.kpi-card,.kpi-card-no-padding{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:14px}.kpi-card-no-padding{overflow:hidden}.kpi-card-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 20px 10px}.kpi-card-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:14px;margin-top:0;text-transform:uppercase}.kpi-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}.kpi-form-group{display:flex;flex-direction:column;gap:5px;position:relative}.kpi-form-group label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kpi-form-group input,.kpi-form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:13px;padding:9px 11px;transition:border-color .15s}.kpi-form-group input:focus,.kpi-form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #f59e0b26;outline:none}.kpi-form-full{grid-column:1/-1}.kpi-suggestions{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.kpi-suggestion-item{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:block;font-size:12px;padding:9px 12px;text-align:left;transition:background .1s;width:100%}.kpi-suggestion-item:last-child{border-bottom:none}.kpi-suggestion-item:hover{background:var(--bg-secondary)}.kpi-stepper-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px;min-width:0}.kpi-stepper-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.kpi-stepper-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.4px;margin-bottom:7px;text-transform:uppercase}.kpi-stepper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.kpi-stepper,.kpi-stepper-btn{align-items:center;display:flex}.kpi-stepper-btn{background:var(--bg-secondary);border:none;color:var(--accent-color);cursor:pointer;flex-shrink:0;font-size:18px;font-weight:700;height:38px;justify-content:center;line-height:1;transition:background .1s;width:38px}.kpi-stepper-btn:active{background:var(--border-color)}.kpi-stepper-val{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:var(--bg-primary);border:none;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:700;min-width:0;outline:none;padding:6px 0;text-align:center;width:0}.kpi-stepper-val::-webkit-inner-spin-button,.kpi-stepper-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kpi-btn-submit{background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;padding:12px;transition:opacity .15s,transform .1s;width:100%}.kpi-btn-submit:hover{opacity:.9}.kpi-btn-submit:active{transform:scale(.99)}.kpi-btn-submit:disabled{cursor:not-allowed;opacity:.5}.kpi-success-msg{background:#22c55e1f;border:1px solid #22c55e4d;border-radius:var(--radius-sm);color:#22c55e;color:var(--kpi-green);font-size:13px;font-weight:600;margin-top:10px;padding:10px 14px;text-align:center}.kpi-stats-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.kpi-stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);border-top:3px solid var(--accent-color);box-shadow:var(--shadow-xs);padding:14px 16px}.kpi-stat-card.green{border-top-color:#22c55e;border-top-color:var(--kpi-green)}.kpi-stat-card.red{border-top-color:#ef4444;border-top-color:var(--kpi-red)}.kpi-stat-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.kpi-stat-num{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.kpi-stat-sub{color:var(--text-muted);font-size:10px;margin-top:4px}.kpi-funnel{display:flex;flex-direction:column;gap:8px;overflow-x:hidden}.kpi-funnel-step{align-items:center;display:flex;gap:10px;min-width:0}.kpi-funnel-label{color:var(--text-primary);flex-shrink:0;font-size:11px;font-weight:600;min-width:80px;text-align:right;width:120px}.kpi-funnel-bar-wrap{background:var(--bg-secondary);border-radius:20px;flex:1 1;height:28px;overflow:hidden}.kpi-funnel-bar{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;min-width:36px;padding-left:10px;transition:width .7s cubic-bezier(.4,0,.2,1)}.kpi-funnel-pct{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:700;text-align:left;width:40px}.kpi-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);overflow-x:auto}.kpi-table{border-collapse:collapse;font-size:12px;min-width:480px;width:100%}.kpi-table th{background:var(--bg-secondary);color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.kpi-table td,.kpi-table th{border-bottom:1px solid var(--border-color);padding:9px 11px;white-space:nowrap}.kpi-table td{background:var(--bg-primary);color:var(--text-primary)}.kpi-table tr:last-child td{border-bottom:none}.kpi-table tr:hover td{background:var(--bg-secondary)}.kpi-cell-note{color:var(--text-muted);font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;padding:2px 7px}.kpi-badge.green{background:#22c55e26;color:#22c55e;color:var(--kpi-green)}.kpi-badge.gold{background:#f59e0b26;color:var(--accent-color)}.kpi-badge.red{background:#ef444426;color:#ef4444;color:var(--kpi-red)}.kpi-legend{display:flex;flex-wrap:wrap;gap:10px}.kpi-legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:5px}.kpi-legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.kpi-legend-dot.green{background:#22c55e;background:var(--kpi-green)}.kpi-legend-dot.gold{background:var(--accent-color)}.kpi-legend-dot.red{background:#ef4444;background:var(--kpi-red)}.kpi-map{height:380px;margin-top:0;width:100%;z-index:1}.kpi-search-row{display:flex;flex-wrap:wrap;gap:8px}.kpi-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;min-width:160px;padding:9px 12px;transition:border-color .15s}.kpi-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #f59e0b26;outline:none}.kpi-btn-search{background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-size:12px;font-weight:700;padding:9px 16px;transition:opacity .15s;white-space:nowrap}.kpi-btn-search:hover{opacity:.9}.kpi-btn-locate{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;padding:9px 14px;transition:border-color .15s;white-space:nowrap}.kpi-btn-locate:hover{border-color:var(--accent-color)}.kpi-search-result{color:var(--text-muted);font-size:12px;margin-top:8px}.kpi-btn-show-map{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:border-color .1s}.kpi-btn-show-map:hover{border-color:var(--accent-color);color:var(--accent-color)}.kpi-gebiet-bar{background:var(--bg-secondary);border-radius:3px;height:6px;margin-top:4px;min-width:60px;overflow:hidden}.kpi-gebiet-fill{border-radius:3px;height:100%;transition:width .6s ease}.kpi-charts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.kpi-chart-wrap{height:200px;position:relative}.kpi-loading{padding:40px 20px}.kpi-empty,.kpi-loading{color:var(--text-muted);font-size:13px;text-align:center}.kpi-empty{padding:28px 20px}@media (max-width:900px){.kpi-stats-row{grid-template-columns:1fr 1fr}.kpi-charts-grid{grid-template-columns:1fr}}@media (max-width:600px){.kpi-tracker{padding:.85rem 1rem}.kpi-header h1{font-size:18px}.kpi-entry-count{justify-content:flex-start;margin-left:0;width:100%}.kpi-stats-row{gap:8px;grid-template-columns:1fr 1fr}.kpi-stat-num{font-size:22px}.kpi-form-grid{grid-template-columns:1fr}.kpi-stepper-grid{gap:8px;grid-template-columns:1fr 1fr}.kpi-stepper-item{padding:10px}.kpi-funnel-label{font-size:9px;min-width:72px;width:72px}.kpi-funnel-bar-wrap{height:24px}.kpi-map{height:260px}.kpi-search-row{flex-direction:column}.kpi-btn-locate,.kpi-btn-search{text-align:center;width:100%}.kpi-card{padding:12px}.kpi-card-no-padding{overflow:hidden}.kpi-table{font-size:11px}.kpi-table td,.kpi-table th{padding:7px 9px}}@media (max-width:400px){.kpi-stats-row,.kpi-stepper-grid{grid-template-columns:1fr 1fr}.kpi-stepper-btn{height:34px;width:34px}}.kpi-adressen{display:flex;flex-direction:column;gap:1rem}.kpi-adressen-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.125rem}.kpi-adressen-header-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.kpi-adressen-title{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;margin:0}.kpi-adressen-sub{color:var(--text-secondary);font-size:.78rem;margin:3px 0 0 22px}.kpi-adressen-add-btn{align-items:center;background:#f59e0b;background:var(--accent-color,#f59e0b);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:600;gap:5px;padding:.45rem .9rem;white-space:nowrap}.kpi-adressen-add-btn:hover{opacity:.88}.kpi-adressen-status-row{display:flex;flex-wrap:wrap;gap:.4rem}.kpi-door-chip{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 10px}.kpi-adressen-form-card{margin-top:0}.kpi-adressen-form-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:1fr 1fr}.kpi-status-btn-row{display:flex;flex-wrap:wrap;gap:.4rem}.kpi-status-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;padding:5px 12px;transition:all .15s}.kpi-status-btn:hover{border-color:#f59e0b;border-color:var(--accent-color,#f59e0b);color:var(--text-primary)}.kpi-status-btn.active{font-weight:600}.kpi-adressen-list{display:flex;flex-direction:column;gap:.5rem}.kpi-adressen-list-label{color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.8px;margin-bottom:2px;opacity:.6;text-transform:uppercase}.kpi-door-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:.75rem .9rem}.kpi-door-card-old{opacity:.8}.kpi-door-card-top{gap:.5rem;justify-content:space-between}.kpi-door-address,.kpi-door-card-top{align-items:center;display:flex;flex-wrap:wrap}.kpi-door-address{color:var(--text-primary);font-size:.88rem;font-weight:500;gap:4px;min-width:0}.kpi-door-city{color:var(--text-secondary);font-size:.78rem;margin-left:2px}.kpi-door-date{color:var(--text-secondary);font-size:.73rem;margin-right:6px;opacity:.65}.kpi-door-status-badge{border:1px solid;border-radius:20px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:2px 10px;white-space:nowrap}.kpi-door-notiz{border-left:2px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;margin:0;opacity:.8;padding-left:.6rem}.kpi-door-lead-btn{align-items:center;align-self:flex-start;background:#22c55e1a;border:1px solid #22c55e59;border-radius:7px;color:#22c55e;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:4px 10px}.kpi-door-lead-btn:hover{background:#22c55e2e}.kpi-door-lead-linked{display:inline-flex;font-size:.77rem;gap:5px;opacity:.6}.kpi-door-lead-linked,.kpi-empty-state{align-items:center;color:var(--text-secondary)}.kpi-empty-state{display:flex;flex-direction:column;gap:.75rem;padding:2.5rem 1rem;text-align:center}.kpi-empty-state p{font-size:.9rem;margin:0;opacity:.6}@media (max-width:500px){.kpi-adressen-form-grid{grid-template-columns:1fr}.kpi-adressen-form-grid>div[style*="span 2"]{grid-column:1!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}