.status-badge{text-transform:uppercase;letter-spacing:.05em;background:#0a0b0f;border:1px solid #2d3244;border-radius:.25rem;align-items:center;gap:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.status-badge--running,.status-badge--online{color:#00dbe9;background:#00dbe914;border-color:#00dbe94d;box-shadow:0 0 10px #00dbe933}.status-badge--stopped,.status-badge--offline{color:#849495;background:#8494951a;border-color:#2d3244}.status-badge--starting,.status-badge--warning{color:#fed639;background:#fed63914;border-color:#fed6394d;animation:1.5s infinite blink}.status-badge--updating,.status-badge--stopping{color:#d1bcff;background:#7000ff1f;border-color:#7000ff4d;animation:1.5s infinite blink}.status-badge--crashed,.status-badge--error{color:#ffb4ab;background:#93000a40;border-color:#ffb4ab59;box-shadow:0 0 10px #ffb4ab40}.status-badge--instalado,.status-badge--game{color:#00f0ff;background:#00dbe914;border-color:#00dbe940}.status-badge--sm{padding:.15rem .5rem;font-size:.7rem}.status-badge--md{padding:.25rem .65rem;font-size:.75rem}.status-badge--lg{padding:.35rem .85rem;font-size:.85rem}.status-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.status-badge--running .status-dot,.status-badge--online .status-dot{animation:2s ease-in-out infinite status-pulse-online}.status-badge--crashed .status-dot,.status-badge--error .status-dot{animation:1.5s infinite pulse-glow}:root{--surface:#121317;--surface-dim:#121317;--surface-bright:#38393e;--surface-container-lowest:#0d0e12;--surface-container-low:#1a1b20;--surface-container:#1f1f24;--surface-container-high:#292a2e;--surface-container-highest:#343439;--surface-glass:#161922;--surface-tint:#00dbe9;--on-surface:#e3e2e8;--on-surface-variant:#b9cacb;--inverse-surface:#e3e2e8;--inverse-on-surface:#2f3035;--outline:#849495;--outline-variant:#3b494b;--border-muted:#2d3244;--console-bg:#0a0b0f;--background:#121317;--on-background:#e3e2e8;--text-dim:#849495;--bg-main:#0a0b0f;--bg-card:#161922e0;--bg-card-hover:#1a1b20;--border-color:#2d3244;--border-hover:#00dbe9;--primary:#00f0ff;--primary-hover:#00dbe9;--on-primary:#00363a;--primary-container:#00f0ff;--on-primary-container:#006970;--inverse-primary:#006970;--primary-fixed:#7df4ff;--primary-fixed-dim:#00dbe9;--on-primary-fixed:#002022;--on-primary-fixed-variant:#004f54;--secondary:#d1bcff;--on-secondary:#3c0090;--secondary-container:#7000ff;--on-secondary-container:#ddcdff;--secondary-fixed:#e9ddff;--secondary-fixed-dim:#d1bcff;--on-secondary-fixed:#23005b;--on-secondary-fixed-variant:#5700c9;--tertiary:#fff5de;--on-tertiary:#3b2f00;--tertiary-container:#fed639;--on-tertiary-container:#715d00;--tertiary-fixed:#ffe179;--tertiary-fixed-dim:#eac324;--on-tertiary-fixed:#231b00;--on-tertiary-fixed-variant:#554500;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--color-cyan:#00dbe9;--color-purple:#d1bcff;--color-purple-light:#e9ddff;--color-amber:#fed639;--color-danger-light:#ffb4ab;--color-muted-badge:#849495;--color-violet:#7000ff;--status-online:#00dbe9;--status-error:#ffb4ab;--state-running:#00dbe9;--state-starting:#fed639;--state-updating:#7000ff;--state-stopped:#849495;--state-crashed:#ffb4ab;--text-main:#e3e2e8;--text-muted:#849495;--text-dark:#0a0b0f;--border-radius-sm:.125rem;--border-radius-default:.25rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--space-unit:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-gutter:16px;--container-padding:24px;--font-header:Hanken Grotesk, sans-serif;--font-display:Hanken Grotesk, sans-serif;--font-body:Inter, sans-serif;--font-mono:JetBrains Mono, monospace;--shadow-glow:0 0 12px #00dbe959;--shadow-glow-green:0 0 12px #00dbe973;--shadow-glow-red:0 0 12px #ffb4ab73;--shadow-glow-amber:0 0 12px #fed63973;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}.users-panel{flex-direction:column;gap:1.5rem;width:100%;display:flex}.users-panel__stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=900px){.users-panel__stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.users-panel__stats-grid{grid-template-columns:1fr}}.users-stat-card{background:#161922e0;border:1px solid #2d3244;border-radius:.5rem;flex-direction:column;gap:.35rem;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.users-stat-card:hover{background:#1a1b20;border-color:#00dbe9}.users-stat-card__label{color:#849495;text-transform:uppercase;letter-spacing:.5px;font-family:Hanken Grotesk,sans-serif;font-size:.8rem}.users-stat-card__value{color:#e3e2e8;font-family:Hanken Grotesk,sans-serif;font-size:1.8rem;font-weight:700}.users-stat-card__value--online{color:#00dbe9}.users-stat-card__value--staff{color:#00f0ff}.users-stat-card__value--banned{color:#ffb4ab}.users-panel__controls{background:#161922e0;border:1px solid #2d3244;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.users-panel__filters-group{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.users-panel__search{min-width:240px;max-width:320px}.users-panel__status-pills{background:#00000040;border:1px solid #2d3244;border-radius:.375rem;align-items:center;gap:.35rem;padding:.25rem;display:flex}.users-status-pill{color:#849495;cursor:pointer;background:0 0;border:none;border-radius:.125rem;padding:.35rem .75rem;font-family:Hanken Grotesk,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.users-status-pill:hover{color:#e3e2e8}.users-status-pill--active{color:#0a0b0f;background:#00f0ff}.users-panel__role-select{color:#e3e2e8;cursor:pointer;background:#ffffff0d;border:1px solid #2d3244;border-radius:.375rem;outline:none;padding:.45rem 1.5rem .45rem .85rem;font-family:Hanken Grotesk,sans-serif;font-size:.85rem;font-weight:600}.users-panel__role-select:hover{border-color:#00dbe9}.users-panel__role-select option{color:#e3e2e8;background:#0d1117}.users-panel__actions{align-items:center;gap:.5rem;display:flex}.users-panel__table-container{background:#161922e0;border:1px solid #2d3244;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px #00000026}.users-table{border-collapse:collapse;text-align:left;width:100%}.users-table th{color:#849495;text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border-bottom:1px solid #2d3244;padding:1rem 1.25rem;font-family:Hanken Grotesk,sans-serif;font-size:.8rem}.users-table td{color:#e3e2e8;vertical-align:middle;border-bottom:1px solid #2d3244;padding:1rem 1.25rem;font-size:.9rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#1a1b20}.user-identity{align-items:center;gap:.75rem;display:flex}.user-identity__avatar{color:#0a0b0f;background:linear-gradient(135deg,#d1bcff,#00f0ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Hanken Grotesk,sans-serif;font-size:.95rem;font-weight:700;display:flex}.user-identity__name{color:#e3e2e8;font-family:Hanken Grotesk,sans-serif;font-weight:600}.user-status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-family:Hanken Grotesk,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.user-status-badge__pulse{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.user-status-badge--online{color:#00dbe9;background:#10b98126;border:1px solid #10b9814d}.user-status-badge--offline{color:#849495;background:#64748b26;border:1px solid #64748b40}.user-role-badge{text-transform:uppercase;border-radius:.125rem;padding:.25rem .65rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:inline-block}.user-role-badge--admin{color:#00f0ff;background:#00f2fe26;border:1px solid #00f2fe66}.user-role-badge--moderator{color:#d1bcff;background:#c084fc26;border:1px solid #c084fc66}.user-role-badge--overseer{color:#7000ff;background:#8b5cf626;border:1px solid #8b5cf666}.user-role-badge--gm{color:#fed639;background:#fbbf2426;border:1px solid #fbbf2466}.user-role-badge--observer{color:#00dbe9;background:#38bdf826;border:1px solid #38bdf866}.user-role-badge--player{color:#849495;background:#94a3b81f;border:1px solid #94a3b840}.user-whitelist-badge{cursor:pointer;border:1px solid #0000;border-radius:.125rem;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.user-whitelist-badge--allowed{color:#00dbe9;background:#10b9811f;border-color:#10b9814d}.user-whitelist-badge--allowed:hover{background:#10b98138}.user-whitelist-badge--denied{color:#849495;background:#94a3b814;border-color:#94a3b833}.user-whitelist-badge--denied:hover{background:#94a3b829}.user-ban-badge{color:#ffb4ab;background:#ef44442e;border:1px solid #ef444466;border-radius:.125rem;margin-left:.5rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.users-table__actions{align-items:center;gap:.35rem;display:flex}.user-dialog-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e3e2e8;background:#0e121cf5;border:1px solid #00f2fe40;border-radius:.75rem;flex-direction:column;gap:1.15rem;width:min(520px,95vw);max-height:90vh;padding:1.8rem 2rem;animation:.22s ease-out fade-in-up;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #000000d9,0 0 30px #00f2fe26}.user-dialog-modal__header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.user-dialog-modal__header h3{color:#e3e2e8;letter-spacing:-.01em;margin:0;font-family:Hanken Grotesk,sans-serif;font-size:1.35rem;font-weight:700}.user-dialog-modal .form-group{flex-direction:column;gap:.4rem;display:flex}.user-dialog-modal .form-group label{text-transform:uppercase;letter-spacing:.08em;color:#849495;font-family:Hanken Grotesk,sans-serif;font-size:.72rem;font-weight:700}.user-dialog-modal .form-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.user-checkbox-label{color:#e3e2e8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;font-size:.9rem;display:inline-flex}.user-checkbox-input{accent-color:#00f0ff;cursor:pointer;border-radius:.125rem;width:18px;height:18px}.user-role-modal__user-info{background:#00000059;border:1px solid #2d3244;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.user-role-modal__user-name{color:#e3e2e8;font-family:Hanken Grotesk,sans-serif;font-size:1.1rem}.user-role-modal__current-role{color:#849495;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.user-role-modal__desc-box{background:#00f2fe0d;border:1px solid #00f2fe33;border-radius:.375rem;padding:.85rem 1rem}.user-role-modal__desc-title{color:#00f0ff;margin-bottom:.25rem;font-family:Hanken Grotesk,sans-serif;font-size:.9rem;font-weight:700}.user-role-modal__desc-text{color:#849495;font-size:.85rem;line-height:1.45}.users-empty-state{text-align:center;color:#849495;padding:3.5rem 1.5rem}.users-empty-state h4{color:#e3e2e8;margin-bottom:.5rem;font-family:Hanken Grotesk,sans-serif;font-size:1.25rem}.users-empty-state p{max-width:420px;margin:0 auto;font-size:.9rem}
