*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes seat-blink{0%,to{opacity:1}50%{opacity:0}}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;align-items:center;gap:20px;width:320px;padding:40px 36px;display:flex}.login-brand{letter-spacing:.04em;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.login-title{color:var(--text-muted);margin-top:-12px;font-size:13px;font-weight:500}.login-form{flex-direction:column;gap:10px;width:100%;display:flex}.login-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.login-input:focus{border-color:var(--buma)}.login-error{color:#dc2626;text-align:center;font-size:12px}.login-btn{background:var(--buma);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:4px;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:background .15s}.login-btn:hover{background:#001f5e}.stats-user{color:var(--text-muted);font-size:11px;font-weight:600}.logout-btn{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}:root{--buma:#003087;--btech:#e87722;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--radius:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000d}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:14px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;gap:0;display:flex;overflow:hidden}.stats-bar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.stats-group{align-items:center;gap:8px;display:flex}.stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.stats-value{color:var(--text);font-family:DM Mono,monospace;font-size:15px;font-weight:700}.stats-value.assigned{color:#059669}.stats-value.empty{color:#dc2626}.export-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#003087;border:none;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:background .15s}.export-btn:hover{background:#001f5e}.export-btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.export-btn.secondary:hover{background:var(--bg)}.stats-divider{color:var(--border);font-size:16px}.stats-brand{align-items:center;gap:6px;display:flex}.brand-buma{color:var(--buma);letter-spacing:.05em;font-size:15px;font-weight:800}.brand-btech{color:var(--btech);letter-spacing:.05em;font-size:15px;font-weight:800}.brand-sep{color:var(--text-muted);font-size:13px}.brand-title{color:var(--text-muted);font-size:12px;font-weight:500}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.people-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.people-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.panel-title{color:var(--text);font-size:14px;font-weight:700}.panel-count{color:var(--text-muted);background:var(--bg);border-radius:20px;padding:2px 8px;font-family:DM Mono,monospace;font-size:11px}.panel-filters{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);outline:none;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:var(--buma);background:#fff}.filter-row{gap:6px;display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;outline:none;flex:1;padding:5px 8px;font-family:DM Sans,sans-serif;font-size:12px}.filter-checkbox{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.filter-checkbox input{cursor:pointer}.people-list{flex-direction:column;flex:1;gap:0;padding:2px 4px;display:flex;overflow-y:auto}.people-list::-webkit-scrollbar{width:4px}.people-list::-webkit-scrollbar-track{background:0 0}.people-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.person-row{cursor:pointer;border-radius:4px;align-items:center;gap:5px;min-width:0;padding:3px 6px;transition:background .1s;display:flex}.person-row:hover{background:var(--bg)}.person-row.selected{background:#fffbeb;outline:1px solid #f59e0b}.person-row.seated{opacity:.65}.person-row.resigning{opacity:.4}.person-row-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.person-row-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.person-row-unseated{flex-shrink:0;width:24px}.seat-indicator{color:#059669;flex-shrink:0;align-items:center;gap:2px;font-family:DM Mono,monospace;font-size:8px;font-weight:700;display:inline-flex}.locate-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0;font-size:8px;line-height:1;transition:opacity .15s,transform .15s}.locate-btn:hover{opacity:1;transform:scale(1.2)}.resigning-badge{color:#fff;background:#dc2626;border-radius:3px;flex-shrink:0;padding:0 3px;font-size:8px;font-weight:800}.company-badge{letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.company-badge.buma{color:var(--buma);background:#dbeafe}.company-badge.btech{color:#92400e;background:#fef3c7}.main-area{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:hidden}.group-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.group-mode-toggle{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.mode-btn.active{background:var(--buma);color:#fff}.mode-btn:hover:not(.active){background:var(--border);color:var(--text)}.group-actions{gap:6px;display:flex}.action-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.action-btn.primary{background:var(--btech);color:#fff;border-color:#d97706}.action-btn.primary:hover{background:#d97706}.action-btn.danger{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.action-btn.danger:hover{background:#fee2e2}.selection-hint{border-radius:var(--radius);background:#fffbeb;border:1px solid #fcd34d;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.selection-hint.seat-hint{background:#eff6ff;border-color:#bfdbfe}.cancel-btn{cursor:pointer;color:var(--text-muted);background:#fff;border:1px solid #d1d5db;border-radius:4px;margin-left:auto;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11px}.cancel-btn:hover{background:var(--bg)}.floor-tabs{flex-shrink:0;gap:4px;display:flex}.floor-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-muted);cursor:pointer;padding:6px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.floor-tab.active{background:var(--buma);color:#fff;border-color:var(--buma)}.floor-tab:hover:not(.active){background:var(--border);color:var(--text)}.floor-plan-outer{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:hidden}.fp-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.fp-toolbar-left{align-items:center;gap:8px;display:flex}.fp-toolbar-right{align-items:center;gap:4px;display:flex}.fp-zoom-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:14px;transition:all .15s;display:flex}.fp-zoom-btn:hover:not(:disabled){background:var(--bg)}.fp-zoom-btn:disabled{opacity:.35;cursor:default}.fp-zoom-btn.lock.active{background:var(--buma);color:#fff;border-color:var(--buma)}.fp-zoom-pct{color:var(--text-muted);text-align:center;cursor:text;border-radius:4px;min-width:38px;padding:2px 4px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.fp-zoom-pct:hover{background:var(--bg);color:var(--text)}.fp-zoom-input{text-align:center;background:var(--surface);width:48px;color:var(--text);border:1px solid #3b82f6;border-radius:4px;outline:none;padding:2px 4px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.fp-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.fp-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.fp-btn:hover:not(.active){background:var(--bg)}.fp-hint{color:#1d4ed8;font-size:11px;font-style:italic}.floor-plan-wrapper{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#1e1e2e;flex:1;justify-content:center;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:auto}.floor-plan-wrapper::-webkit-scrollbar{width:6px;height:6px}.floor-plan-wrapper::-webkit-scrollbar-track{background:0 0}.floor-plan-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.zone-dialog{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid #bfdbfe;flex-direction:column;flex-shrink:0;gap:8px;padding:14px;display:flex}.zone-dialog-title{color:var(--text);font-size:12px;font-weight:700}.zone-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;width:100%;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px}.zone-input:focus{border-color:#3b82f6}.zone-dialog-row{align-items:center;gap:8px;display:flex}.zone-label{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:500}.zone-input-num{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;width:70px;padding:5px 8px;font-family:DM Mono,monospace;font-size:13px}.zone-dialog-actions{gap:6px;display:flex}.action-btn.cancel{background:var(--bg);color:var(--text-muted);border-color:var(--border)}.action-btn.cancel:hover{background:var(--border)}.action-btn.small{padding:3px 10px;font-size:11px}.ctx-menu{z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:160px;padding:4px 0;position:fixed}.ctx-menu-item{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;display:flex}.ctx-menu-item:hover{background:var(--bg)}.ctx-menu-item .ctx-icon{width:16px;font-size:14px}.pod-status-list{flex-direction:column;display:flex}.pod-status-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px;transition:background .1s;display:flex}.pod-status-row:last-child{border-bottom:none}.pod-status-row:hover{background:var(--bg)}.pod-status-row.selected{background:#eff6ff}.pod-status-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:800;display:flex}.pod-status-bar-track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.pod-status-bar-fill{border-radius:3px;height:100%;transition:width .3s}.pod-status-count{color:var(--text-muted);text-align:right;flex-shrink:0;width:32px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.pod-config-toggle{text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--text-muted);background:var(--bg);border:none;border-top:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:flex}.pod-config-toggle:hover{background:var(--border)}.zone-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.zone-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg);padding:10px 12px 8px;font-size:11px;font-weight:700}.zone-empty-hint{color:var(--text-muted);padding:12px;font-size:12px;line-height:1.5}.zone-list{flex-direction:column;display:flex}.zone-item{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 12px;transition:background .1s}.zone-item:last-child{border-bottom:none}.zone-item:hover{background:var(--bg)}.zone-item.selected{background:#eff6ff}.zone-item-header{align-items:center;gap:7px;margin-bottom:4px;display:flex}.zone-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.zone-name{color:var(--text);font-size:12px;font-weight:600}.zone-meta{align-items:center;gap:6px;display:flex}.zone-seats{color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px}.zone-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:2px 7px;font-family:DM Sans,sans-serif;font-size:10px}.zone-action-btn:hover{background:var(--bg)}.zone-action-btn.danger{color:#dc2626;border-color:#fca5a5}.zone-action-btn.danger:hover{background:#fef2f2}.zone-edit-input{border:1px solid #3b82f6;border-radius:4px;outline:none;flex:1;padding:3px 7px;font-family:DM Sans,sans-serif;font-size:12px}.zone-edit-row{align-items:center;gap:6px;margin-top:4px;display:flex}.zone-total{color:var(--text-muted);background:var(--bg);border-top:1px solid var(--border);padding:8px 12px;font-size:11px}.legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-shrink:0;padding:8px 12px}.legend-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:700}.legend-items{flex-wrap:wrap;gap:8px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--text-muted);white-space:nowrap;font-size:10px}.detail-sidebar{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:12px;width:240px;padding:14px;display:flex;overflow-y:auto}.seat-detail{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.seat-detail-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.seat-detail-num{color:var(--text);font-family:DM Mono,monospace;font-size:13px;font-weight:700}.unassign-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:11px}.unassign-btn:hover{background:#fee2e2}.seat-detail-person{gap:10px;padding:12px;display:flex}.seat-detail-color-bar{border-radius:4px;flex-shrink:0;width:4px;min-height:50px}.seat-detail-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.seat-detail-role{color:var(--text-muted);margin-bottom:6px;font-size:11px}.seat-detail-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tag{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.seat-detail-empty{flex-direction:column;gap:8px;padding:12px;display:flex}.seat-detail-empty p{color:var(--text-muted);font-size:12px}.assign-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);cursor:pointer;outline:none;padding:6px 8px;font-family:DM Sans,sans-serif;font-size:12px}.assign-select:focus{border-color:var(--buma)}.hint-box{border:1px solid var(--border);border-radius:var(--radius);background:#f8fafc;flex-direction:column;gap:8px;padding:14px;display:flex}.hint-box p{color:var(--text-muted);font-size:12px;line-height:1.5}.empty-state{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}