:root{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #0a0f1a;--border-color: #334155;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #60a5fa;--accent-cyan: #a5f3fc;--status-online: #22c55e;--status-offline: #ef4444;--status-warn: #f97316;--button-bg: #3b82f6;--button-hover: #2563eb}*{box-sizing:border-box}body{font-family:monospace;margin:0;padding:15px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}h1{color:var(--accent-blue);margin:0 0 15px;font-size:20px}h2{color:var(--accent-cyan);margin:0 0 8px;font-size:14px}h4{color:var(--accent-cyan);margin:0 0 10px;font-size:14px;font-weight:700}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.panel{padding:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--bg-tertiary)}.status-item:last-child{border-bottom:none}.status-label{color:var(--text-secondary)}.status-value{font-weight:700;color:var(--text-primary)}.status-online{color:var(--status-online)}.status-offline{color:var(--status-offline)}form{display:flex;flex-direction:column;gap:8px}.form-group{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center}.form-group label{color:var(--text-secondary)}input[type=number],input[type=text],input[type=checkbox]{padding:4px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:3px;font-family:monospace}input[type=checkbox]{width:18px;height:18px;cursor:pointer}button{padding:6px 12px;background:var(--button-bg);color:#fff;border:none;border-radius:3px;cursor:pointer;font-family:monospace;font-size:13px;align-self:flex-start;margin-top:4px}button:hover{background:var(--button-hover)}.requests-panel{grid-column:1 / -1}.request-log{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;background:var(--bg-tertiary);padding:8px;border-radius:3px;border:1px solid var(--border-color)}.request-entry{display:grid;grid-template-columns:80px 1fr auto 60px 60px;gap:8px;padding:4px;background:var(--bg-secondary);border-radius:2px;align-items:center;border-left:3px solid var(--border-color);font-size:12px;cursor:pointer;transition:background .15s ease}.request-entry:hover{background:var(--bg-primary)}.request-entry.status-200{border-left-color:var(--status-online)}.request-entry.status-500{border-left-color:var(--status-offline)}.request-entry.status-503{border-left-color:var(--status-warn)}.req-method{color:var(--accent-blue);font-weight:700;text-align:center}.req-path{color:var(--text-primary);word-break:break-all}.req-status{text-align:center;font-weight:700}.req-status.ok{color:var(--status-online)}.req-status.error{color:var(--status-offline)}.req-status.warn{color:var(--status-warn)}.req-time-val{color:var(--accent-cyan);text-align:right}.req-time{color:var(--text-secondary)}.no-requests{color:var(--text-muted);text-align:center;padding:20px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal.open{display:block}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;cursor:pointer}.modal-content{position:relative;width:90%;max-width:1200px;max-height:90vh;margin:5vh auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.modal-header h3{margin:0;color:var(--accent-blue);font-size:16px}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:28px;line-height:1;cursor:pointer;padding:0;margin:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;align-self:auto}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;overflow-y:auto;flex:1;font-size:12px}.detail-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.detail-section:last-child{border-bottom:none}.detail-grid{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:start}.detail-label{color:var(--text-secondary);font-weight:400}.detail-value{color:var(--text-primary);word-break:break-all;font-family:monospace}.detail-code{background:var(--bg-tertiary);padding:10px;border-radius:3px;border:1px solid var(--border-color);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);font-family:monospace;font-size:12px;max-height:400px;overflow-y:auto}.headers-list{display:flex;flex-direction:column;gap:4px}.header-item{display:grid;grid-template-columns:200px 1fr;gap:10px;padding:4px 0;border-bottom:1px solid var(--bg-primary)}.header-item:last-child{border-bottom:none}.header-name{color:var(--accent-blue);font-weight:700;word-break:break-all}.header-value{color:var(--text-primary);word-break:break-all}.doors-panel{grid-column:1 / -1}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h2{margin:0}.panel-header button{padding:6px 12px;font-size:12px}.doors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.door-card{border:1px solid var(--border-color);padding:12px;border-radius:4px;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:8px}.door-card h3{color:var(--accent-cyan);margin:0 0 4px;font-size:13px}.door-external-id{color:var(--text-muted);margin:0;font-size:11px;font-family:monospace}.door-description{color:var(--text-secondary);margin:0;font-size:12px}.door-statuses{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-secondary);border-radius:3px;font-size:12px}.status-line{display:flex;align-items:center;gap:8px}.status-icon{font-size:14px;width:16px;text-align:center}.status-text{flex:1;color:var(--text-primary)}.door-categories{display:flex;flex-direction:column;gap:4px;font-size:11px}.categories-label{color:var(--text-secondary);font-weight:700}.categories-list{display:flex;flex-wrap:wrap;gap:4px}.category-tag{background:var(--bg-secondary);border:1px solid var(--border-color);padding:2px 6px;border-radius:2px;color:var(--accent-cyan);font-size:10px}.door-actions{display:flex;gap:6px;margin-top:4px}.door-actions button{flex:1;padding:4px 8px;font-size:11px;align-self:auto;margin:0}.btn-edit{background:var(--button-bg)}.btn-edit:hover{background:var(--button-hover)}.btn-delete{background:var(--status-offline)}.btn-delete:hover:not(:disabled){background:#dc2626}.empty-state{color:var(--text-muted);text-align:center;padding:20px}.loading-text{color:var(--text-secondary);text-align:center;padding:20px;font-size:12px}.persons-panel{grid-column:1 / -1}.persons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.person-card{border:1px solid var(--border-color);padding:12px;border-radius:4px;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:8px}.person-name{color:var(--accent-cyan);font-weight:700;font-size:13px;margin-bottom:4px}.person-detail{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--bg-secondary);font-size:11px}.person-detail:last-of-type{border-bottom:none}.detail-label{color:var(--text-secondary);font-weight:700}.detail-value{color:var(--text-primary);font-family:monospace;word-break:break-all}.person-actions{display:flex;gap:6px;margin-top:4px}.person-actions button{flex:1;padding:4px 8px;font-size:11px;align-self:auto;margin:0}.simulation-panel{grid-column:1 / -1}.simulation-form{display:flex;flex-direction:column;gap:12px}.form-section{border-bottom:1px solid var(--border-color);padding-bottom:12px}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h4{margin-top:0}.form-row{display:flex;gap:12px;margin-bottom:8px}.form-group-inline{flex:1;display:flex;flex-direction:column;gap:4px}.form-group-inline label{color:var(--text-secondary);font-size:12px;font-weight:700}.person-input-group{display:grid;grid-template-columns:1fr auto 150px;gap:8px;align-items:center}.person-select,.door-select,.card-number-input{padding:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:3px;font-family:monospace;font-size:12px}.person-select,.door-select{cursor:pointer}.or-divider{color:var(--text-muted);text-align:center;font-size:11px;font-weight:700}.simulate-btn{background:var(--status-online);color:#fff;padding:8px 16px;align-self:flex-start;margin:0}.simulate-btn:hover:not(:disabled){background:#16a34a}.simulate-btn:disabled{background:var(--text-muted);cursor:not-allowed}.result-display{display:flex;gap:12px;padding:12px;border-radius:4px;border-left:4px solid;background:var(--bg-tertiary);align-items:flex-start}.result-display.result-success{border-left-color:var(--status-online)}.result-display.result-denied{border-left-color:var(--status-offline)}.result-icon{font-size:24px;font-weight:700;line-height:1;width:30px;text-align:center}.result-display.result-success .result-icon{color:var(--status-online)}.result-display.result-denied .result-icon{color:var(--status-offline)}.result-content{flex:1}.result-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.result-reason{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.result-reason strong{color:var(--text-primary)}.result-event{font-size:11px;color:var(--text-muted)}.result-event code{background:var(--bg-secondary);padding:1px 4px;border-radius:2px;font-family:monospace;color:var(--accent-cyan)}.simulation-log{border-top:1px solid var(--border-color);padding-top:12px}.simulation-log h4{margin-top:0}.log-entries{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.log-entry{display:grid;grid-template-columns:70px 150px auto 150px auto;gap:8px;align-items:center;padding:6px;background:var(--bg-secondary);border-radius:2px;border-left:3px solid var(--border-color);font-size:11px;font-family:monospace}.log-entry.log-success{border-left-color:var(--status-online)}.log-entry.log-denied{border-left-color:var(--status-offline)}.log-time{color:var(--text-muted);text-align:right}.log-person{color:var(--accent-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-arrow{color:var(--text-muted);text-align:center;font-weight:700}.log-door{color:var(--accent-cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-result{text-align:right}.result-ok{color:var(--status-online);font-weight:700}.result-denied{color:var(--status-offline);font-weight:700;font-size:10px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:3px;font-family:monospace;font-size:12px}.form-group input::placeholder{color:var(--text-muted)}.categories-help{display:flex;flex-direction:column;gap:6px}.category-suggestions{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px}.suggestion-label{color:var(--text-secondary);font-size:11px;font-weight:700}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:4px}.suggestion-btn{padding:4px 8px;font-size:10px;background:var(--bg-secondary);color:var(--accent-cyan);border:1px solid var(--border-color);border-radius:2px;cursor:pointer;align-self:auto;margin:0}.suggestion-btn:hover{background:var(--button-bg);color:#fff}.form-error{color:var(--status-offline);font-size:12px;padding:8px;background:#ef44441a;border:1px solid var(--status-offline);border-radius:3px}.form-actions{display:flex;gap:8px;margin-top:12px}.form-actions button{flex:1;padding:8px 12px;align-self:auto;margin:0}