.login-wrapper{background-color:#0f0f0f;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:fixed;top:0;left:0}.login-box{text-align:center;background:#1a1a1a;border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:400px;padding:50px 40px;box-shadow:0 20px 60px #000c}.login-form{flex-direction:column;gap:12px;margin-top:30px;display:flex}.login-form input{box-sizing:border-box;color:#fff;background:#252525;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:16px;font-size:1rem;transition:border-color .2s}.login-form input:focus{border-color:#555}.login-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;margin-top:10px;padding:16px;font-weight:700;transition:transform .1s,background-color .2s}.login-btn:hover{background-color:#ddd}.login-btn:active{transform:scale(.98)}.layout-wrapper{box-sizing:border-box;background-color:#050505;width:100vw;height:100vh;margin:0;padding:30px;overflow:hidden;display:flex!important}.sidebar{background-color:#0f0f0f;border-right:1px solid #ffffff0d;border-radius:20px 0 0 20px;flex-direction:column;width:260px;min-width:260px;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.closed{width:80px;min-width:80px}.sidebar-header{justify-content:space-between;align-items:center;padding:30px 20px;display:flex}.logo{color:#fff;white-space:nowrap;font-size:1.5rem;font-weight:800}.menu-nav ul{padding:0 10px;list-style:none}.menu-item{cursor:pointer;border-radius:12px;align-items:center;margin-bottom:5px;padding:16px 20px;transition:all .2s;display:flex;color:#fff!important}.menu-item:hover{background-color:#ffffff0d}.menu-icon{min-width:30px;font-size:1.2rem}.menu-text{white-space:nowrap;font-size:1rem;font-weight:500}.main-container{background-color:#111;border-radius:0 20px 20px 0;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.content-header{background-color:#fff;border-top-right-radius:20px;justify-content:space-between;align-items:center;height:75px;padding:0 40px;display:flex}.content-body{box-sizing:border-box;background-color:#0a0a0a;flex:1;justify-content:center;align-items:flex-start;width:100%;padding:30px;display:flex;overflow-y:auto}.content-card{box-sizing:border-box;background:linear-gradient(145deg,#151515,#0f0f0f);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%;padding:40px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #00000080}@media (max-width:768px){.layout-wrapper{flex-direction:column;padding:15px}.sidebar{border-radius:15px 15px 0 0;height:auto;width:100%!important;min-width:100%!important}.sidebar.closed{height:60px}.main-container{border-radius:0 0 15px 15px}.content-header{border-top-right-radius:0;padding:0 20px}.content-body{padding:15px}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;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:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box;margin:0!important;padding:0!important}html,body,#root{background-color:#0a0a0a;overflow:hidden;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important}