.sidebar{width:12.5%;background:#141414;border-right:1px solid #282828;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}@media(max-width:768px){.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #282828;order:-1}}.sidebar .sidebar-content{padding:2rem}@media(max-width:768px){.sidebar .sidebar-content{padding:1rem}}.sidebar .sidebar-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}@media(max-width:768px){.sidebar .sidebar-content h2{margin:0 0 .75rem;font-size:1.25rem}}.sidebar .sidebar-content nav ul{list-style:none;padding:0;margin:0}.sidebar .sidebar-content nav ul li{margin-bottom:.5rem}@media(max-width:768px){.sidebar .sidebar-content nav ul li{margin-bottom:.25rem}}.sidebar .sidebar-content nav ul li a{display:block;padding:.5rem;text-decoration:none;border-radius:4px;transition:background-color .2s}@media(max-width:768px){.sidebar .sidebar-content nav ul li a{padding:.25rem .5rem}}.sidebar .sidebar-content nav ul li a:hover{background-color:#282828}.sidebar .sidebar-auth{margin-top:auto;padding-top:2rem}@media(max-width:768px){.sidebar .sidebar-auth{padding-top:1rem}}.sidebar .sidebar-auth .user-info .user-details{margin-bottom:1rem;padding:1rem;background:#1e1e1e;border-radius:6px;border:1px solid #323232}.sidebar .sidebar-auth .user-info .user-details .username{margin:0 0 .25rem;font-weight:600;color:#fff}.sidebar .sidebar-auth .user-info .user-details .email{margin:0 0 .5rem;font-size:.875rem;color:#b4b4b4}.sidebar .sidebar-auth .user-info .user-details .admin-badge{display:inline-block;padding:.125rem .375rem;background:#503c28;color:#fff;font-size:.75rem;font-weight:500;border-radius:3px}.sidebar .sidebar-auth .auth-buttons{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.sidebar .sidebar-auth .auth-buttons{gap:.25rem;flex-direction:row}}.sidebar .sidebar-auth .auth-buttons .auth-button{display:block;padding:.5rem;text-decoration:none;border-radius:4px;text-align:center;font-weight:500;transition:background-color .2s;border:1px solid #3c3c3c;color:#fff;background:#282828}@media(max-width:768px){.sidebar .sidebar-auth .auth-buttons .auth-button{padding:.375rem .5rem;font-size:.875rem;flex:1 1}}.sidebar .sidebar-auth .auth-buttons .auth-button:hover{background-color:#3c3c3c}.sidebar .sidebar-auth .auth-buttons .auth-button.login-button{background:#282828}.sidebar .sidebar-auth .auth-buttons .auth-button.login-button:hover{background:#3c3c3c}.sidebar .sidebar-auth .auth-buttons .auth-button.signup-button{background:#3c5064}.sidebar .sidebar-auth .auth-buttons .auth-button.signup-button:hover{background:#506478}.sidebar .sidebar-auth .auth-buttons .auth-button.admin-button{background:#503c28}.sidebar .sidebar-auth .auth-buttons .auth-button.admin-button:hover{background:#64503c}.sidebar .sidebar-auth .auth-buttons .auth-button.profile-button{background:#28503c}.sidebar .sidebar-auth .auth-buttons .auth-button.profile-button:hover{background:#3c6450}.sidebar .sidebar-auth .auth-buttons .auth-button.logout-button{background:#502828}.sidebar .sidebar-auth .auth-buttons .auth-button.logout-button:hover{background:#643c3c}:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:#000;-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:#fff}@media(max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:700}@media(max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media(max-width:768px){h1{font-size:38px;line-height:38px}}@media(max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media(max-width:1024px){p{margin:calc(var(--base)*.75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.app-layout{display:flex;height:100vh;width:100%;overflow:hidden}@media(max-width:768px){.app-layout{flex-direction:column;height:auto;min-height:100vh}}.content-wrapper{display:flex;flex-direction:column;flex:1 1;width:87.5%;overflow:hidden}@media(max-width:768px){.content-wrapper{width:100%;flex:1 1}}.content-area{flex:1 1;overflow-y:auto;padding:2rem;min-height:0}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100%;padding:45px;max-width:1024px;margin:0 auto}@media(max-width:400px){.home{padding:24px}}.home .content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.home .content h1{text-align:center}.home .links{display:flex;align-items:center;gap:12px}.home .links a{text-decoration:none;padding:.25rem .5rem;border-radius:4px}.home .links .admin{color:#000;background:#fff;border:1px solid #000}.home .links .docs{color:#fff;background:#000;border:1px solid #fff}.home .footer{display:flex;align-items:center;gap:8px}@media(max-width:1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{text-decoration:none;padding:0 .5rem;background:#3c3c3c;border-radius:4px}.content-header{padding:1.5rem 2rem;background:#0f0f0f;border-bottom:1px solid #282828;flex-shrink:0}@media(max-width:768px){.content-header{padding:1rem 1.5rem;background:#0f0f0f;border-bottom:1px solid #282828}}.content-footer{padding:1.5rem 2rem;background:#0f0f0f;border-top:1px solid #282828;flex-shrink:0}@media(max-width:768px){.content-footer{padding:1rem}}