body{margin:0;padding:0;background-color:#121212;color:#e0e0e0;font-family:Segoe UI,sans-serif}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}header{background-color:#1e1e1e;border-bottom:1px solid #333;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}nav a{color:#f0f0f0;text-decoration:none;margin:0 1rem;padding:.5rem .75rem;border-radius:6px;transition:background-color .3s,color .3s;font-weight:500}nav a:hover{background-color:#333;color:#fff}button{background-color:#e53935;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:700}button:hover{background-color:#c62828}.card{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;padding:2em;margin:1em 0}.read-the-docs{color:#999}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #8888ffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.sidebar{width:220px;min-height:calc(100vh - 64px);background:#181a1b;color:#e0e0e0;padding:1.5rem 1rem;box-shadow:2px 0 8px #0000001a;position:fixed;left:0;top:64px;display:flex;flex-direction:column;z-index:10}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul li{margin-bottom:1.2rem}.sidebar nav ul li a,.sidebar nav ul li button{color:#e0e0e0;text-decoration:none;font-weight:500;font-size:1.05rem;background:none;border:none;padding:0;transition:color .2s,background .2s;border-radius:4px;display:block;text-align:left}.sidebar nav ul li a:hover,.sidebar nav ul li button:hover{color:#fff;background:#23272a}main{margin-left:220px;margin-top:64px;padding:2rem;width:calc(100% - 220px);text-align:left}.user-list-table{width:100%;border-collapse:collapse;background:#23272a;color:#e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:2rem}.user-list-table{width:100%;border-collapse:collapse;background:#23272a;color:#e0e0e0;border-radius:8px;overflow:hidden;margin:0 auto;font-size:1rem}.user-list-table th,.user-list-table td{padding:.75rem 1rem;text-align:left}.user-list-table th{background:#181a1b;border-bottom:2px solid #333;font-weight:600}.user-list-table tr:not(:last-child) td{border-bottom:1px solid #333}.user-list-table tr:hover td{background:#222326}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#2a2a3b;color:#f0f0f0;padding:2rem;border-radius:8px;min-width:320px;box-shadow:0 2px 16px #00000040}.modal-input{width:100%;padding:.5rem;margin-bottom:1rem;background:#1e1e2f;border:1px solid #444;color:#f0f0f0;border-radius:4px}.modal-button{background:#1976d2;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:1rem}.modal-error{color:red;margin-bottom:8px}