:root{--bg: linear-gradient(135deg, #667eea, #764ba2);--card: #fff;--text: #111827;--muted: #6b7280;--accent-bg: #2563eb;--accent: #8b5cf6;--input-focus: #fff;--role: #000;--gradient: linear-gradient(130deg, #8b5cf6, #fff, #fff, #4f46e5)}[data-theme=dark]{--bg: linear-gradient(135deg, #0b1220, #111827, #4c1d95, #0b1220, #0b1220, #1e40af, #0b1220);--card: #0f1724;--text: #e6eef8;--muted: #9aa4b2;--accent: #8b5cf6;--input-focus: #4c1d95;--role: #fff;--gradient: linear-gradient(130deg, #8b5cf6, #111827, #111827, #4f46e5)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;font-family:sans-serif}body{background:var(--bg);color:var(--text);padding:20px}.container{position:relative;max-width:980px;height:94%;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;height:11%}.table-container{overflow:scroll;width:100%;height:85%}.card{background:var(--card);border-radius:10px;padding:18px;box-shadow:0 6px 14px #0206170f}.table{width:100%;height:auto;border-collapse:collapse;margin-top:12px;background:#ffffff4d;box-shadow:0 8px 32px #00000040}.table th{letter-spacing:.8px}.table th,.table td{padding:10px;text-align:left;border-bottom:4px solid rgba(0,0,0,.1)}.table td{height:100%}.name-column{text-transform:capitalize}.email-column{text-transform:lowercase}.scrollable::-webkit-scrollbar{width:20px;height:20px}.scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px;border:3px solid rgba(255,255,255,.1);cursor:pointer}.scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#4f46e5)}.scrollable::-webkit-scrollbar-button{background:transparent}.scrollable::-webkit-scrollbar-corner{background:transparent}.actions-container{display:flex;gap:10px}.search{display:flex;gap:8px;width:300px;align-items:center}.btn{padding:8px 12px;border-radius:8px;border:0;cursor:pointer;background:var(--accent);color:#fff}.btn.ghost{background:transparent;border:1px solid rgba(0,0,0,.08);color:var(--text)}.small{padding:6px 8px;font-size:14px;border-radius:6px}.role{padding:4px 8px;border-radius:10px;background:var(--accent);color:var(--role);font-weight:600}.actions{display:flex;gap:8px}.form-row{display:flex;flex-direction:column;margin-bottom:10px}.input{padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:transparent}.dark-toggle{border-radius:999px;padding:6px 10px;border:1px solid rgba(0,0,0,.06);cursor:pointer}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#02061766;z-index:50}.modal{width:520px;max-width:92%;background:var(--card);padding:18px;border-radius:12px}.empty{color:var(--muted);padding:20px;text-align:center}.delete{background:red}.alert.success,.alert.error{background:#4caf50;color:#fff;padding:10px;margin-bottom:10px;border-radius:6px}.header.svelte-oiwvqb{position:relative}.header-right.svelte-oiwvqb{width:60%;display:flex;gap:8px;align-items:center}.bg.svelte-oiwvqb{display:flex}.sm.svelte-oiwvqb{display:none}.input.svelte-oiwvqb{width:70%;height:45px}.add-user.svelte-oiwvqb{height:45px;background:green;font-weight:700}.dark-toggle.svelte-oiwvqb{width:35px;font-size:100%;border-radius:100%;text-align:center;display:flex;justify-content:center}.menu-btn.svelte-oiwvqb,.mobile.svelte-oiwvqb{display:none}@media screen and (max-width:600px){.mobileMenu.svelte-oiwvqb{position:absolute;top:120%;right:0%;width:15rem;height:15rem;display:flex;gap:8px;align-items:center;justify-content:space-evenly;flex-direction:column;background:var(--bg);border-top-left-radius:6px;border-bottom-left-radius:6px;transition:1s ease-in-out}.input.svelte-oiwvqb::placeholder{color:var(--card)}.input.svelte-oiwvqb,.add-user.svelte-oiwvqb{width:85%}.mobileSearch.svelte-oiwvqb{position:absolute;top:110%;width:100%;height:40px}.mobileSearch.svelte-oiwvqb input:where(.svelte-oiwvqb){width:100%;height:100%;background:#fff}.mobileSearch.svelte-oiwvqb input:where(.svelte-oiwvqb)::placeholder{color:#000}.mobileSearch.svelte-oiwvqb input:where(.svelte-oiwvqb):focus{border:2px solid var(--input-focus);outline:2px solid var(--input-focus)}.menu-btn.svelte-oiwvqb,.search-btn.svelte-oiwvqb{display:flex;font-size:20px;cursor:pointer;background:transparent;border:none}.mobile.svelte-oiwvqb,.sm.svelte-oiwvqb{display:flex}.bg.svelte-oiwvqb{display:none}}form.svelte-1a4iy2v{font-weight:700}.input-container.svelte-1a4iy2v{position:relative}label.svelte-1a4iy2v{margin-bottom:10px}.input-container.svelte-1a4iy2v select:where(.svelte-1a4iy2v){position:relative;width:100%;height:50px;cursor:pointer;color:var(--text)}.input-container.svelte-1a4iy2v select:where(.svelte-1a4iy2v) option:where(.svelte-1a4iy2v){color:var(--text)}input.svelte-1a4iy2v{height:50px;border:2px solid #ccc;border-radius:6px;padding:8px;width:100%;color:var(--text)}input.svelte-1a4iy2v:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px #3b82f633}.form-buttons-container.svelte-1a4iy2v{width:100%;height:30px;display:flex;gap:8px;justify-content:space-evenly;margin-top:20px}.form-buttons-container.svelte-1a4iy2v button:where(.svelte-1a4iy2v){width:120px;height:40px;font-weight:700}.valid.svelte-1a4iy2v{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.error.svelte-1a4iy2v{border-color:#e63946;box-shadow:0 0 0 2px #e6394626}.error-text.svelte-1a4iy2v{color:#e63946;font-size:12px;margin-top:3px}.valid-message.svelte-1a4iy2v{position:absolute;top:0%;right:0%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:#22c55e}.enabled.svelte-1a4iy2v{opacity:1;cursor:pointer}.disabled.svelte-1a4iy2v{opacity:.5;cursor:none}.modal.svelte-1bxxaoh{background:var(--gradient)}.deleteForm.svelte-1r29lfr{display:flex;justify-content:center;flex-direction:column;align-items:center}p.svelte-1r29lfr{text-transform:uppercase;text-align:center;font-weight:700;font-size:20px}p.svelte-1r29lfr:nth-child(2){height:40px;width:200px;display:flex;align-items:center;justify-content:center;background:var(--accent);text-align:center;border-radius:7px;color:var(--text)}.button-container.svelte-1r29lfr{height:50px;width:100%;margin-top:50px;display:flex;justify-content:space-evenly}.button-container.svelte-1r29lfr button:where(.svelte-1r29lfr){flex-basis:150px}.author-container.svelte-157czot{width:90%;height:30px;position:absolute;bottom:3%;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700;z-index:0}