*{box-sizing:border-box;margin:0;padding:0}:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;--surface:#141414f0;--surface-raised:#191919fa;--border:#7f1d2d80;--border-bright:#9f2a3ec7;--text-muted:#c4c4c8;--accent:#8f263b;--accent-light:#d7a0aa;background:#9f9e9e;font-family:Arial,sans-serif}body{color:#f4f4f5;background:radial-gradient(at 12% 0,#e3e2e233,#0000 36rem),radial-gradient(at 94% 35%,#7e7e7e29,#0000 32rem),#676767;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #bd6879}.app{width:min(1100px,100%);margin:0 auto;padding:36px 20px 60px}.botao-abrir-cadastro{color:#fff;background:linear-gradient(135deg,#8f263b,#5f1728);border:1px solid #c46f7fb8;border-radius:12px;margin:0 0 18px auto;padding:13px 19px;font-weight:700;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 0 22px #7f1d2d52,inset 0 1px #ffffff2e}.botao-abrir-cadastro:hover{background:linear-gradient(135deg,#a6384e,#762033);transform:translateY(-2px);box-shadow:0 0 30px #7f1d2d7a,inset 0 1px #ffffff38}.app>header{border:1px solid var(--border-bright);background:linear-gradient(145deg,#191919fa,#0c0c0cfa);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;padding:28px 24px;display:flex;box-shadow:0 0 28px #7f1d2d24,inset 0 1px #ffffff0a}.titulo{color:#fafafa;letter-spacing:-.04em;text-shadow:0 0 24px #8f263b4d;font-size:clamp(2rem,5vw,2.8rem)}.campo-busca,.user-form input{border:1px solid var(--border);color:#fafafa;background:#080808eb;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.campo-busca{border-radius:12px;width:min(100%,320px);padding:14px 16px}.campo-busca::placeholder,.user-form input::placeholder{color:#a1a1aa}.campo-busca:focus,.user-form input:focus{border-color:var(--accent);background:#111;box-shadow:0 0 0 3px #8f263b2e,0 0 18px #8f263b33}.informacao{color:#d4d4d8;margin:18px 0;font-weight:600}.mensagem-sucesso{color:#bbf7d0;background:#14532d61;border:1px solid #4ade80a6;border-radius:12px;margin:16px 0;padding:14px 16px;font-weight:700;box-shadow:0 0 20px #22c55e29}.erro,.cadastro-erro{color:#f0c5cc;background:#4a101e6b;border:1px solid #ae495bad;border-radius:12px;margin:16px 0;padding:14px 16px;box-shadow:0 0 18px #7f1d2d24}.carregando{border:1px solid var(--border);background:var(--surface);color:#e4e4e7;text-align:center;border-radius:18px;padding:30px;font-weight:600;box-shadow:0 0 24px #7f1d2d1f}.lista-usuarios{border:1px solid var(--border-bright);background:#0c0c0ceb;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px;padding:24px;list-style:none;display:grid;box-shadow:0 0 30px #7f1d2d1f,inset 0 1px #ffffff09}.card-usuario{background:linear-gradient(145deg,#1f1f1ffa,#101010fa);border:1px solid #ffffffb8;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffff09}.card-usuario:hover{border-color:#fffffff5;transform:translateY(-3px);box-shadow:0 0 20px #ffffff1a,0 0 24px #7f1d2d29,inset 0 1px #ffffff0f}.avatar{color:#fee2e2;background:#5f172880;border:1px solid #ffffffc2;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 0 16px #7f1d2d3d}.nome-usuario{color:#fafafa;font-size:1.15rem}.username{color:var(--accent-light);font-weight:700}.email{color:var(--text-muted);overflow-wrap:anywhere;font-size:.95rem}.card-usuario button,.user-form button,.modal button:not(.modal-fechar){color:#fff;background:#691b2de0;border:1px solid #c46f7fa6;border-radius:10px;padding:10px 14px;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 0 14px #7f1d2d33}.acoes-usuario{gap:8px;width:100%;margin-top:auto;display:flex}.acoes-usuario button{flex:1;min-width:0;padding:10px 8px}.acoes-usuario .botao-excluir{background:#450a0ae6;border-color:#f8717194;box-shadow:0 0 12px #7f1d2d29}.acoes-usuario .botao-excluir:hover:not(:disabled){background:#7f1d1d;box-shadow:0 0 18px #b91c1c5c}.user-form button:hover,.modal button:not(.modal-fechar):hover{background:#812239;box-shadow:0 0 20px #7f1d2d61}.sem-resultados{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:16px;padding:24px}.user-form,.novo-usuario{border:1px solid var(--border-bright);background:var(--surface-raised);border-radius:20px;flex-direction:column;gap:16px;margin-top:28px;padding:24px;display:flex;box-shadow:0 0 26px #7f1d2d29,inset 0 1px #ffffff0a}.user-form h2,.novo-usuario h2{color:#fafafa;padding-right:30px}.user-form label{color:#e4e4e7;flex-direction:column;gap:8px;font-weight:600;display:flex}.user-form input{border-radius:10px;width:100%;padding:12px 14px}.user-form button{align-self:flex-start;min-width:130px}.novo-usuario p,.detalhes-usuario p{color:#e4e4e7;overflow-wrap:anywhere;line-height:1.5}.novo-usuario strong,.detalhes-usuario strong{color:var(--accent-light)}.modal-overlay{z-index:10;backdrop-filter:blur(8px);background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#1b1b1b,#0b0b0b);border:1px solid #ae495bc7;border-radius:20px;width:min(100%,520px);max-height:min(80vh,700px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 0 42px #7f1d2d3d,0 24px 70px #000000a6,inset 0 1px #ffffff0f}.modal-fechar{color:#d4d4d8;background:0 0;border:1px solid #0000;border-radius:9px;width:34px;height:34px;font-size:1.8rem;line-height:1;transition:color .2s,border-color .2s,background .2s;position:absolute;top:12px;right:14px}.modal-fechar:hover{border-color:var(--border-bright);color:#fff;background:#7f1d2d33}.detalhes-usuario{flex-direction:column;gap:14px;padding-top:18px;display:flex}.detalhes-usuario h2{color:#fafafa;padding-right:32px}.detalhes-usuario button{align-self:flex-start}@media (width<=640px){.app{padding:24px 14px 40px}.app>header,.lista-usuarios,.user-form,.novo-usuario,.modal{padding:18px 16px}.campo-busca,.botao-abrir-cadastro{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=path0.7e3ca605.css.map */