:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--background:#303544;--foreground:#f5f5f5;--primary:#8c9ccd;--secondary:#8e909f;--tertary:#8c8eb0;--box:#313131}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);height:100%}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--foreground);margin:0;padding:0}.pages{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.content{display:flex;justify-content:center;flex:1 1;padding:0 20px;box-sizing:border-box}.header{display:flex;justify-content:space-between;color:var(--foreground);background-color:var(--primary);border:1px solid var(--primary);border-radius:200vw;padding:2.1vw;margin-bottom:20px;height:.1vw}.header h1{font-size:2vw;margin-left:1vw}.headerContainerLeft{display:flex;align-items:center;justify-content:flex-start}.headerContainerRight{display:flex;align-items:center;justify-content:flex-end;gap:16px}.dashboardLink{color:var(--foreground);text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.dashboardLink:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.menuBox{display:flex;flex-direction:column;width:100%;max-width:500px;color:#ffffff;background-color:var(--box);border:1px solid #444444;border-radius:8px;padding:20px}@media (max-width:600px){.menuBox{padding:10px;max-width:100vw}}@media (min-width:1800px){.header{padding:.5vw;height:2vw}.header h1{font-size:1.5vw;margin-left:.5vw}}@media (max-width:600px){.header{align-items:center;padding:2vw;height:10vw}.header h1{font-size:10px;margin-left:0}}