@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap);:root{--primary:#0284c7;--primary-hover:#0369a1;--secondary:#38bdf8;--secondary-hover:#0ea5e9;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--bg-body:#eef2f6;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#d8dee7;--chip-bg:#e0f2fe;--chip-text:#0369a1;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-card-hover:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}*{box-sizing:border-box;font-family:Montserrat,sans-serif!important;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#eef2f6;background-color:var(--bg-body);color:#0f172a;color:var(--text-main);line-height:1.5;padding:2rem}.App{margin:0 auto;max-width:1200px}h1,h2,h3,h4{color:#0f172a;color:var(--text-main);font-weight:700;letter-spacing:-.025em}h1{color:#0284c7;color:var(--primary);font-weight:800;margin-bottom:2.5rem;text-align:center}.form-card,.user-card{background:#fff;background:var(--bg-card);border:1px solid #d8dee7;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-card)}.form-card{margin-bottom:3rem;padding:2rem}.input-group{display:flex;flex-direction:column;margin-bottom:1.25rem}.input-group label{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}input,select{background-color:#f8fafc;border:1px solid #d8dee7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-main);font-size:.95rem;font-weight:500;padding:.65rem .85rem;transition:all .2s ease}input:focus,select:focus{background-color:#fff;border-color:#0284c7;border-color:var(--primary);box-shadow:0 0 0 3px #0284c726;outline:none}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:.6rem 1.2rem;transition:all .2s ease}.btn:active{transform:translateY(1px)}.btn-primary,.btn-success{background-color:#0284c7;background-color:var(--primary);color:#fff}.btn-primary:hover,.btn-success:hover{background-color:#0369a1;background-color:var(--primary-hover)}.btn-secondary{background-color:#e0f2fe;background-color:var(--chip-bg);border-color:#d8dee7;border-color:var(--border);color:#0369a1;color:var(--chip-text)}.btn-secondary:hover{background-color:#d8dee7;background-color:var(--border)}.btn-cancel{background-color:initial;border-color:#d8dee7;border-color:var(--border);color:#64748b;color:var(--text-muted)}.btn-cancel:hover{background-color:#eef2f6;background-color:var(--bg-body);color:#0f172a;color:var(--text-main)}.btn-outline{background:#0000;border:1px solid #0284c7;border:1px solid var(--primary);color:#0284c7;color:var(--primary)}.btn-outline:hover{background:#e0f2fe;background:var(--chip-bg)}.btn-danger{background-color:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--danger)}.btn-danger:hover{background-color:#ef4444;background-color:var(--danger);color:#fff}.btn-icon{background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);font-size:1.1rem;padding:.4rem}.btn-icon:hover{background-color:#eef2f6;background-color:var(--bg-body);border-color:#d8dee7;border-color:var(--border);color:#0284c7;color:var(--primary)}.user-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.user-card:before{background:#0284c7;background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card-header{align-items:flex-start;border-bottom:1px solid #d8dee7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.card-header h3{font-size:1.25rem;margin:0}.roles-container{margin-bottom:1.25rem}.role-chip{align-items:center;background:#e0f2fe;background:var(--chip-bg);border-radius:6px;border-radius:var(--radius-sm);color:#0369a1;color:var(--chip-text);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .85rem}.role-date{color:#0369a1;color:var(--primary-hover);display:block;font-size:.75rem;font-weight:500;margin-top:.15rem}.btn-delete-role{background:#0000;border:none;color:#ef4444;color:var(--danger);cursor:pointer;font-size:1.1rem;font-weight:700;opacity:.6;padding:0 .25rem}.btn-delete-role:hover{opacity:1}.edit-input-name{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;padding:.5rem;width:100%}.edit-roles-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.edit-role-row{align-items:center;display:flex;gap:.5rem}.edit-input-small{font-size:.85rem;padding:.5rem}.add-role-form{border-top:1px dashed #d8dee7;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.grid-2-col{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.grid-3-col{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr}.grid-roles{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr auto}@media (max-width:768px){body{padding:10px}.form-card,.user-card{padding:15px}.grid-2-col,.grid-3-col,.grid-roles{gap:10px!important;grid-template-columns:1fr!important}.user-grid{gap:15px;grid-template-columns:1fr}.card-header>div>div{flex-wrap:wrap}.add-role-form button,.form-card>button,.roles-container button{width:100%}input,select{font-size:16px}}
/*# sourceMappingURL=main.063ca9de.css.map*/