:root{--bg-primary:#0b0e11;--bg-secondary:#0f1419;--bg-panel:#1a1f2e;--bg-subtle:rgba(42,47,56,.3);--border:#2a2f38;--border-hover:#3a414d;--text-bright:#fff;--text-primary:#d1d5da;--text-muted:#8b92a5;--text-faint:#56606c;--accent:#fe4f00;--accent-hover:#ff7233;--background:#0b0e11;--foreground:#d1d5da}body[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#e8ecf0;--bg-panel:#fff;--bg-subtle:rgba(220,225,232,.5);--border:#d0d7de;--border-hover:#b3bcc4;--text-bright:#1a1f2e;--text-primary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--accent:#fe4f00;--accent-hover:#e64500;--background:#f0f2f5;--foreground:#374151}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s ease,color .2s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,var(--bg-panel) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border);padding:30px 20px;margin-bottom:30px}.site-title{text-align:left;margin-bottom:20px}.site-title h1{font-size:1.8rem;margin:0;color:var(--accent);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.site-title p{font-size:.95rem;margin:0;color:var(--text-muted);font-weight:400}.header-content{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;max-width:1400px;width:100%;margin:0 auto}.header-left{flex:1 1;min-width:0}.header-top{margin-bottom:20px}.app-header h2{font-size:2rem;margin:0 0 8px;color:var(--text-bright);font-weight:600;letter-spacing:-.5px}.app-header p{font-size:.95rem;margin:0;color:var(--text-muted);font-weight:400}.navigation{display:flex;gap:12px;align-items:center}.nav-btn{background-color:transparent;color:var(--text-muted);border:1px solid var(--border);padding:10px 24px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-btn:hover{color:var(--text-bright);border-color:var(--accent);background-color:rgba(254,79,0,.1)}.nav-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.theme-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:38px;height:38px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:1rem;line-height:1}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--text-bright);background-color:rgba(254,79,0,.1)}.user-info{background:rgba(254,79,0,.05);border:1px solid var(--border);border-radius:6px;padding:20px;min-width:300px;max-width:350px}.user-detail-item{color:var(--text-faint);font-size:.75rem;margin-bottom:4px;font-family:monospace}@media (max-width:1024px){.header-content{flex-direction:column}.user-info{max-width:100%;width:100%}}.token-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.token-input-group{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:300px}.token-input-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.token-input{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-bright);padding:10px 14px;border-radius:4px;font-size:.9rem;transition:all .2s ease;font-family:Monaco,Courier New,monospace}.token-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(254,79,0,.1)}.token-input::placeholder{color:var(--text-faint)}.token-submit-btn{background-color:var(--accent);color:#fff;border:none;padding:10px 20px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.token-submit-btn:hover{background-color:var(--accent-hover);box-shadow:0 2px 8px rgba(254,79,0,.3)}.token-submit-btn:active{transform:scale(.98)}.refresh-btn-header{background-color:var(--accent);color:#fff;border:none;padding:10px 20px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.refresh-btn-header:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 2px 8px rgba(254,79,0,.3)}.refresh-btn-header:active:not(:disabled){transform:scale(.98)}.refresh-btn-header:disabled{opacity:.6;cursor:not-allowed}.app-main{flex:1 1;padding:0 20px 30px;max-width:1400px;width:100%;margin:0 auto}.app-main.full-width{max-width:95%;padding-left:20px;padding-right:20px}.loading{text-align:center;color:var(--text-muted);font-size:1rem;padding:60px 20px;display:flex;align-items:center;justify-content:center;min-height:400px}.loading:before{content:"";display:inline-block;width:16px;height:16px;margin-right:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{background-color:rgba(242,70,66,.1);color:#f24642;padding:16px 20px;border-radius:4px;margin-bottom:20px;border-left:4px solid #f24642;font-size:.95rem}.app-footer{display:flex;justify-content:center;align-items:center;padding:20px;gap:20px;border-top:1px solid var(--border);background:var(--bg-secondary)}.footer-text{font-size:.85rem;color:var(--text-faint);font-weight:500}body[data-theme=light] .employees-header h2{color:var(--text-bright)}body[data-theme=light] .employees-count{color:var(--text-muted)}body[data-theme=light] .filters-section{background:var(--bg-subtle);border-color:var(--border)}body[data-theme=light] .filter-checkbox{color:var(--text-primary)}body[data-theme=light] .filter-select{border-color:var(--border)}body[data-theme=light] .filter-select,body[data-theme=light] .filter-select option,body[data-theme=light] .search-input{background-color:var(--bg-panel);color:var(--text-bright)}body[data-theme=light] .search-input{border-color:var(--border)}body[data-theme=light] .search-input::placeholder{color:var(--text-faint)}body[data-theme=light] .page-number,body[data-theme=light] .pagination-btn{background-color:var(--bg-panel);color:var(--text-bright);border-color:var(--border)}body[data-theme=light] .page-number:hover{background-color:var(--bg-subtle)}body[data-theme=light] .ellipsis,body[data-theme=light] .empty-state{color:var(--text-muted)}body[data-theme=light] .employee-card{background:linear-gradient(135deg,var(--bg-panel) 0,var(--bg-secondary) 100%);border-color:var(--border)}body[data-theme=light] .employee-name{color:var(--text-bright)}body[data-theme=light] .employee-title{color:var(--text-muted)}body[data-theme=light] .employee-details{border-top-color:var(--border);border-bottom-color:var(--border)}body[data-theme=light] .detail-label{color:var(--text-muted)}body[data-theme=light] .detail-value{color:var(--text-primary)}body[data-theme=light] .chart-wrapper,body[data-theme=light] .total-employees-card{background:var(--bg-panel);border-color:var(--border)}body[data-theme=light] .total-employees-card h3{color:var(--text-bright)}body[data-theme=light] .scrollable-chart-container::-webkit-scrollbar-track{background:var(--bg-secondary)}body[data-theme=light] .scrollable-chart-container::-webkit-scrollbar-thumb{background:var(--border)}body[data-theme=light] .crosstab-container{background:#fff;border-color:var(--border);box-shadow:0 4px 20px rgba(0,0,0,.06)}body[data-theme=light] .crosstab-header h2{color:var(--text-bright)}body[data-theme=light] .table-wrapper{border-color:var(--border)}body[data-theme=light] .crosstab-table thead{background-color:#f6f8fa}body[data-theme=light] .crosstab-table th{color:#57606a;border-bottom-color:var(--border)}body[data-theme=light] .crosstab-table th.sortable-header:hover{color:var(--text-bright);background-color:#eef0f4}body[data-theme=light] .crosstab-table td{color:#1f2328;border-bottom-color:var(--border)}body[data-theme=light] .crosstab-table tr:hover{background-color:#f6f8fa}body[data-theme=light] .font-medium{color:#1f2328}body[data-theme=light] .email-link{color:#0969da}body[data-theme=light] .table-wrapper::-webkit-scrollbar-track{background:#f0f2f5}body[data-theme=light] .table-wrapper::-webkit-scrollbar-thumb{background:var(--border)}body[data-theme=light] .crosstab-filters-section{background:#f6f8fa;border-color:var(--border)}body[data-theme=light] .crosstab-filters-section .filter-select{background-color:#fff;border-color:var(--border);color:#1f2328}body[data-theme=light] .crosstab-filters-section .filter-select option{background-color:#fff;color:#1f2328}body[data-theme=light] .crosstab-filters-section .search-input{background-color:#fff;border-color:var(--border);color:#1f2328}body[data-theme=light] .map-header h2{color:var(--text-bright)}body[data-theme=light] .total-count{color:var(--text-muted)}body[data-theme=light] .highcharts-map-section{background:#fff;border-color:var(--border)}body[data-theme=light] .state-card{background:linear-gradient(135deg,#fff 0,var(--bg-secondary) 100%);border-color:var(--border)}body[data-theme=light] .state-header{border-bottom-color:var(--border)}body[data-theme=light] .state-total{color:var(--text-bright)}body[data-theme=light] .location-item{background:rgba(220,225,232,.4)}body[data-theme=light] .location-name{color:var(--text-primary)}body[data-theme=light] .location-table{background:#fff;border-color:var(--border)}body[data-theme=light] .location-table h3{color:var(--text-bright)}body[data-theme=light] .location-table th{color:var(--text-muted);border-bottom-color:var(--border)}body[data-theme=light] .location-table td{color:var(--text-primary);border-bottom-color:var(--border)}