*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee}.app{display:flex;height:100vh;overflow:hidden}.unassigned-pool{width:280px;min-width:280px;background:#16213e;border-right:2px solid #0f3460;display:flex;flex-direction:column}.pool-header,.job-header{padding:1rem;font-size:1.25rem;font-weight:600;border-bottom:2px solid #0f3460}.pool-workers,.job-workers{flex:1;overflow-y:auto;padding:.5rem}.job-board{flex:1;display:flex;overflow-x:auto;padding:0}.job-column{min-width:280px;width:280px;background:#16213e;border-right:2px solid #0f3460;display:flex;flex-direction:column}.job-header{border-left:4px solid var(--job-color)}.worker-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin:.5rem;background:#1a1a2e;border-radius:8px;cursor:grab}.worker-card:hover{background:#252545}.worker-avatar{width:40px;height:40px;border-radius:50%;background:#0f3460;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.worker-info{flex:1;min-width:0}.worker-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-title{font-size:.75rem;color:#888}.worker-card.dragging{opacity:.5}.worker-card.overlay{box-shadow:0 8px 24px #0006;transform:scale(1.05)}.drop-over{background:#3b82f61a}.app-header{padding:.5rem 1rem;background:#0f3460;border-bottom:2px solid #16213e}.app-body{display:flex;flex:1;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.status{font-size:.875rem}.status.online{color:#10b981}.status.offline{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#16213e;border-radius:12px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #0f3460}.modal-header h2{margin:0;font-size:1.5rem}.foreman-star{color:#f59e0b;margin-left:.5rem}.modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer}.modal-close:hover{color:#fff}.modal-body{padding:1.5rem}.modal-photo{text-align:center;margin-bottom:1.5rem}.modal-photo img{width:120px;height:120px;border-radius:50%;object-fit:cover}.photo-placeholder{width:120px;height:120px;border-radius:50%;background:#0f3460;display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600}.modal-fields{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-size:.75rem;color:#888;text-transform:uppercase}.field span,.field p{margin:0;color:#eee}.field.notes p{background:#1a1a2e;padding:.75rem;border-radius:6px;min-height:60px}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #0f3460}.confirm-prompt{display:flex;align-items:center;gap:.75rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.btn-warning{background:#f59e0b;color:#000}.btn-danger{background:#ef4444;color:#fff}.btn-secondary{background:#374151;color:#fff}.hopper-overlay{position:fixed;inset:0;background:#0000004d;z-index:800}.hopper-drawer{position:fixed;right:-320px;top:0;bottom:0;width:320px;background:#16213e;border-left:2px solid #0f3460;z-index:900;transition:right .25s ease;display:flex;flex-direction:column}.hopper-drawer.open{right:0}.hopper-header{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid #0f3460}.hopper-header h3{margin:0;flex:1}.hopper-count{background:#0f3460;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.hopper-close{background:none;border:none;color:#888;font-size:1.25rem;cursor:pointer}.hopper-close:hover{color:#fff}.hopper-list{flex:1;overflow-y:auto;padding:.5rem}.hopper-empty{color:#666;text-align:center;padding:2rem}.hopper-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin:.5rem 0;background:#1a1a2e;border-radius:8px}.hopper-item-name{font-weight:500}.hopper-item-title{font-size:.75rem;color:#888}.btn-small{padding:.35rem .75rem;font-size:.75rem}.btn-restore{background:#10b981;color:#fff}.hopper-trigger{position:fixed;bottom:1rem;right:1rem;background:#0f3460;border:1px solid #1a1a2e;color:#666;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;z-index:100;display:flex;align-items:center;gap:.5rem}.hopper-trigger:hover{color:#fff;background:#16213e}.hopper-trigger .count{background:#ef4444;padding:.15rem .4rem;border-radius:8px;font-size:.65rem}