:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-size:16px;color:#333;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1,h2,h3{color:#00698f}.button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.layout{min-height:100vh;display:flex;flex-direction:column;background:#f6f8fa}.header{background:#f0f2f5;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.header-left .logo{margin:0;font-size:1.5rem;color:#646cff}.header-right{display:flex;align-items:center;gap:1.5rem}.user-greeting{color:#a0a0a0;font-size:.95rem}.logout-btn{padding:.5rem 1rem;font-size:.875rem;background:transparent;border:1px solid #646cff;color:#646cff}.logout-btn:hover{background:#646cff;color:#fff}.main-container{display:flex;flex:1}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1001;background:#f8fafc;width:220px;transform:translate(-100%);transition:transform .3s;box-shadow:2px 0 8px #00000014;border-right:1px solid #e0e0e0}.sidebar.open{transform:translate(0)}.main-container{flex-direction:column}}@media(max-width:900px){.header-right .logout-btn,.header-right .user-greeting{display:none}.mobile-menu-btn{display:inline-flex;align-items:center;background:none;border:none;font-size:2rem;color:#646cff;margin-left:1rem;cursor:pointer}}.mobile-menu-btn,.bottom-nav{display:none}@media(max-width:900px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:60px;background:#f0f2f5;border-top:1px solid #e0e0e0;z-index:1002;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px #0000000f}.bottom-nav .nav-link{flex-direction:column;gap:.2rem;padding:.5rem .75rem;font-size:1.2rem;border:none;background:none}.sidebar{top:0;left:0;height:100vh;width:220px;background:#f8fafc;z-index:1001;border-right:1px solid #e0e0e0}}.sidebar{width:240px;background:#f8fafc;padding:1.5rem 0;border-right:1px solid #e0e0e0}.nav-menu{list-style:none;padding:0;margin:0}.nav-menu li{margin:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#444;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-link:hover{background:#e6eaff;color:#646cff}.nav-link.active{background:#dde3ff;color:#646cff;border-left-color:#646cff}.nav-icon{font-size:1.1rem}.nav-divider{padding:1.5rem 1.5rem .5rem;margin-top:.5rem;border-top:1px solid #e0e0e0}.nav-divider span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#666;font-weight:600}.content{flex:1;padding:2rem;background:#fff;overflow-y:auto}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{margin:0 0 .5rem;font-size:2rem}.dashboard-subtitle{color:#888;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid #e0e0e0;box-shadow:0 4px 16px #646cff14,0 1.5px 6px #0000000f;transition:transform .2s,border-color .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);border-color:#646cff;box-shadow:0 6px 20px #646cff21,0 2px 8px #00000017}.stat-icon{font-size:2.5rem;color:#646cff}.stat-info h3{margin:0 0 .25rem;font-size:.95rem;color:#888;font-weight:600;letter-spacing:.01em}.stat-value{margin:0;font-size:1.75rem;font-weight:700;color:#222}.quick-actions h2{font-size:1.25rem;margin:0 0 1rem;color:#ccc}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.action-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:#222;border:1px solid #e0e0e0;box-shadow:0 4px 16px #646cff14,0 1.5px 6px #0000000f;transition:all .2s}.action-card:hover{background:#f6f8fa;border-color:#646cff;transform:translateY(-2px);box-shadow:0 6px 20px #646cff21,0 2px 8px #00000017}.action-icon{font-size:1.75rem;color:#646cff}.action-card span:last-child{font-size:.9rem;color:#888}.users-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.users-page .page-header h1{margin:0}.btn-primary{background:#646cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.btn-primary:hover{background:#535bf2}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#333;color:#fff;border:1px solid #444;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.btn-secondary:hover{background:#444}.btn-danger{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}.btn-danger:hover{background:#c82333}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.users-table-container{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 4px 16px #646cff14,0 1.5px 6px #0000000f}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.users-table th{background:#f6f8fa;font-weight:700;color:#646cff;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e0e0e0}.users-table tbody tr:hover{background:#646cff0d}.users-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#888;padding:2rem!important}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-admin{background:#dc354533;color:#ff6b7a}.role-user{background:#646cff33;color:#8b92ff}.modal-overlay{position:fixed;inset:0;background:#141622d9;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#23234a;border-radius:14px;width:100%;max-width:480px;border:1.5px solid #2d2d5a;max-height:92vh;overflow-y:auto;box-shadow:0 8px 32px #282c5040,0 1.5px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1.5px solid #2d2d5a;background:#1a1a2e}.modal-header h2{margin:0;font-size:1.25rem;color:#bfc6ff;letter-spacing:.01em}.modal-close{background:none;border:none;font-size:1.5rem;color:#7a7abf;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#fff}.modal form,.modal-content{padding:1.5rem;background:transparent}.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;margin-bottom:.35rem;font-size:.92rem;color:#bfc6ff;font-weight:500}.modal .form-group input,.modal .form-group select{width:100%;padding:.75rem;border:1.5px solid #2d2d5a;border-radius:6px;background:#18182f;color:#e0e3ff;font-size:1rem;box-sizing:border-box;transition:border .2s}.modal .form-group input:focus,.modal .form-group select:focus{outline:none;border-color:#646cff}.modal .error-message{background:#dc35452e;color:#ff6b7a;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1}.error-text{color:#ff6b7a}.readonly-field{width:100%;padding:.75rem 1rem;background:#18182f;border-radius:6px;color:#e0e3ff;font-size:1rem;border:1.5px solid #2d2d5a;margin-top:.15rem;margin-bottom:.5rem;box-sizing:border-box;word-break:break-all}@media(max-width:600px){.modal{max-width:98vw;padding:0}.modal-content{padding:1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.login-container{display:flex;justify-content:center;align-items:center;background:#f6f8fa}.login-card{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 16px #646cff14,0 1.5px 6px #0000000f;border:1px solid #e0e0e0;width:100%;max-width:400px}.login-card h1{margin-bottom:1.5rem;text-align:center;font-size:2rem;color:#646cff;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;text-align:left;color:#444;font-size:1rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #d0d0d0;border-radius:6px;background:#f8fafc;color:#222;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#646cff;background:#fff}.error-message{background:#f44;color:#fff;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;font-size:1rem}button[type=submit]{width:100%;padding:.75rem;margin-top:1rem;background:#646cff;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;box-shadow:0 2px 8px #646cff14;transition:background .2s}button[type=submit]:hover:not(:disabled){background:#4b50c7}button:disabled{opacity:.6;cursor:not-allowed}.home-container{text-align:center;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.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}}.card{padding:2em}.read-the-docs{color:#888}