:root{--color-primary: #ffd700;--color-secondary: #4a90e2;--color-accent: #7b1fa2;--color-bg: #f5f5f5;--color-text: #1a1a1a;--color-success: #7ed321;--color-error: #d0021b;--color-warning: #f5a623;--color-neutral: #9b9b9b;--color-white: #ffffff;--hud-bg: #1a1a1a;--hud-text: #f5f5f5;--font-display: "Press Start 2P", monospace;--font-body: "Inter", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}img{image-rendering:pixelated}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.pixel-heading{font-family:var(--font-display);letter-spacing:.02em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center}.login-logo{width:96px;height:96px}.login-title{font-size:18px;color:var(--color-text)}.login-form{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.login-form input{padding:var(--space-3);border:2px solid var(--color-text);border-radius:var(--radius);font-family:var(--font-body);min-width:260px}.login-form button{padding:var(--space-3) var(--space-4);background:var(--color-secondary);color:var(--color-white);border:none;border-radius:var(--radius);font-weight:600}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-status{min-height:1.2em;color:var(--color-neutral)}.login-status--error{color:var(--color-error)}.hud{height:60px;flex:0 0 60px;background:var(--hud-bg);color:var(--hud-text);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:2px solid var(--color-primary);font-family:var(--font-display);font-size:10px;gap:var(--space-4)}.hud-metrics{display:flex;gap:var(--space-4);overflow-x:auto}.hud-metric{white-space:nowrap}.hud-actions{display:flex;align-items:center;gap:var(--space-3);flex:0 0 auto}.hud-bell-wrapper{position:relative}.hud-bell{background:transparent;border:none;color:var(--hud-text);font-size:18px;position:relative}.hud-bell-badge{position:absolute;top:-4px;right:-6px;background:var(--color-error);color:var(--color-white);border-radius:50%;font-family:var(--font-body);font-size:10px;min-width:16px;height:16px;align-items:center;justify-content:center;padding:0 3px}.hud-bell-badge:not([hidden]){display:flex}.hud-notifications-drawer{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-white);color:var(--color-text);border-radius:var(--radius);box-shadow:0 4px 16px #0000004d;min-width:260px;max-height:320px;overflow-y:auto;padding:var(--space-2);font-family:var(--font-body);font-size:13px;z-index:20}.hud-notification{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border-bottom:1px solid var(--color-bg)}.hud-notification--P0{color:var(--color-error)}.hud-notifications-empty{margin:0;padding:var(--space-2);color:var(--color-neutral)}.hud-signout{background:transparent;border:1px solid var(--hud-text);color:var(--hud-text);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:12px}.main-view{flex:1;overflow-y:auto;padding:var(--space-4)}.city-view{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(150px,1fr));gap:var(--space-3);max-width:1000px;margin:0 auto}.department{position:relative;border-radius:var(--radius);border:2px solid var(--color-text);background-color:var(--color-bg);background-size:cover;background-position:center;min-height:150px;padding:var(--space-2);display:flex;flex-direction:column;justify-content:space-between}.department-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:9px;background:#1a1a1ab3;color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius)}.department-activity{color:var(--color-primary)}.department-agents{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:flex-end}.agent-sprite-button{background:transparent;border:none;padding:0;position:relative;width:48px;height:48px}.agent-sprite{display:block;width:48px;height:48px;background-repeat:no-repeat;background-size:48px auto;image-rendering:pixelated;transition:opacity .2s ease-in-out}.agent-sprite--idle{animation:sprite-breathe 2s ease-in-out infinite}@keyframes sprite-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.97)}}.agent-thinking-bubble{position:absolute;top:-6px;right:-6px;font-size:14px}.quest-list-empty,.department-agents:empty:after{color:var(--color-neutral);font-size:12px}.quest-board{flex:0 0 auto;max-height:200px;overflow-y:auto;background:var(--color-white);border-top:2px solid var(--color-text);padding:var(--space-3) var(--space-4)}.quest-board-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.quest-board-header h2{font-size:12px;margin:0}.quest-filters{display:flex;gap:var(--space-2)}.quest-filters select{font-family:var(--font-body);font-size:12px;padding:var(--space-1)}.quest-list{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.quest-card{flex:0 0 260px;border:2px solid var(--color-text);border-radius:var(--radius);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);transition:opacity .2s,transform .2s}.quest-card--resolved{opacity:0;transform:scale(.9)}.quest-card-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.quest-card-severity{padding:0 var(--space-2);border-radius:999px;font-size:10px;color:var(--color-white);background:var(--color-neutral)}.quest-card-severity--P0{background:var(--color-error)}.quest-card-severity--P1{background:var(--color-warning);color:var(--color-text)}.quest-card-severity--P2,.quest-card-severity--P3{background:var(--color-secondary)}.quest-card-summary{font-size:13px;margin:0}.quest-card-cliente{font-size:12px;margin:0}.quest-card-meta{font-size:11px;color:var(--color-neutral);margin:0}.quest-card-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.quest-card-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}.quest-card-actions{display:flex;gap:var(--space-1);margin-top:auto}.quest-card-actions button{flex:1;border:none;border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:12px}.quest-approve{background:var(--color-success);color:var(--color-white)}.quest-reject{background:var(--color-error);color:var(--color-white)}.quest-view{background:var(--color-neutral);color:var(--color-white)}.quest-list-empty{margin:0;color:var(--color-neutral);font-size:13px}.reject-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:40}.reject-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);border-radius:var(--radius);padding:var(--space-4);width:min(400px,90vw);z-index:41}.reject-modal:not([hidden]){display:flex;flex-direction:column;gap:var(--space-2)}.reject-modal textarea{font-family:var(--font-body);padding:var(--space-2);border:1px solid var(--color-neutral);border-radius:var(--radius)}.reject-modal-error{color:var(--color-error);font-size:12px;margin:0}.reject-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.reject-modal-actions button{padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:none}.reject-modal-cancel{background:var(--color-bg)}.reject-modal-confirm{background:var(--color-error);color:var(--color-white)}.detail-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:40}.detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);border-radius:var(--radius);padding:var(--space-4);width:min(400px,90vw);z-index:41}.detail-modal-close{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:none;font-size:18px}.detail-modal-fields{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-size:13px;margin:0}.detail-modal-fields dt{color:var(--color-neutral)}.detail-modal-fields dd{margin:0}.detail-modal-error{color:var(--color-error)}.toast-tray{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:50;max-width:320px}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);box-shadow:0 4px 12px #00000040;animation:toast-in .3s ease-out}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{background:var(--color-success);color:var(--color-white)}.toast--info{background:var(--color-secondary);color:var(--color-white)}.toast--warning{background:var(--color-warning);color:var(--color-text)}.toast--error{background:var(--color-error);color:var(--color-white)}.toast-label{font-weight:700;font-size:11px;text-transform:uppercase}.toast-message{flex:1;font-size:13px}.toast-close{background:transparent;border:none;color:inherit;font-size:16px;line-height:1}.drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:30}.agent-drawer{position:fixed;top:0;right:0;height:100%;width:min(320px,90vw);background:var(--color-white);box-shadow:-4px 0 16px #0000004d;z-index:31;padding:var(--space-4);overflow-y:auto}.drawer-close{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:none;font-size:20px}.drawer-title{font-size:14px;margin-top:var(--space-4)}.drawer-metrics{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-size:13px;margin:0}.drawer-metrics dt{color:var(--color-neutral)}.drawer-metrics dd{margin:0;text-align:right}.status-footer{height:40px;flex:0 0 40px;background:var(--hud-bg);color:var(--hud-text);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);font-size:12px;gap:var(--space-3)}.status-indicator--error{color:var(--color-error)}.status-indicator--warning{color:var(--color-warning)}.status-indicator--ok{color:var(--color-success)}.status-updated,.status-uptime{color:var(--color-neutral);font-size:11px}.quest-board-toggle{display:none;background:transparent;border:none;font-family:var(--font-display);font-size:12px;padding:0}@media(max-width:1199px){.city-view{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(150px,1fr))}.hud{font-size:8px}.hud-metric--secondary{display:none}}@media(max-width:767px){.city-view{display:flex;flex-direction:column;gap:var(--space-2)}.department{min-height:100px}.quest-board-toggle{display:block}.quest-board-header{justify-content:flex-start}.quest-board--collapsed .quest-list,.quest-board--collapsed .quest-filters{display:none}.quest-list{flex-direction:column}.quest-card{flex:1 1 auto}.quest-card-actions button,.hud-signout,.login-form button{min-height:44px}.hud-metrics{gap:var(--space-2)}}