@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--bg-app:#f1f5f9;--bg-card:#ffffffbf;--bg-card-hover:#ffffffe6;--bg-dialog:#fff;--state-empty:#e2e8f0;--state-low:#99f6e4;--state-med:#0d9488;--state-high:#0f766e;--map-border:#94a3b8;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#6366f114;--color-success:#059669;--color-success-light:#05966914;--color-danger:#dc2626;--color-danger-light:#dc262614;--color-warning:#d97706;--color-warning-light:#d9770614;--border-color:#cbd5e199;--border-color-focus:#6366f166;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-premium:0 15px 30px -10px #0000000d, 0 4px 8px -4px #00000005, inset 0 1px 0 0 #fffc;--glass-blur:20px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px}[data-theme=dark]{--bg-app:#070a13;--bg-card:#11182780;--bg-card-hover:#111827b3;--bg-dialog:#111827;--state-empty:#1e293b;--state-low:#1a4f4d;--state-med:#319795;--state-high:#4fd1c5;--map-border:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-light:#818cf81f;--color-success:#34d399;--color-success-light:#34d3991f;--color-danger:#f87171;--color-danger-light:#f871711f;--color-warning:#fbbf24;--color-warning-light:#fbbf241f;--border-color:#33415566;--border-color-focus:#818cf880;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0003, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-premium:0 15px 30px -10px #0006, 0 4px 8px -4px #0003, inset 0 1px 0 0 #ffffff08}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s,color .25s}html,body{width:100%;height:100%;font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium)}.container{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex}.app-header{justify-content:space-between;align-items:center;margin-top:12px;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{font-family:var(--font-heading);background:linear-gradient(135deg, var(--color-primary), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.summary-card{flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.summary-card.full-time:before{background:var(--color-primary)}.summary-card.pt1:before{background:var(--color-warning)}.summary-card.pt2:before{background:var(--color-success)}.summary-card.emeritus:before{background:#a855f7}.summary-card.affiliate:before{background:#ec4899}.summary-card.total-paid:before{background:linear-gradient(90deg, var(--color-primary), var(--color-success))}.summary-card .label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.summary-card .value{font-family:var(--font-heading);color:var(--color-text-primary);font-size:2.25rem;font-weight:700}.summary-card .subtext{color:var(--color-text-muted);font-size:.8rem}.controls-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.search-filter-row{flex-wrap:wrap;flex:1;gap:12px;min-width:280px;display:flex}.search-wrapper{flex:1;min-width:200px;position:relative}.search-input{border-radius:var(--border-radius-md);border:1px solid var(--border-color);width:100%;color:var(--color-text-primary);background:#ffffff0d;outline:none;padding:10px 14px 10px 38px;font-size:.9rem}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--border-color-focus)}.search-icon{color:var(--color-text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.select-filter{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;outline:none;padding:10px 32px 10px 14px;font-size:.9rem}.select-filter:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--border-color-focus)}.toggle-group{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:#94a3b814;padding:4px;display:flex}.toggle-btn{border-radius:calc(var(--border-radius-md) - 2px);color:var(--color-text-secondary);padding:8px 14px;font-size:.85rem;font-weight:500}.toggle-btn.active{background:var(--bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.table-panel{overflow:hidden}.table-wrapper{width:100%;max-height:70vh;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}th{z-index:10;background:var(--bg-dialog);color:var(--color-text-secondary);border-bottom:1px solid var(--border-color);font-weight:600;font-family:var(--font-heading);letter-spacing:.02em;padding:14px 20px;position:sticky;top:0}td{border-bottom:1px solid var(--border-color);color:var(--color-text-secondary);vertical-align:middle;padding:16px 20px}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#94a3b808}th:last-child{background:var(--bg-dialog);z-index:15;border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;right:0;box-shadow:-10px 0 15px -10px #00000026}td:last-child{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);z-index:5;border-left:1px solid var(--border-color);position:sticky;right:0;box-shadow:-10px 0 15px -10px #00000026}tbody tr:hover td:last-child{background:var(--bg-card-hover)}.staff-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.staff-meta{color:var(--color-text-muted);font-size:.8rem}.row-actions{justify-content:flex-end;gap:8px;display:flex}.action-icon-btn{border-radius:var(--border-radius-sm);color:var(--color-text-muted);padding:6px;transition:all .2s}.action-icon-btn:hover{color:var(--color-text-primary);background:var(--border-color)}.action-icon-btn.danger:hover{color:var(--color-danger);background:var(--color-danger-light)}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.empty-state svg{width:48px;height:48px;color:var(--color-border-color)}.empty-state h3{color:var(--color-text-primary);font-family:var(--font-heading)}dialog{background:0 0;border:none;outline:none;width:95%;max-width:550px;margin:auto;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#0f172a73;animation:.2s ease-out forwards fadeIn}dialog[open] .dialog-content{animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleIn}.dialog-content{background:var(--bg-dialog);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--color-text-primary);max-height:85vh;padding:28px;overflow-y:auto}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-header h2{font-family:var(--font-heading);font-size:1.35rem;font-weight:700}.dialog-close{color:var(--color-text-muted);border-radius:50%;padding:4px}.dialog-close:hover{color:var(--color-text-primary);background:#94a3b826}.dialog-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-full{grid-column:span 2}.form-section-title{color:var(--color-primary);border-bottom:1.5px solid var(--border-color);letter-spacing:.05em;text-transform:uppercase;grid-column:span 2;margin-top:16px;margin-bottom:4px;padding-bottom:6px;font-size:.825rem;font-weight:700}.form-section-title:first-child{margin-top:0}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}.btn{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--color-text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);box-shadow:none;border:1px solid #0000}.btn-ghost:hover{color:var(--color-text-primary);background:#94a3b81a}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}@keyframes highlight-pulse{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 6px #f9731600}to{box-shadow:0 0 #f9731600}}.btn-highlight{background:linear-gradient(135deg,#f97316,#ea580c);border:none;font-weight:600;animation:2s infinite highlight-pulse;box-shadow:0 4px 12px #f9731640;color:#fff!important}.btn-highlight:hover{background:linear-gradient(135deg,#fb923c,#f97316);animation:none;transform:translateY(-1.5px)scale(1.03);box-shadow:0 6px 16px #f9731659}.btn-highlight:active{transform:translateY(0)scale(1)}.form-group{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.form-group label{color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.input-field{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-app);width:100%;color:var(--color-text-primary);outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--border-color-focus)}.input-field::placeholder{color:var(--color-text-muted)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.grid-full{grid-column:span 1}.controls-panel{flex-direction:column;align-items:stretch}.search-filter-row{flex-direction:column}}.maps-container{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}@media (max-width:900px){.maps-container{grid-template-columns:1fr}}.map-card{flex-direction:column;padding:20px;display:flex;overflow:hidden}.map-card-header{margin-bottom:16px}.map-card-header h3{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:600}.map-card-header p{color:var(--color-text-muted);font-size:.8rem}.map-wrapper{aspect-ratio:836/737;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.map-svg{width:100%;height:100%;max-height:400px;stroke:var(--border-color);stroke-width:1px;stroke-linejoin:round;filter:drop-shadow(var(--shadow-sm))}.state-path{fill:var(--state-empty);cursor:pointer;stroke:var(--map-border);stroke-width:1px;transition:fill .2s,stroke .2s,filter .2s}.state-path.state-empty{fill:var(--state-empty)}.state-path.state-low{fill:var(--state-low)}.state-path.state-med{fill:var(--state-med)}.state-path.state-high{fill:var(--state-high)}.state-path:hover{filter:brightness(1.1)drop-shadow(0 4px 6px #00000026)}.state-path.selected{stroke:var(--color-warning,#d97706);stroke-width:2.5px;paint-order:stroke fill;filter:drop-shadow(0 4px 10px #0d94884d)}.silhouette-path{fill:var(--state-empty);stroke:var(--map-border);stroke-width:.8px;pointer-events:none}.city-dot{fill:#0d9488;stroke:var(--bg-dialog,#fff);stroke-width:1.5px;cursor:pointer;transition:transform .2s,fill .2s}.city-dot:hover{fill:var(--color-warning,#fbbf24);transform-box:fill-box;transform-origin:50%;transform:scale(1.3)}.city-dot-pulse{fill:#0d9488;opacity:.3;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:2.5s ease-out infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(2)}}.hover-bg-item:hover{background-color:#6366f126}